Let automations fire on more CRM events and open the studio from the main nav.

Co-authored-by: Cursor <cursoragent@cursor.com>

apps/web/src/components/automations/AutomationCanvas.vue

@@ -221,6 +221,8 @@ function nodeClass(step: AutomationStep) {
 <style scoped>
 .canvas {
   position: relative;
+  width: 100%;
+  min-width: 0;
   min-height: 22rem;
   border-radius: 16px;
   overflow: auto;

apps/web/src/components/automations/AutomationInspector.vue

@@ -17,8 +17,8 @@ import {
   AUTOMATION_CONDITION_OP_LABELS,
   AUTOMATION_NOTIFY_CHANNEL_LABELS,
   AUTOMATION_NOTIFY_CHANNELS,
+  AUTOMATION_TRIGGER_GROUPS,
   AUTOMATION_TRIGGER_LABELS,
-  AUTOMATION_TRIGGERS,
   conditionFieldsForTrigger,
   isAutomationCondition,
 } from '@mento/shared';
@@ -104,9 +104,15 @@ watch(
       <label>
         اگر
         <select v-model="trigger">
-          <option v-for="t in AUTOMATION_TRIGGERS" :key="t" :value="t">
-            {{ AUTOMATION_TRIGGER_LABELS[t] }}
-          </option>
+          <optgroup
+            v-for="group in AUTOMATION_TRIGGER_GROUPS"
+            :key="group.label"
+            :label="group.label"
+          >
+            <option v-for="t in group.items" :key="t" :value="t">
+              {{ AUTOMATION_TRIGGER_LABELS[t] }}
+            </option>
+          </optgroup>
         </select>
       </label>
     </template>