iron-cms 0.10.0 → 0.11.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 7cf5dcee3aab1c40252f69f9314a3f3db2c43b359bd7045264c837856406e260
-  data.tar.gz: 5e0e7f58dfa1630254637185f8e9adce63800fc83b4633a805aae36ac130e742
+  metadata.gz: e4875e891f39ab409c8460006c443ceae03bef9cb9cbd48ea8a0b5603d090405
+  data.tar.gz: 4a45587b457c4aff648bc7d61d714485ac26682533cdb1c9016d00b27a1c6fab
 SHA512:
-  metadata.gz: ff9f0219866d562528218a0aa7156947e6c5b813ed1c2faf2142122ff430e23b2bf6e5d1c267c1d3db0ef4d566444ea253c43a0792f4422f944064554112971c
-  data.tar.gz: 186733969e7fdd9f69b1f7ef38391b7985165d29ede268eac7288a4b3f20c0277c39500cbdce85a860fa9a1c7d2c7ddca4cbbe11c42cae0f5de621ad62799139
+  metadata.gz: 9ddcc960d6c7572dcd8d459c883d522d1f25b5f33ef23f75cc7cd1a444e1192864078d2c573bf2f868858582a5316715008314dbe8be3f2acaf68d18f5a8ba6f
+  data.tar.gz: 299f14dad319f969252baef1b8cc09047b8c6e2a832cde32302c028b6f1dcb51ff562d49c760a3c071d77d654f5718772ef97e6c434c83beef6bd7bbffb0f725

data/README.md

@@ -175,6 +175,13 @@ Then copy iron migrations:
 bin/rails iron:install:migrations
 ```
 
+Configure the mailer sender address used for system emails (e.g. password resets):
+
+```ruby
+# config/initializers/iron.rb
+Iron.mailer_sender = "hello@mysite.com"
+```
+
 ## Architecture
 
 Here is an overview of how the CMS is structured.

data/app/assets/builds/iron.css

@@ -1020,6 +1020,7 @@
   .sidebar-item {
     position: relative;
     display: flex;
+    align-items: center;
     column-gap: calc(var(--spacing) * 3);
     border-radius: var(--radius-lg);
     padding: calc(var(--spacing) * 2);
@@ -1032,15 +1033,15 @@
     transition-duration: var(--tw-duration, var(--default-transition-duration));
     --tw-duration: 150ms;
     transition-duration: 150ms;
-    color: var(--color-stone-600);
+    color: var(--color-stone-700);
     @media (prefers-color-scheme: dark) {
       color: var(--color-stone-400);
     }
     &:hover {
       @media (hover: hover) {
-        background-color: color-mix(in srgb, oklch(97% 0.001 106.424) 70%, transparent);
+        background-color: color-mix(in srgb, oklch(86.9% 0.005 56.366) 40%, transparent);
         @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--color-stone-100) 70%, transparent);
+          background-color: color-mix(in oklab, var(--color-stone-300) 40%, transparent);
         }
       }
     }
@@ -1079,7 +1080,7 @@
     }
     :is(& > *) {
       &[data-slot="icon"] {
-        color: var(--color-stone-400);
+        color: var(--color-stone-500);
       }
     }
     @media (prefers-color-scheme: dark) {
@@ -1110,9 +1111,9 @@
       }
     }
     &[data-current] {
-      background-color: color-mix(in srgb, oklch(97% 0.001 106.424) 70%, transparent);
+      background-color: color-mix(in srgb, oklch(86.9% 0.005 56.366) 50%, transparent);
       @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--color-stone-100) 70%, transparent);
+        background-color: color-mix(in oklab, var(--color-stone-300) 50%, transparent);
       }
     }
     &[data-current] {
@@ -1468,12 +1469,21 @@
   .z-50 {
     z-index: 50;
   }
+  .col-span-2 {
+    grid-column: span 2 / span 2;
+  }
   .col-start-1 {
     grid-column-start: 1;
   }
+  .col-start-2 {
+    grid-column-start: 2;
+  }
   .row-start-1 {
     grid-row-start: 1;
   }
+  .row-start-2 {
+    grid-row-start: 2;
+  }
   .container {
     width: 100%;
     @media (width >= 40rem) {
@@ -1981,6 +1991,9 @@
   .mt-1 {
     margin-top: calc(var(--spacing) * 1);
   }
+  .mt-1\.5 {
+    margin-top: calc(var(--spacing) * 1.5);
+  }
   .mt-2 {
     margin-top: calc(var(--spacing) * 2);
   }
@@ -1990,6 +2003,9 @@
   .mt-4 {
     margin-top: calc(var(--spacing) * 4);
   }
+  .mt-5 {
+    margin-top: calc(var(--spacing) * 5);
+  }
   .mt-6 {
     margin-top: calc(var(--spacing) * 6);
   }
@@ -2275,6 +2291,9 @@
   .w-10 {
     width: calc(var(--spacing) * 10);
   }
+  .w-12 {
+    width: calc(var(--spacing) * 12);
+  }
   .w-16 {
     width: calc(var(--spacing) * 16);
   }
@@ -2396,6 +2415,9 @@
   .grid-cols-8 {
     grid-template-columns: repeat(8, minmax(0, 1fr));
   }
+  .grid-cols-\[1fr_auto\] {
+    grid-template-columns: 1fr auto;
+  }
   .flex-col {
     flex-direction: column;
   }
@@ -2539,6 +2561,9 @@
   .self-center {
     align-self: center;
   }
+  .self-end {
+    align-self: flex-end;
+  }
   .self-start {
     align-self: flex-start;
   }
@@ -2625,6 +2650,12 @@
   .border-stone-300 {
     border-color: var(--color-stone-300);
   }
+  .border-stone-300\/50 {
+    border-color: color-mix(in srgb, oklch(86.9% 0.005 56.366) 50%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-stone-300) 50%, transparent);
+    }
+  }
   .border-stone-700 {
     border-color: var(--color-stone-700);
   }
@@ -2948,15 +2979,15 @@
   .bg-stone-50 {
     background-color: var(--color-stone-50);
   }
-  .bg-stone-50\/50 {
-    background-color: color-mix(in srgb, oklch(98.5% 0.001 106.423) 50%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-stone-50) 50%, transparent);
-    }
-  }
   .bg-stone-100 {
     background-color: var(--color-stone-100);
   }
+  .bg-stone-200\/50 {
+    background-color: color-mix(in srgb, oklch(92.3% 0.003 48.717) 50%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-stone-200) 50%, transparent);
+    }
+  }
   .bg-stone-800 {
     background-color: var(--color-stone-800);
   }
@@ -3011,6 +3042,11 @@
     --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
     --tw-gradient-stops: var(--tw-gradient-via-stops);
   }
+  .via-stone-300 {
+    --tw-gradient-via: var(--color-stone-300);
+    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
+    --tw-gradient-stops: var(--tw-gradient-via-stops);
+  }
   .to-indigo-50 {
     --tw-gradient-to: var(--color-indigo-50);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@@ -3116,6 +3152,9 @@
   .py-16 {
     padding-block: calc(var(--spacing) * 16);
   }
+  .pt-1 {
+    padding-top: calc(var(--spacing) * 1);
+  }
   .pt-4 {
     padding-top: calc(var(--spacing) * 4);
   }
@@ -3252,6 +3291,10 @@
     font-size: var(--text-lg);
     line-height: var(--tw-leading, var(--text-lg--line-height));
   }
+  .text-lg\/none {
+    font-size: var(--text-lg);
+    line-height: 1;
+  }
   .text-sm {
     font-size: var(--text-sm);
     line-height: var(--tw-leading, var(--text-sm--line-height));
@@ -3334,12 +3377,6 @@
   .text-stone-400 {
     color: var(--color-stone-400);
   }
-  .text-stone-400\/70 {
-    color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 70%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      color: color-mix(in oklab, var(--color-stone-400) 70%, transparent);
-    }
-  }
   .text-stone-500 {
     color: var(--color-stone-500);
   }
@@ -3756,12 +3793,12 @@
       }
     }
   }
-  .hover\:bg-stone-100\/70 {
+  .hover\:bg-stone-300\/40 {
     &:hover {
       @media (hover: hover) {
-        background-color: color-mix(in srgb, oklch(97% 0.001 106.424) 70%, transparent);
+        background-color: color-mix(in srgb, oklch(86.9% 0.005 56.366) 40%, transparent);
         @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--color-stone-100) 70%, transparent);
+          background-color: color-mix(in oklab, var(--color-stone-300) 40%, transparent);
         }
       }
     }
@@ -3787,6 +3824,13 @@
       }
     }
   }
+  .hover\:text-stone-600 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-stone-600);
+      }
+    }
+  }
   .hover\:text-stone-700 {
     &:hover {
       @media (hover: hover) {
@@ -4803,16 +4847,16 @@
     }
   }
 }
-.sidebar-monogram {
+.monogram {
   background: radial-gradient(circle at 30% 30%, var(--color-stone-300), transparent 60%), radial-gradient(circle at 70% 70%, var(--color-stone-600), transparent 60%), var(--color-stone-400);
 }
 @media (prefers-color-scheme: dark) {
-  .sidebar-monogram {
+  .monogram {
     background: radial-gradient(circle at 30% 30%, var(--color-stone-500), transparent 60%), radial-gradient(circle at 70% 70%, var(--color-stone-800), transparent 60%), var(--color-stone-600);
   }
 }
 @layer base {
-  form {
+  form:not(.auth-form) {
     textarea {
       position: relative;
       display: block;

data/app/assets/tailwind/iron/components/form.css

@@ -1,5 +1,5 @@
 @layer base {
-  form {
+  form:not(.auth-form) {
     textarea {
       @apply textarea;
     }

data/app/assets/tailwind/iron/components/sidebar.css

@@ -1,4 +1,4 @@
-.sidebar-monogram {
+.monogram {
   background:
     radial-gradient(circle at 30% 30%, var(--color-stone-300), transparent 60%),
     radial-gradient(circle at 70% 70%, var(--color-stone-600), transparent 60%),
@@ -6,7 +6,7 @@
 }
 
 @media (prefers-color-scheme: dark) {
-  .sidebar-monogram {
+  .monogram {
     background:
       radial-gradient(circle at 30% 30%, var(--color-stone-500), transparent 60%),
       radial-gradient(circle at 70% 70%, var(--color-stone-800), transparent 60%),
@@ -16,18 +16,18 @@
 
 @utility sidebar-item {
   /* Base */
-  @apply relative flex gap-x-3 rounded-lg p-2 text-sm/6 font-medium;
+  @apply relative flex items-center gap-x-3 rounded-lg p-2 text-sm/6 font-medium;
   @apply transition-colors duration-150;
   /* Default state */
-  @apply text-stone-600 dark:text-stone-400;
+  @apply text-stone-700 dark:text-stone-400;
   /* Hover state */
-  @apply hover:bg-stone-100/70 hover:text-stone-900 dark:hover:bg-white/5 dark:hover:text-white;
+  @apply hover:bg-stone-300/40 hover:text-stone-900 dark:hover:bg-white/5 dark:hover:text-white;
   /* Leading icon */
   @apply *:data-[slot=icon]:size-5 *:data-[slot=icon]:shrink-0;
-  @apply *:data-[slot=icon]:text-stone-400 dark:*:data-[slot=icon]:text-stone-500;
+  @apply *:data-[slot=icon]:text-stone-500 dark:*:data-[slot=icon]:text-stone-500;
   @apply hover:*:data-[slot=icon]:text-stone-600 dark:hover:*:data-[slot=icon]:text-stone-300;
   /* Current state */
-  @apply data-current:bg-stone-100/70 data-current:text-stone-900;
+  @apply data-current:bg-stone-300/50 data-current:text-stone-900;
   @apply dark:data-current:bg-white/5 dark:data-current:text-white;
   @apply data-current:*:data-[slot=icon]:text-stone-700;
   @apply dark:data-current:*:data-[slot=icon]:text-white;

data/app/controllers/iron/account/exports_controller.rb

@@ -11,7 +11,7 @@ module Iron
     def create
       @export = Account::Export.create!(export_params)
       @export.process_later
-      redirect_to @export, notice: "Export started"
+      redirect_to @export, notice: t("iron.account.exports.notifications.started")
     end
 
     def show

data/app/controllers/iron/account/imports_controller.rb

@@ -12,7 +12,7 @@ module Iron
       @import = Account::Import.create!(import_params)
       @import.file.attach(params[:account_import][:file])
       @import.process_later
-      redirect_to @import, notice: "Import started"
+      redirect_to @import, notice: t("iron.account.imports.notifications.started")
     end
 
     def show

data/app/controllers/iron/content_types_controller.rb

@@ -22,7 +22,7 @@ module Iron
       @content_type = ContentType.new(content_type_params)
 
       if @content_type.save
-        redirect_to @content_type, notice: "Content type was successfully created."
+        redirect_to @content_type, notice: t("iron.content_types.notifications.created")
       else
         render :new, status: :unprocessable_entity
       end
@@ -30,7 +30,7 @@ module Iron
 
     def update
       if @content_type.update(content_type_params)
-        redirect_to @content_type, notice: "Content type was successfully updated.", status: :see_other
+        redirect_to @content_type, notice: t("iron.content_types.notifications.updated"), status: :see_other
       else
         render :edit, status: :unprocessable_entity
       end
@@ -38,7 +38,7 @@ module Iron
 
     def destroy
       @content_type.destroy!
-      redirect_to content_types_path, notice: "Content type was successfully destroyed.", status: :see_other
+      redirect_to content_types_path, notice: t("iron.content_types.notifications.destroyed"), status: :see_other
     end
 
     private

data/app/controllers/iron/entries_controller.rb

@@ -40,15 +40,15 @@ module Iron
 
       if @entry.save
         if @entry.content_type.single?
-          redirect_to entry_content_type_url(@entry.content_type), notice: "#{@entry.content_type.name} was successfully created."
+          redirect_to entry_content_type_url(@entry.content_type), notice: t("iron.entries.notifications.created", content_type: @entry.content_type.name)
         else
-          redirect_to edit_entry_url(@entry), notice: "#{@entry.content_type.name} was successfully created."
+          redirect_to edit_entry_url(@entry), notice: t("iron.entries.notifications.created", content_type: @entry.content_type.name)
         end
       else
         if @entry.errors.any?
-          flash.now[:alert] = "Could not save changes due to validation errors"
+          flash.now[:alert] = t("iron.entries.alerts.validation_errors")
         else
-          flash.now[:alert] = "#{@entry.content_type.name} could not be created"
+          flash.now[:alert] = t("iron.entries.alerts.create_failed", content_type: @entry.content_type.name)
         end
         render :new, status: :unprocessable_entity
       end
@@ -57,15 +57,15 @@ module Iron
     def update
       if @entry.update(entry_params)
         if @entry.content_type.single?
-          redirect_to entry_content_type_url(@entry.content_type, locale: @locale.code), notice: "#{@entry.content_type.name} was successfully updated."
+          redirect_to entry_content_type_url(@entry.content_type, locale: @locale.code), notice: t("iron.entries.notifications.updated", content_type: @entry.content_type.name)
         else
-          redirect_to edit_entry_url(@entry, locale: @locale.code), notice: "#{@entry.content_type.name} was successfully updated."
+          redirect_to edit_entry_url(@entry, locale: @locale.code), notice: t("iron.entries.notifications.updated", content_type: @entry.content_type.name)
         end
       else
         if @entry.errors.any?
-          flash.now[:alert] = "Could not save changes due to validation errors"
+          flash.now[:alert] = t("iron.entries.alerts.validation_errors")
         else
-          flash.now[:alert] = "#{@entry.content_type.name} could not be updated"
+          flash.now[:alert] = t("iron.entries.alerts.update_failed", content_type: @entry.content_type.name)
         end
         render :edit, status: :unprocessable_entity
       end
@@ -73,7 +73,7 @@ module Iron
 
     def destroy
       @entry.destroy!
-      redirect_to content_type_entries_path(@entry.content_type), notice: "Entry was successfully destroyed.", status: :see_other
+      redirect_to content_type_entries_path(@entry.content_type), notice: t("iron.entries.notifications.destroyed"), status: :see_other
     end
 
     private

data/app/controllers/iron/passwords_controller.rb

@@ -13,7 +13,7 @@ module Iron
         Iron::PasswordsMailer.reset(user).deliver_later
       end
 
-      redirect_to sign_in_url, notice: "Password reset instructions sent."
+      redirect_to sign_in_url, notice: t("iron.passwords.notifications.reset_instructions_sent")
     end
 
     def edit
@@ -21,23 +21,23 @@ module Iron
 
     def update
       if @user.update(params.permit(:password, :password_confirmation))
-        redirect_to sign_in_url, notice: "Password has been reset."
+        redirect_to sign_in_url, notice: t("iron.passwords.notifications.reset_success")
       else
-        redirect_to edit_password_url(params[:token]), alert: "Passwords did not match."
+        redirect_to edit_password_url(params[:token]), alert: t("iron.passwords.alerts.passwords_mismatch")
       end
     end
 
     private
       def require_email_configuration
         unless EmailConfiguration.available?
-          redirect_to sign_in_url, alert: "Email is not configured. Please contact an administrator for a transfer link."
+          redirect_to sign_in_url, alert: t("iron.passwords.alerts.email_not_configured")
         end
       end
 
       def set_user_by_token
         @user = User.find_by_password_reset_token!(params[:token])
       rescue ActiveSupport::MessageVerifier::InvalidSignature
-        redirect_to new_password_url, alert: "Password reset link is invalid or has expired."
+        redirect_to new_password_url, alert: t("iron.passwords.alerts.reset_link_invalid")
       end
   end
 end

data/app/controllers/iron/settings_controller.rb

@@ -9,7 +9,7 @@ module Iron
 
     def update
       if Current.account.update(account_params)
-        redirect_back fallback_location: settings_path, notice: "Settings updated successfully."
+        redirect_back fallback_location: settings_path, notice: t("iron.settings.notifications.updated")
       else
         @account = Current.account
         @locales = Locale.all

data/app/controllers/iron/users/passwords_controller.rb

@@ -5,7 +5,7 @@ module Iron
 
       def update
         if @user.update(params.require(:user).permit(:password, :password_confirmation))
-          redirect_to @user, notice: "Password changed."
+          redirect_to @user, notice: t("iron.users.notifications.password_changed")
         else
           render "iron/users/show", status: :unprocessable_entity
         end

data/app/controllers/iron/users_controller.rb

@@ -32,7 +32,7 @@ module Iron
 
     def destroy
       if @user.destroy
-        redirect_back fallback_location: users_path, notice: "User was successfully removed.", status: :see_other
+        redirect_back fallback_location: users_path, notice: t("iron.users.notifications.removed"), status: :see_other
       else
         redirect_back fallback_location: users_path, alert: @user.errors.full_messages.to_sentence, status: :see_other
       end

data/app/javascript/iron/controllers/form_controller.js

@@ -1,6 +1,9 @@
 import { Controller } from "@hotwired/stimulus";
 
 export default class extends Controller {
+  static values = {
+    unsavedMessage: { type: String, default: "You have unsaved changes. Are you sure you want to leave?" }
+  };
   // Lifecycle
 
   connect() {
@@ -100,7 +103,7 @@ export default class extends Controller {
 
   #warnBeforeTurboVisit = (event) => {
     if (this.#isDirty) {
-      if (!confirm("You have unsaved changes. Are you sure you want to leave?")) {
+      if (!confirm(this.unsavedMessageValue)) {
         event.preventDefault();
       }
     }

data/app/mailers/iron/application_mailer.rb

@@ -1,6 +1,6 @@
 module Iron
   class ApplicationMailer < ActionMailer::Base
-    default from: "from@example.com"
+    default from: -> { Iron.mailer_sender }
     layout "mailer"
   end
 end

data/app/mailers/iron/passwords_mailer.rb

@@ -2,7 +2,7 @@ module Iron
   class PasswordsMailer < ApplicationMailer
     def reset(user)
       @user = user
-      mail subject: "Reset your password", to: user.email_address
+      mail subject: t(".subject"), to: user.email_address
     end
   end
 end

data/app/models/iron/entry/deep_validation.rb

@@ -25,7 +25,7 @@ module Iron
             end
           end
           fields.select { |f| f.parent.nil? }.each { |f| walk.call(f) }
-          errors.add(:base, "One or more fields are invalid") if any_invalid
+          errors.add(:base, :fields_invalid) if any_invalid
         end
     end
   end

data/app/models/iron/entry/web_publishable.rb

@@ -7,7 +7,7 @@ module Iron
       before_validation :generate_route, if: :should_generate_route?
 
       validates :route, uniqueness: { scope: :content_type_id, allow_blank: true }, if: :route_required?
-      validates :route, format: { with: /\A[a-z0-9\-\/]*\z/, message: "can only contain lowercase letters, numbers, hyphens and slashes" }, allow_blank: true
+      validates :route, format: { with: /\A[a-z0-9\-\/]*\z/, message: :invalid_route_format }, allow_blank: true
       validate :index_route_uniqueness, if: :use_as_index
     end
 
@@ -78,7 +78,7 @@ module Iron
 
       def index_route_uniqueness
         if content_type.index_entry && content_type.index_entry.id != id
-          errors.add(:use_as_index, "is already taken - another entry is already set as the index page")
+          errors.add(:use_as_index, :already_taken_as_index)
         end
       end
   end

data/app/models/iron/user/role.rb

@@ -14,7 +14,7 @@ module Iron::User::Role
 
     def cannot_change_own_role
       if current?
-        errors.add(:role, "cannot be changed for your own account")
+        errors.add(:role, :cannot_change_own_role)
         self.role = role_was
       end
     end

data/app/models/iron/user.rb

@@ -3,9 +3,9 @@ module Iron
     include Role
     include Transferable
 
-    ADMIN_LANGUAGES = { "en" => "English", "it" => "Italiano" }.freeze
+    ADMIN_LANGUAGES = %w[en it].freeze
 
-    validates :language, inclusion: { in: ADMIN_LANGUAGES.keys }
+    validates :language, inclusion: { in: ADMIN_LANGUAGES }
 
     before_destroy :ensure_not_current_user
 
@@ -36,7 +36,7 @@ module Iron
 
       def ensure_not_current_user
         if Current.user == self
-          errors.add(:base, "You cannot delete your own account while logged in")
+          errors.add(:base, :cannot_delete_self)
           throw :abort
         end
       end

data/app/views/iron/account/exports/index.html.erb

@@ -1,19 +1,19 @@
-<% content_for :title, "Exports" %>
+<% content_for :title, t(".title") %>
 
 <div class="page-content space-y-8">
   <header class="relative pb-8">
     <div class="flex items-center justify-between mb-6">
-      <%= link_to "Settings", settings_path, class: "breadcrumb" %>
+      <%= link_to t(".breadcrumb"), settings_path, class: "breadcrumb" %>
 
       <%= link_to new_account_export_path, class: "button-primary" do %>
         <%= icon "plus", class: "size-4" %>
-        New Export
+        <%= t(".new_export") %>
       <% end %>
     </div>
 
-    <h1 class="page-title-lg">Exports</h1>
+    <h1 class="page-title-lg"><%= t(".heading") %></h1>
     <p class="mt-1 text-sm text-stone-500 dark:text-stone-400">
-      <%= @exports.count %> <%= "export".pluralize(@exports.count) %>
+      <%= t(".count", count: @exports.count) %>
     </p>
 
     <div class="absolute bottom-0 left-0 right-0 h-px bg-gradient-to-r from-transparent via-stone-200 to-transparent dark:via-stone-700"></div>
@@ -35,16 +35,16 @@
           <span class="flex-1 min-w-0">
             <%= link_to export.title, account_export_path(export), class: "card-link block text-sm font-medium text-stone-900 dark:text-white" %>
             <span class="block text-xs text-stone-500 dark:text-stone-400">
-              <%= export.include_schema? ? "Schema" : "" %><%= export.include_schema? && export.include_content? ? " + " : "" %><%= export.include_content? ? "Content" : "" %>
+              <%= export.include_schema? ? t("iron.shared.data_transfer.schema") : "" %><%= export.include_schema? && export.include_content? ? " + " : "" %><%= export.include_content? ? t("iron.shared.data_transfer.content") : "" %>
             </span>
           </span>
           <span class="flex items-center gap-3">
             <% if export.pending? || export.processing? %>
-              <%= badge "Processing" %>
+              <%= badge t("iron.shared.data_transfer.processing") %>
             <% elsif export.completed? %>
-              <%= badge "Completed", class: "badge-green" %>
+              <%= badge t("iron.shared.data_transfer.completed"), class: "badge-green" %>
             <% elsif export.failed? %>
-              <%= badge "Failed", class: "badge-red" %>
+              <%= badge t("iron.shared.data_transfer.failed"), class: "badge-red" %>
             <% end %>
             <%= icon "chevron-right", class: "size-4 text-stone-300 dark:text-stone-600" %>
           </span>
@@ -57,11 +57,11 @@
         <div class="flex items-center justify-center size-12 rounded-xl bg-stone-100 dark:bg-stone-800 mb-4">
           <%= icon "download", class: "size-6 text-stone-400 dark:text-stone-500" %>
         </div>
-        <h3 class="text-sm font-medium text-stone-900 dark:text-white mb-1">No exports yet</h3>
-        <p class="text-sm text-stone-500 dark:text-stone-400 mb-4">Create an export to download a snapshot of your content.</p>
+        <h3 class="text-sm font-medium text-stone-900 dark:text-white mb-1"><%= t(".empty_state_title") %></h3>
+        <p class="text-sm text-stone-500 dark:text-stone-400 mb-4"><%= t(".empty_state_description") %></p>
         <%= link_to new_account_export_path, class: "button-primary" do %>
           <%= icon "plus", class: "size-4" %>
-          New Export
+          <%= t(".new_export") %>
         <% end %>
       </div>
     </div>