Update dependencies & include capybara-lockstep

.github/workflows/ci.yml

@@ -14,7 +14,7 @@ jobs:
         uses: actions/checkout@v5
 
       - name: Set up Node.js
-        uses: actions/setup-node@v4
+        uses: actions/setup-node@v5
         with:
           node-version: 22
           cache: 'npm'
@@ -80,7 +80,7 @@ jobs:
         uses: actions/checkout@v5
 
       - name: Set up Node.js
-        uses: actions/setup-node@v4
+        uses: actions/setup-node@v5
         with:
           node-version: 22
           cache: 'npm'

Gemfile

@@ -77,5 +77,7 @@ end
 group :test do
   # Use system testing [https://guides.rubyonrails.org/testing.html#system-testing]
   gem "capybara"
+  # Synchronize Capybara commands with application JavaScript and AJAX requests
+  gem "capybara-lockstep"
   gem "selenium-webdriver"
 end

Gemfile.lock

@@ -80,7 +80,7 @@ GEM
     bcrypt (3.1.20)
     bcrypt_pbkdf (1.1.1)
     benchmark (0.4.1)
-    bigdecimal (3.2.2)
+    bigdecimal (3.2.3)
     bindex (0.8.1)
     bootsnap (1.18.6)
       msgpack (~> 1.2)
@@ -96,10 +96,15 @@ GEM
       rack-test (>= 0.6.3)
       regexp_parser (>= 1.5, < 3.0)
       xpath (~> 3.2)
+    capybara-lockstep (2.2.3)
+      activesupport (>= 4.2)
+      capybara (>= 3.0)
+      ruby2_keywords
+      selenium-webdriver (>= 4.0)
     childprocess (5.1.0)
       logger (~> 1.5)
     concurrent-ruby (1.3.5)
-    connection_pool (2.5.3)
+    connection_pool (2.5.4)
     crass (1.0.6)
     date (3.4.1)
     debug (1.11.0)
@@ -114,19 +119,19 @@ GEM
     erubi (1.13.1)
     et-orbi (1.3.0)
       tzinfo
-    factory_bot (6.5.4)
+    factory_bot (6.5.5)
       activesupport (>= 6.1.0)
-    factory_bot_rails (6.5.0)
+    factory_bot_rails (6.5.1)
       factory_bot (~> 6.5)
       railties (>= 6.1.0)
-    fugit (1.11.1)
+    fugit (1.11.2)
       et-orbi (~> 1, >= 1.2.11)
       raabro (~> 1.4)
     globalid (1.2.1)
       activesupport (>= 6.1)
     i18n (1.14.7)
       concurrent-ruby (~> 1.0)
-    inertia_rails (3.10.0)
+    inertia_rails (3.11.0)
       railties (>= 6)
     io-console (0.8.1)
     irb (1.15.2)
@@ -174,7 +179,7 @@ GEM
     minitest (5.25.5)
     msgpack (1.8.0)
     mutex_m (0.3.0)
-    net-imap (0.5.9)
+    net-imap (0.5.10)
       date
       net-protocol
     net-pop (0.1.2)
@@ -220,11 +225,11 @@ GEM
       date
       stringio
     public_suffix (6.0.2)
-    puma (6.6.1)
+    puma (7.0.1)
       nio4r (~> 2.0)
     raabro (1.4.0)
     racc (1.8.1)
-    rack (3.2.0)
+    rack (3.2.1)
     rack-proxy (0.7.7)
       rack
     rack-session (2.1.1)
@@ -271,7 +276,7 @@ GEM
     regexp_parser (2.11.2)
     reline (0.6.2)
       io-console (~> 0.5)
-    rexml (3.4.1)
+    rexml (3.4.3)
     rspec-core (3.13.5)
       rspec-support (~> 3.13.0)
     rspec-expectations (3.13.5)
@@ -288,8 +293,8 @@ GEM
       rspec-expectations (~> 3.13)
       rspec-mocks (~> 3.13)
       rspec-support (~> 3.13)
-    rspec-support (3.13.4)
-    rubocop (1.79.2)
+    rspec-support (3.13.5)
+    rubocop (1.80.2)
       json (~> 2.3)
       language_server-protocol (~> 3.17.0.2)
       lint_roller (~> 1.1.0)
@@ -303,10 +308,10 @@ GEM
     rubocop-ast (1.46.0)
       parser (>= 3.3.7.2)
       prism (~> 1.4)
-    rubocop-performance (1.25.0)
+    rubocop-performance (1.26.0)
       lint_roller (~> 1.1)
       rubocop (>= 1.75.0, < 2.0)
-      rubocop-ast (>= 1.38.0, < 2.0)
+      rubocop-ast (>= 1.44.0, < 2.0)
     rubocop-rails (2.33.3)
       activesupport (>= 4.2.0)
       lint_roller (~> 1.1)
@@ -318,7 +323,8 @@ GEM
       rubocop-performance (>= 1.24)
       rubocop-rails (>= 2.30)
     ruby-progressbar (1.13.0)
-    rubyzip (3.0.1)
+    ruby2_keywords (0.0.5)
+    rubyzip (3.1.0)
     securerandom (0.4.1)
     selenium-webdriver (4.35.0)
       base64 (~> 0.2)
@@ -342,7 +348,7 @@ GEM
       fugit (~> 1.11.0)
       railties (>= 7.1)
       thor (>= 1.3.1)
-    sorbet-runtime (0.5.12392)
+    sorbet-runtime (0.6.12495)
     sqlite3 (2.7.3-aarch64-linux-gnu)
     sqlite3 (2.7.3-aarch64-linux-musl)
     sqlite3 (2.7.3-arm-linux-gnu)
@@ -366,7 +372,7 @@ GEM
     timeout (0.4.3)
     tzinfo (2.0.6)
       concurrent-ruby (~> 1.0)
-    unicode-display_width (3.1.4)
+    unicode-display_width (3.1.5)
       unicode-emoji (~> 4.0, >= 4.0.4)
     unicode-emoji (4.0.4)
     uri (1.0.3)
@@ -411,6 +417,7 @@ DEPENDENCIES
   bootsnap
   brakeman
   capybara
+  capybara-lockstep
   debug
   factory_bot_rails
   inertia_rails (~> 3.10)

app/frontend/components/ui/avatar/AvatarFallback.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { reactiveOmit } from "@vueuse/core"
-import { AvatarFallback, type AvatarFallbackProps } from "reka-ui"
+import type { AvatarFallbackProps } from "reka-ui"
+import { AvatarFallback } from "reka-ui"
 import type { HTMLAttributes } from "vue"
 
 import { cn } from "@/lib/utils"

app/frontend/components/ui/breadcrumb/BreadcrumbLink.vue

@@ -1,5 +1,6 @@
 <script lang="ts" setup>
-import { Primitive, type PrimitiveProps } from "reka-ui"
+import type { PrimitiveProps } from "reka-ui"
+import { Primitive } from "reka-ui"
 import type { HTMLAttributes } from "vue"
 
 import { cn } from "@/lib/utils"

app/frontend/components/ui/button/Button.vue

@@ -1,10 +1,12 @@
 <script setup lang="ts">
-import { Primitive, type PrimitiveProps } from "reka-ui"
+import type { PrimitiveProps } from "reka-ui"
+import { Primitive } from "reka-ui"
 import type { HTMLAttributes } from "vue"
 
 import { cn } from "@/lib/utils"
 
-import { type ButtonVariants, buttonVariants } from "."
+import type { ButtonVariants } from "."
+import { buttonVariants } from "."
 
 interface Props extends PrimitiveProps {
   variant?: ButtonVariants["variant"]

app/frontend/components/ui/button/index.ts

@@ -1,4 +1,5 @@
-import { type VariantProps, cva } from "class-variance-authority"
+import type { VariantProps } from "class-variance-authority"
+import { cva } from "class-variance-authority"
 
 export { default as Button } from "./Button.vue"
 

app/frontend/components/ui/collapsible/CollapsibleContent.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { CollapsibleContent, type CollapsibleContentProps } from "reka-ui"
+import type { CollapsibleContentProps } from "reka-ui"
+import { CollapsibleContent } from "reka-ui"
 
 const props = defineProps<CollapsibleContentProps>()
 </script>

app/frontend/components/ui/collapsible/CollapsibleTrigger.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { CollapsibleTrigger, type CollapsibleTriggerProps } from "reka-ui"
+import type { CollapsibleTriggerProps } from "reka-ui"
+import { CollapsibleTrigger } from "reka-ui"
 
 const props = defineProps<CollapsibleTriggerProps>()
 </script>

app/frontend/components/ui/dialog/Dialog.vue

@@ -1,10 +1,6 @@
 <script setup lang="ts">
-import {
-  DialogRoot,
-  type DialogRootEmits,
-  type DialogRootProps,
-  useForwardPropsEmits,
-} from "reka-ui"
+import type { DialogRootEmits, DialogRootProps } from "reka-ui"
+import { DialogRoot, useForwardPropsEmits } from "reka-ui"
 
 const props = defineProps<DialogRootProps>()
 const emits = defineEmits<DialogRootEmits>()

app/frontend/components/ui/dialog/DialogClose.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { DialogClose, type DialogCloseProps } from "reka-ui"
+import type { DialogCloseProps } from "reka-ui"
+import { DialogClose } from "reka-ui"
 
 const props = defineProps<DialogCloseProps>()
 </script>

app/frontend/components/ui/dialog/DialogContent.vue

@@ -1,11 +1,10 @@
 <script setup lang="ts">
 import { reactiveOmit } from "@vueuse/core"
 import { X } from "lucide-vue-next"
+import type { DialogContentEmits, DialogContentProps } from "reka-ui"
 import {
   DialogClose,
   DialogContent,
-  type DialogContentEmits,
-  type DialogContentProps,
   DialogPortal,
   useForwardPropsEmits,
 } from "reka-ui"

app/frontend/components/ui/dialog/DialogDescription.vue

@@ -1,10 +1,7 @@
 <script setup lang="ts">
 import { reactiveOmit } from "@vueuse/core"
-import {
-  DialogDescription,
-  type DialogDescriptionProps,
-  useForwardProps,
-} from "reka-ui"
+import type { DialogDescriptionProps } from "reka-ui"
+import { DialogDescription, useForwardProps } from "reka-ui"
 import type { HTMLAttributes } from "vue"
 
 import { cn } from "@/lib/utils"

app/frontend/components/ui/dialog/DialogOverlay.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { reactiveOmit } from "@vueuse/core"
-import { DialogOverlay, type DialogOverlayProps } from "reka-ui"
+import type { DialogOverlayProps } from "reka-ui"
+import { DialogOverlay } from "reka-ui"
 import type { HTMLAttributes } from "vue"
 
 import { cn } from "@/lib/utils"

app/frontend/components/ui/dialog/DialogScrollContent.vue

@@ -1,11 +1,10 @@
 <script setup lang="ts">
 import { reactiveOmit } from "@vueuse/core"
 import { X } from "lucide-vue-next"
+import type { DialogContentEmits, DialogContentProps } from "reka-ui"
 import {
   DialogClose,
   DialogContent,
-  type DialogContentEmits,
-  type DialogContentProps,
   DialogOverlay,
   DialogPortal,
   useForwardPropsEmits,

app/frontend/components/ui/dialog/DialogTitle.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { reactiveOmit } from "@vueuse/core"
-import { DialogTitle, type DialogTitleProps, useForwardProps } from "reka-ui"
+import type { DialogTitleProps } from "reka-ui"
+import { DialogTitle, useForwardProps } from "reka-ui"
 import type { HTMLAttributes } from "vue"
 
 import { cn } from "@/lib/utils"

app/frontend/components/ui/dialog/DialogTrigger.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { DialogTrigger, type DialogTriggerProps } from "reka-ui"
+import type { DialogTriggerProps } from "reka-ui"
+import { DialogTrigger } from "reka-ui"
 
 const props = defineProps<DialogTriggerProps>()
 </script>

app/frontend/components/ui/dropdown-menu/DropdownMenu.vue

@@ -1,10 +1,6 @@
 <script setup lang="ts">
-import {
-  DropdownMenuRoot,
-  type DropdownMenuRootEmits,
-  type DropdownMenuRootProps,
-  useForwardPropsEmits,
-} from "reka-ui"
+import type { DropdownMenuRootEmits, DropdownMenuRootProps } from "reka-ui"
+import { DropdownMenuRoot, useForwardPropsEmits } from "reka-ui"
 
 const props = defineProps<DropdownMenuRootProps>()
 const emits = defineEmits<DropdownMenuRootEmits>()

app/frontend/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue

@@ -1,10 +1,12 @@
 <script setup lang="ts">
 import { reactiveOmit } from "@vueuse/core"
 import { Check } from "lucide-vue-next"
+import type {
+  DropdownMenuCheckboxItemEmits,
+  DropdownMenuCheckboxItemProps,
+} from "reka-ui"
 import {
   DropdownMenuCheckboxItem,
-  type DropdownMenuCheckboxItemEmits,
-  type DropdownMenuCheckboxItemProps,
   DropdownMenuItemIndicator,
   useForwardPropsEmits,
 } from "reka-ui"

app/frontend/components/ui/dropdown-menu/DropdownMenuContent.vue

@@ -1,9 +1,11 @@
 <script setup lang="ts">
 import { reactiveOmit } from "@vueuse/core"
+import type {
+  DropdownMenuContentEmits,
+  DropdownMenuContentProps,
+} from "reka-ui"
 import {
   DropdownMenuContent,
-  type DropdownMenuContentEmits,
-  type DropdownMenuContentProps,
   DropdownMenuPortal,
   useForwardPropsEmits,
 } from "reka-ui"

app/frontend/components/ui/dropdown-menu/DropdownMenuGroup.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { DropdownMenuGroup, type DropdownMenuGroupProps } from "reka-ui"
+import type { DropdownMenuGroupProps } from "reka-ui"
+import { DropdownMenuGroup } from "reka-ui"
 
 const props = defineProps<DropdownMenuGroupProps>()
 </script>

app/frontend/components/ui/dropdown-menu/DropdownMenuItem.vue

@@ -1,10 +1,7 @@
 <script setup lang="ts">
 import { reactiveOmit } from "@vueuse/core"
-import {
-  DropdownMenuItem,
-  type DropdownMenuItemProps,
-  useForwardProps,
-} from "reka-ui"
+import type { DropdownMenuItemProps } from "reka-ui"
+import { DropdownMenuItem, useForwardProps } from "reka-ui"
 import type { HTMLAttributes } from "vue"
 
 import { cn } from "@/lib/utils"

app/frontend/components/ui/dropdown-menu/DropdownMenuLabel.vue

@@ -1,10 +1,7 @@
 <script setup lang="ts">
 import { reactiveOmit } from "@vueuse/core"
-import {
-  DropdownMenuLabel,
-  type DropdownMenuLabelProps,
-  useForwardProps,
-} from "reka-ui"
+import type { DropdownMenuLabelProps } from "reka-ui"
+import { DropdownMenuLabel, useForwardProps } from "reka-ui"
 import type { HTMLAttributes } from "vue"
 
 import { cn } from "@/lib/utils"

app/frontend/components/ui/dropdown-menu/DropdownMenuRadioGroup.vue

@@ -1,10 +1,9 @@
 <script setup lang="ts">
-import {
-  DropdownMenuRadioGroup,
-  type DropdownMenuRadioGroupEmits,
-  type DropdownMenuRadioGroupProps,
-  useForwardPropsEmits,
+import type {
+  DropdownMenuRadioGroupEmits,
+  DropdownMenuRadioGroupProps,
 } from "reka-ui"
+import { DropdownMenuRadioGroup, useForwardPropsEmits } from "reka-ui"
 
 const props = defineProps<DropdownMenuRadioGroupProps>()
 const emits = defineEmits<DropdownMenuRadioGroupEmits>()