From 2c728341e095691f9e5966388e206c5b4944bc8b Mon Sep 17 00:00:00 2001
From: Tanmay Deep Sharma <tanmaydeepsharma21@gmail.com>
Date: Mon, 20 Jul 2026 11:22:12 +0530
Subject: [PATCH] refactor(automations): rename "Delayed execution" to "Wait"
 in the builder

Adopt the simpler Wait concept (as Intercom et al. use): the toggle is labelled
"Wait", the duration reads "Wait for [4] [Hours]", and the block moves to just
before Actions (it applies to the whole rule; if we add ordered steps later it can
become a proper Wait action). The "Runs after 4h" list badge is unchanged, and the
engineering layer (execution_delay column, delayed_automations flag) keeps its name.
---
 .../dashboard/i18n/locale/en/automation.json  | 10 +--
 .../automation/AutomationRuleForm.vue         | 76 ++++++++++---------
 2 files changed, 44 insertions(+), 42 deletions(-)

diff --git a/app/javascript/dashboard/i18n/locale/en/automation.json b/app/javascript/dashboard/i18n/locale/en/automation.json
index a3b0ab4d7..41441b1bd 100644
--- a/app/javascript/dashboard/i18n/locale/en/automation.json
+++ b/app/javascript/dashboard/i18n/locale/en/automation.json
@@ -29,15 +29,15 @@
           "ERROR": "Event is required"
         },
         "EXECUTE": {
-          "LABEL": "Delayed execution",
-          "AFTER_DELAY": "After a delay of",
+          "LABEL": "Wait",
+          "AFTER_DELAY": "Wait for",
           "UNITS": {
             "MINUTES": "Minutes",
             "HOURS": "Hours",
             "DAYS": "Days"
           },
-          "ERROR": "Delay must be between 10 minutes and 30 days",
-          "HELP_TEXT": "Delayed rules run only if the conditions still hold when the delay ends, and apply to conversations with activity after the rule is created."
+          "ERROR": "Wait must be between 10 minutes and 30 days",
+          "HELP_TEXT": "The rule waits, then runs only if its conditions still hold — and applies to conversations with activity after the rule is created."
         },
         "CONDITIONS": {
           "LABEL": "Conditions"
@@ -62,7 +62,7 @@
       },
       "404": "No automation rules found",
       "DELAY_BADGE": "Runs after {delay}",
-      "DELAY_DISABLED_BANNER": "Delayed execution is disabled for this account. Rules with a delay will not run until it is enabled again."
+      "DELAY_DISABLED_BANNER": "Waits are disabled for this account. Rules with a wait won't run until it is enabled again."
     },
     "DELETE": {
       "TITLE": "Delete Automation Rule",
diff --git a/app/javascript/dashboard/routes/dashboard/settings/automation/AutomationRuleForm.vue b/app/javascript/dashboard/routes/dashboard/settings/automation/AutomationRuleForm.vue
index 4f216e2a6..22a887a24 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/automation/AutomationRuleForm.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/automation/AutomationRuleForm.vue
@@ -376,43 +376,6 @@ defineExpose({ open, close });
         :error="errors.description ? $t('AUTOMATION.ADD.FORM.DESC.ERROR') : ''"
         :placeholder="$t('AUTOMATION.ADD.FORM.DESC.PLACEHOLDER')"
       />
-      <div v-if="allowsDelayedExecution" class="mb-6">
-        <div class="flex items-center justify-between gap-4">
-          <label class="mb-0" :class="{ error: errors.execution_delay }">
-            {{ $t('AUTOMATION.ADD.FORM.EXECUTE.LABEL') }}
-          </label>
-          <ToggleSwitch v-model="isDelayed" />
-        </div>
-        <div v-if="isDelayed" class="flex flex-wrap items-center gap-2 mt-2">
-          <span class="text-sm text-n-slate-11">
-            {{ $t('AUTOMATION.ADD.FORM.EXECUTE.AFTER_DELAY') }}
-          </span>
-          <input
-            v-model.number="delayValue"
-            type="number"
-            min="1"
-            class="!m-0 !w-24"
-          />
-          <select v-model="delayUnit" class="!m-0 !w-32">
-            <option
-              v-for="unit in DELAY_UNITS"
-              :key="unit.key"
-              :value="unit.key"
-            >
-              {{ $t(`AUTOMATION.ADD.FORM.EXECUTE.UNITS.${unit.key}`) }}
-            </option>
-          </select>
-        </div>
-        <span
-          v-if="isDelayed && executionDelayInvalid"
-          class="text-xs text-n-ruby-9"
-        >
-          {{ $t('AUTOMATION.ADD.FORM.EXECUTE.ERROR') }}
-        </span>
-        <p v-else-if="isDelayed" class="text-xs text-n-slate-11 pt-1 mb-0">
-          {{ $t('AUTOMATION.ADD.FORM.EXECUTE.HELP_TEXT') }}
-        </p>
-      </div>
       <div class="mb-6">
         <label :class="{ error: errors.event_name }">
           {{ $t('AUTOMATION.ADD.FORM.EVENT.LABEL') }}
@@ -491,6 +454,45 @@ defineExpose({ open, close });
         </ul>
       </section>
       <!-- Conditions End -->
+      <!-- Wait Start -->
+      <div v-if="allowsDelayedExecution" class="mb-6">
+        <div class="flex items-center justify-between gap-4">
+          <label class="mb-0" :class="{ error: errors.execution_delay }">
+            {{ $t('AUTOMATION.ADD.FORM.EXECUTE.LABEL') }}
+          </label>
+          <ToggleSwitch v-model="isDelayed" />
+        </div>
+        <div v-if="isDelayed" class="flex flex-wrap items-center gap-2 mt-2">
+          <span class="text-sm text-n-slate-11">
+            {{ $t('AUTOMATION.ADD.FORM.EXECUTE.AFTER_DELAY') }}
+          </span>
+          <input
+            v-model.number="delayValue"
+            type="number"
+            min="1"
+            class="!m-0 !w-24"
+          />
+          <select v-model="delayUnit" class="!m-0 !w-32">
+            <option
+              v-for="unit in DELAY_UNITS"
+              :key="unit.key"
+              :value="unit.key"
+            >
+              {{ $t(`AUTOMATION.ADD.FORM.EXECUTE.UNITS.${unit.key}`) }}
+            </option>
+          </select>
+        </div>
+        <span
+          v-if="isDelayed && executionDelayInvalid"
+          class="text-xs text-n-ruby-9"
+        >
+          {{ $t('AUTOMATION.ADD.FORM.EXECUTE.ERROR') }}
+        </span>
+        <p v-else-if="isDelayed" class="text-xs text-n-slate-11 pt-1 mb-0">
+          {{ $t('AUTOMATION.ADD.FORM.EXECUTE.HELP_TEXT') }}
+        </p>
+      </div>
+      <!-- Wait End -->
       <!-- Actions Start -->
       <section>
         <label>