From fcea158d7a434aa15f35a752d3f2a29a01f80db4 Mon Sep 17 00:00:00 2001
From: Alexander Wondwossen <alex.reed0@icloud.com>
Date: Sun, 22 Mar 2026 12:50:44 -0400
Subject: [PATCH 1/2] fix: add pointer cursor to ButtonBase (#1760)

---
 app/components/Button/Base.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/Button/Base.vue b/app/components/Button/Base.vue
index 1a142b193f..48997ac550 100644
--- a/app/components/Button/Base.vue
+++ b/app/components/Button/Base.vue
@@ -44,7 +44,7 @@ defineExpose({
 <template>
   <button
     ref="el"
-    class="group gap-x-1 items-center justify-center font-mono border border-border rounded-md transition-all duration-200 disabled:(opacity-40 cursor-not-allowed border-transparent)"
+    class="group gap-x-1 items-center justify-center font-mono border border-border rounded-md transition-all duration-200 cursor-pointer disabled:(opacity-40 cursor-not-allowed border-transparent)"
     :class="{
       'inline-flex': !block,
       'flex': block,

From 8c31e6e32589355a8e056583614f9eb7447f9a57 Mon Sep 17 00:00:00 2001
From: Alexander Wondwossen <alex.reed0@icloud.com>
Date: Sun, 22 Mar 2026 14:36:36 -0400
Subject: [PATCH 2/2] test: add ButtonBase cursor-pointer regression test

---
 test/nuxt/components/ButtonBase.spec.ts | 34 +++++++++++++++++++++++++
 1 file changed, 34 insertions(+)
 create mode 100644 test/nuxt/components/ButtonBase.spec.ts

diff --git a/test/nuxt/components/ButtonBase.spec.ts b/test/nuxt/components/ButtonBase.spec.ts
new file mode 100644
index 0000000000..a552c37545
--- /dev/null
+++ b/test/nuxt/components/ButtonBase.spec.ts
@@ -0,0 +1,34 @@
+import { describe, expect, it } from 'vitest'
+import { mountSuspended } from '@nuxt/test-utils/runtime'
+import ButtonBase from '~/components/Button/Base.vue'
+
+describe('ButtonBase', () => {
+  it('has cursor-pointer class on enabled button', async () => {
+    const wrapper = await mountSuspended(ButtonBase)
+    const button = wrapper.find('button')
+    expect(button.classes()).toContain('cursor-pointer')
+  })
+
+  it('has cursor-not-allowed on disabled state via class', async () => {
+    const wrapper = await mountSuspended(ButtonBase, {
+      props: { disabled: true },
+    })
+    const button = wrapper.find('button')
+    // The class string includes the disabled modifier with cursor-not-allowed
+    expect(button.attributes('class')).toContain('cursor-not-allowed')
+  })
+
+  it('does not have disabled attribute when not disabled', async () => {
+    const wrapper = await mountSuspended(ButtonBase)
+    const button = wrapper.find('button')
+    expect(button.attributes('disabled')).toBeUndefined()
+  })
+
+  it('has disabled attribute when disabled prop is true', async () => {
+    const wrapper = await mountSuspended(ButtonBase, {
+      props: { disabled: true },
+    })
+    const button = wrapper.find('button')
+    expect(button.attributes('disabled')).toBeDefined()
+  })
+})