chore(dev): Group dev processes into phrocs categories (#3457)

Author: charlesvien

mprocs.yaml

@@ -1,5 +1,5 @@
 procs:
-  1-code:
+  code:
     shell: 'node scripts/wait-for-electron-exit.mjs && node scripts/pnpm-run.mjs --filter code run start'
     env:
       DEBUG: "false"
@@ -8,26 +8,48 @@ procs:
       - git
       - enricher
       - platform
+    groups:
+      layer: Application
 
-  2-agent:
+  agent:
     shell: 'node scripts/pnpm-run.mjs --filter agent run dev'
+    groups:
+      layer: Packages
 
-  3-git:
+  git:
     shell: 'node scripts/pnpm-run.mjs --filter @posthog/git run dev'
+    groups:
+      layer: Packages
 
   platform:
     shell: 'node scripts/pnpm-run.mjs --filter @posthog/platform run dev'
+    groups:
+      layer: Packages
 
-  4-enricher:
+  enricher:
     shell: 'node scripts/pnpm-run.mjs --filter @posthog/enricher run dev'
+    groups:
+      layer: Packages
 
-  5-storybook:
+  storybook:
     shell: 'node scripts/pnpm-run.mjs --filter code run storybook'
     autostart: false
+    groups:
+      layer: Tools
 
-  6-mobile-ios:
+  mobile-ios:
     shell: 'node scripts/pnpm-run.mjs --filter @posthog/mobile run ios'
     autostart: false
+    groups:
+      layer: Application
 
-  7-chromium-log:
+  chromium-log:
     shell: 'tail -F ~/.posthog-code/logs-dev/chromium.log'
+    groups:
+      layer: Tools
+
+# Grouping dimension the sidebar starts grouped by (press `g` to cycle/disable).
+default_group: layer
+
+group_order:
+  layer: [Application, Packages, Tools]