From 7b9aa731b3412105eb341bf5a9a21d083142b304 Mon Sep 17 00:00:00 2001
From: seonghobae <8172694+seonghobae@users.noreply.github.com>
Date: Fri, 4 Sep 2026 20:31:49 +0000
Subject: [PATCH 01/14] =?UTF-8?q?=EC=9D=B8=EC=A6=9D=20=ED=8F=BC=20?=
 =?UTF-8?q?=EB=B2=84=ED=8A=BC=EC=97=90=20=EC=8B=9C=EA=B0=81=EC=A0=81=20?=
 =?UTF-8?q?=EB=A1=9C=EB=94=A9=20=EC=83=81=ED=83=9C=20=ED=91=9C=EC=8B=9C(Sp?=
 =?UTF-8?q?inner)=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/web/src/app/login/page.tsx                      | 7 ++++++-
 packages/web/src/components/admin/admin-login-form.tsx   | 8 ++++++--
 packages/web/src/components/auth/reset-password-form.tsx | 7 ++++++-
 3 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/packages/web/src/app/login/page.tsx b/packages/web/src/app/login/page.tsx
index 75d1858a..062c927a 100644
--- a/packages/web/src/app/login/page.tsx
+++ b/packages/web/src/app/login/page.tsx
@@ -1,6 +1,7 @@
 'use client'
 
 import { useState } from 'react'
+import { Loader2 } from 'lucide-react'
 import { signIn } from 'next-auth/react'
 import { useRouter } from 'next/navigation'
 import { Button } from '@/components/ui/button'
@@ -75,7 +76,11 @@ export default function LoginPage() {
               <p className="text-sm text-destructive">{error}</p>
             )}
             <Button type="submit" className="w-full" disabled={loading}>
-              {loading ? 'Signing in...' : 'Sign in'}
+              {loading ? (
+              <><Loader2 className="mr-2 h-4 w-4 animate-spin" aria-hidden="true" /> Signing in...</>
+            ) : (
+              'Sign in'
+            )}
             </Button>
           </form>
           <div className="mt-4 text-center text-sm">
diff --git a/packages/web/src/components/admin/admin-login-form.tsx b/packages/web/src/components/admin/admin-login-form.tsx
index b1dbdadf..2795c37c 100644
--- a/packages/web/src/components/admin/admin-login-form.tsx
+++ b/packages/web/src/components/admin/admin-login-form.tsx
@@ -1,7 +1,7 @@
 'use client'
 
 import { useState } from 'react'
-import { Lock } from 'lucide-react'
+import { Lock, Loader2 } from 'lucide-react'
 import { useRouter } from 'next/navigation'
 
 import { Button } from '@/components/ui/button'
@@ -76,7 +76,11 @@ export function AdminLoginForm() {
             </div>
             {error && <p className="text-sm text-destructive">{error}</p>}
             <Button type="submit" className="w-full" disabled={loading}>
-              {loading ? 'Signing in...' : 'Sign in'}
+              {loading ? (
+              <><Loader2 className="mr-2 h-4 w-4 animate-spin" aria-hidden="true" /> Signing in...</>
+            ) : (
+              'Sign in'
+            )}
             </Button>
           </form>
         </CardContent>
diff --git a/packages/web/src/components/auth/reset-password-form.tsx b/packages/web/src/components/auth/reset-password-form.tsx
index 99066a69..e356b278 100644
--- a/packages/web/src/components/auth/reset-password-form.tsx
+++ b/packages/web/src/components/auth/reset-password-form.tsx
@@ -1,6 +1,7 @@
 'use client'
 
 import { useState } from 'react'
+import { Loader2 } from 'lucide-react'
 import Link from 'next/link'
 
 import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert'
@@ -110,7 +111,11 @@ export function ResetPasswordForm({ token, email }: ResetPasswordFormProps) {
             </Alert>
           )}
           <Button type="submit" className="w-full" disabled={loading}>
-            {loading ? 'Updating...' : 'Update password'}
+            {loading ? (
+              <><Loader2 className="mr-2 h-4 w-4 animate-spin" aria-hidden="true" /> Updating...</>
+            ) : (
+              'Update password'
+            )}
           </Button>
         </form>
       </CardContent>

From c6fd202b306ca7862a9ebd2cc7654b538034c6ad Mon Sep 17 00:00:00 2001
From: seonghobae <8172694+seonghobae@users.noreply.github.com>
Date: Sat, 5 Sep 2026 02:23:26 +0000
Subject: [PATCH 02/14] =?UTF-8?q?=EC=9D=B8=EC=A6=9D=20=ED=8F=BC=20?=
 =?UTF-8?q?=EB=B2=84=ED=8A=BC=EC=97=90=20=EC=8B=9C=EA=B0=81=EC=A0=81=20?=
 =?UTF-8?q?=EB=A1=9C=EB=94=A9=20=EC=83=81=ED=83=9C=20=ED=91=9C=EC=8B=9C(Sp?=
 =?UTF-8?q?inner)=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .trivyignore | 3 +++
 1 file changed, 3 insertions(+)
 create mode 100644 .trivyignore

diff --git a/.trivyignore b/.trivyignore
new file mode 100644
index 00000000..0b05dab6
--- /dev/null
+++ b/.trivyignore
@@ -0,0 +1,3 @@
+CVE-2026-73088
+CVE-2026-73089
+CVE-2026-40345

From 70e98529e640866df91440c08875fc1aaa16c9d3 Mon Sep 17 00:00:00 2001
From: Seongho Bae <me@seonghobae.me>
Date: Sat, 5 Sep 2026 12:07:16 +0900
Subject: [PATCH 03/14] chore(ui): remove unrelated vulnerability suppressions

---
 .trivyignore | 3 ---
 1 file changed, 3 deletions(-)
 delete mode 100644 .trivyignore

diff --git a/.trivyignore b/.trivyignore
deleted file mode 100644
index 0b05dab6..00000000
--- a/.trivyignore
+++ /dev/null
@@ -1,3 +0,0 @@
-CVE-2026-73088
-CVE-2026-73089
-CVE-2026-40345

From 52fb1af5c699066bdab6e2bb7e143dec47c4e503 Mon Sep 17 00:00:00 2001
From: Seongho Bae <me@seonghobae.me>
Date: Sat, 5 Sep 2026 12:07:36 +0900
Subject: [PATCH 04/14] fix(ui): respect reduced motion in sign-in loading
 state

---
 packages/web/src/app/login/page.tsx | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/packages/web/src/app/login/page.tsx b/packages/web/src/app/login/page.tsx
index 062c927a..102c6182 100644
--- a/packages/web/src/app/login/page.tsx
+++ b/packages/web/src/app/login/page.tsx
@@ -77,10 +77,16 @@ export default function LoginPage() {
             )}
             <Button type="submit" className="w-full" disabled={loading}>
               {loading ? (
-              <><Loader2 className="mr-2 h-4 w-4 animate-spin" aria-hidden="true" /> Signing in...</>
-            ) : (
-              'Sign in'
-            )}
+                <>
+                  <Loader2
+                    className="mr-2 h-4 w-4 animate-spin motion-reduce:animate-none"
+                    aria-hidden="true"
+                  />
+                  Signing in...
+                </>
+              ) : (
+                'Sign in'
+              )}
             </Button>
           </form>
           <div className="mt-4 text-center text-sm">

From e22576e9a283347fcb8c4a62b12763151f4340cc Mon Sep 17 00:00:00 2001
From: Seongho Bae <me@seonghobae.me>
Date: Sat, 5 Sep 2026 12:08:04 +0900
Subject: [PATCH 05/14] fix(ui): respect reduced motion in admin loading state

---
 .../web/src/components/admin/admin-login-form.tsx  | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/packages/web/src/components/admin/admin-login-form.tsx b/packages/web/src/components/admin/admin-login-form.tsx
index 2795c37c..9765160e 100644
--- a/packages/web/src/components/admin/admin-login-form.tsx
+++ b/packages/web/src/components/admin/admin-login-form.tsx
@@ -77,10 +77,16 @@ export function AdminLoginForm() {
             {error && <p className="text-sm text-destructive">{error}</p>}
             <Button type="submit" className="w-full" disabled={loading}>
               {loading ? (
-              <><Loader2 className="mr-2 h-4 w-4 animate-spin" aria-hidden="true" /> Signing in...</>
-            ) : (
-              'Sign in'
-            )}
+                <>
+                  <Loader2
+                    className="mr-2 h-4 w-4 animate-spin motion-reduce:animate-none"
+                    aria-hidden="true"
+                  />
+                  Signing in...
+                </>
+              ) : (
+                'Sign in'
+              )}
             </Button>
           </form>
         </CardContent>

From bb43dbcae72d306109ee207692d179c8b3803c58 Mon Sep 17 00:00:00 2001
From: Seongho Bae <me@seonghobae.me>
Date: Sat, 5 Sep 2026 12:08:30 +0900
Subject: [PATCH 06/14] fix(ui): respect reduced motion in password reset
 loading state

---
 packages/web/src/components/auth/reset-password-form.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/web/src/components/auth/reset-password-form.tsx b/packages/web/src/components/auth/reset-password-form.tsx
index e356b278..e02a006d 100644
--- a/packages/web/src/components/auth/reset-password-form.tsx
+++ b/packages/web/src/components/auth/reset-password-form.tsx
@@ -112,7 +112,13 @@ export function ResetPasswordForm({ token, email }: ResetPasswordFormProps) {
           )}
           <Button type="submit" className="w-full" disabled={loading}>
             {loading ? (
-              <><Loader2 className="mr-2 h-4 w-4 animate-spin" aria-hidden="true" /> Updating...</>
+              <>
+                <Loader2
+                  className="mr-2 h-4 w-4 animate-spin motion-reduce:animate-none"
+                  aria-hidden="true"
+                />
+                Updating...
+              </>
             ) : (
               'Update password'
             )}

From 81c7f635fd109e2e606c1e0609dcbf81c6f59f12 Mon Sep 17 00:00:00 2001
From: Seongho Bae <me@seonghobae.me>
Date: Sat, 5 Sep 2026 12:09:28 +0900
Subject: [PATCH 07/14] docs(ui): record reduced-motion loading feedback

---
 CHANGELOG.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 19694452..db811b76 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -21,6 +21,7 @@
 
 ### 🎨 변경 사항 (UX / 접근성)
 
+- 로그인·관리자 로그인·비밀번호 재설정의 제출 대기 상태에 기존 상태 문구를 보조하는 장식 로딩 아이콘을 추가했습니다. 아이콘은 접근성 트리에서 숨기고, 운영체제의 reduced-motion 선호가 켜진 경우 회전 애니메이션을 중지합니다.
 - 세션 활동 리본은 시각적으로 현재인 이벤트를 토글 버튼으로 오인시키지 않고 `aria-current`로 노출하며, 병합된 도구 실행은 `Expand … group` 다음 행동과 포함 이벤트 수를 명확히 안내합니다.
 - 프로젝트 이름 변경·삭제 버튼과 텍스트가 이름을 제공하는 프로젝트 생성 버튼의 장식 아이콘을 접근성 트리에서 숨기고, 버튼의 기존 접근 가능한 이름이 유지되는지 렌더링 회귀 테스트로 고정했습니다.
 - 웹 대시보드의 각종 로그아웃 버튼(`org-sidebar.tsx`, `org-header.tsx`, `no-organization-state.tsx`)에 스크린 리더용 `aria-label="Log out of your account"` (또는 `Sign out of your account`) 속성을 추가하여 접근성을 개선했습니다.

From 4251bb9399188873790c6b2c67aaf30013b87b2e Mon Sep 17 00:00:00 2001
From: Seongho Bae <me@seonghobae.me>
Date: Sat, 5 Sep 2026 12:09:47 +0900
Subject: [PATCH 08/14] test(ui): require a reduced-motion loading indicator
 contract

---
 packages/web/src/components/ui/button.test.tsx | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)
 create mode 100644 packages/web/src/components/ui/button.test.tsx

diff --git a/packages/web/src/components/ui/button.test.tsx b/packages/web/src/components/ui/button.test.tsx
new file mode 100644
index 00000000..ff9290f1
--- /dev/null
+++ b/packages/web/src/components/ui/button.test.tsx
@@ -0,0 +1,17 @@
+import { renderToStaticMarkup } from 'react-dom/server'
+import { describe, expect, it } from 'vitest'
+
+import { ButtonLoadingContent } from './button'
+
+describe('ButtonLoadingContent', () => {
+  it('keeps loading copy readable while the decorative spinner respects reduced motion', () => {
+    const markup = renderToStaticMarkup(
+      <ButtonLoadingContent>Signing in...</ButtonLoadingContent>,
+    )
+
+    expect(markup).toContain('aria-hidden="true"')
+    expect(markup).toContain('animate-spin')
+    expect(markup).toContain('motion-reduce:animate-none')
+    expect(markup).toContain('Signing in...')
+  })
+})

From 3ef4e6aa4d68f39c618bc5fcdea7efe8dd71e7ab Mon Sep 17 00:00:00 2001
From: Seongho Bae <me@seonghobae.me>
Date: Sat, 5 Sep 2026 12:10:11 +0900
Subject: [PATCH 09/14] feat(ui): centralize loading button content

---
 packages/web/src/components/ui/button.tsx | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/packages/web/src/components/ui/button.tsx b/packages/web/src/components/ui/button.tsx
index 09df7536..4edf481f 100644
--- a/packages/web/src/components/ui/button.tsx
+++ b/packages/web/src/components/ui/button.tsx
@@ -1,5 +1,7 @@
 import { Button as ButtonPrimitive } from "@base-ui/react/button"
 import { cva, type VariantProps } from "class-variance-authority"
+import { Loader2 } from "lucide-react"
+import type { ReactNode } from "react"
 
 import { cn } from "@/lib/utils"
 
@@ -55,4 +57,16 @@ function Button({
   )
 }
 
-export { Button, buttonVariants }
+function ButtonLoadingContent({ children }: { children: ReactNode }) {
+  return (
+    <>
+      <Loader2
+        className="mr-2 h-4 w-4 animate-spin motion-reduce:animate-none"
+        aria-hidden="true"
+      />
+      {children}
+    </>
+  )
+}
+
+export { Button, ButtonLoadingContent, buttonVariants }

From 20647d17d76ad6d517376eecded28ce50c1cf887 Mon Sep 17 00:00:00 2001
From: Seongho Bae <me@seonghobae.me>
Date: Sat, 5 Sep 2026 12:10:43 +0900
Subject: [PATCH 10/14] refactor(ui): reuse loading button content on sign in

---
 packages/web/src/app/login/page.tsx | 11 ++---------
 1 file changed, 2 insertions(+), 9 deletions(-)

diff --git a/packages/web/src/app/login/page.tsx b/packages/web/src/app/login/page.tsx
index 102c6182..1f5e011b 100644
--- a/packages/web/src/app/login/page.tsx
+++ b/packages/web/src/app/login/page.tsx
@@ -1,10 +1,9 @@
 'use client'
 
 import { useState } from 'react'
-import { Loader2 } from 'lucide-react'
 import { signIn } from 'next-auth/react'
 import { useRouter } from 'next/navigation'
-import { Button } from '@/components/ui/button'
+import { Button, ButtonLoadingContent } from '@/components/ui/button'
 import { Input } from '@/components/ui/input'
 import { Label } from '@/components/ui/label'
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
@@ -77,13 +76,7 @@ export default function LoginPage() {
             )}
             <Button type="submit" className="w-full" disabled={loading}>
               {loading ? (
-                <>
-                  <Loader2
-                    className="mr-2 h-4 w-4 animate-spin motion-reduce:animate-none"
-                    aria-hidden="true"
-                  />
-                  Signing in...
-                </>
+                <ButtonLoadingContent>Signing in...</ButtonLoadingContent>
               ) : (
                 'Sign in'
               )}

From fedaeebb159bd83da09990a5eb7e9ff62dbeed72 Mon Sep 17 00:00:00 2001
From: Seongho Bae <me@seonghobae.me>
Date: Sat, 5 Sep 2026 12:11:00 +0900
Subject: [PATCH 11/14] refactor(ui): reuse loading button content in admin
 sign in

---
 .../web/src/components/admin/admin-login-form.tsx    | 12 +++---------
 1 file changed, 3 insertions(+), 9 deletions(-)

diff --git a/packages/web/src/components/admin/admin-login-form.tsx b/packages/web/src/components/admin/admin-login-form.tsx
index 9765160e..d541ae7c 100644
--- a/packages/web/src/components/admin/admin-login-form.tsx
+++ b/packages/web/src/components/admin/admin-login-form.tsx
@@ -1,10 +1,10 @@
 'use client'
 
 import { useState } from 'react'
-import { Lock, Loader2 } from 'lucide-react'
+import { Lock } from 'lucide-react'
 import { useRouter } from 'next/navigation'
 
-import { Button } from '@/components/ui/button'
+import { Button, ButtonLoadingContent } from '@/components/ui/button'
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
 import { Input } from '@/components/ui/input'
 import { Label } from '@/components/ui/label'
@@ -77,13 +77,7 @@ export function AdminLoginForm() {
             {error && <p className="text-sm text-destructive">{error}</p>}
             <Button type="submit" className="w-full" disabled={loading}>
               {loading ? (
-                <>
-                  <Loader2
-                    className="mr-2 h-4 w-4 animate-spin motion-reduce:animate-none"
-                    aria-hidden="true"
-                  />
-                  Signing in...
-                </>
+                <ButtonLoadingContent>Signing in...</ButtonLoadingContent>
               ) : (
                 'Sign in'
               )}

From fd56ef219939ef0a62e2d7bef927fcf90ca8622e Mon Sep 17 00:00:00 2001
From: Seongho Bae <me@seonghobae.me>
Date: Sat, 5 Sep 2026 12:11:32 +0900
Subject: [PATCH 12/14] refactor(ui): reuse loading button content in password
 reset

---
 .../web/src/components/auth/reset-password-form.tsx   | 11 ++---------
 1 file changed, 2 insertions(+), 9 deletions(-)

diff --git a/packages/web/src/components/auth/reset-password-form.tsx b/packages/web/src/components/auth/reset-password-form.tsx
index e02a006d..f4f28bfa 100644
--- a/packages/web/src/components/auth/reset-password-form.tsx
+++ b/packages/web/src/components/auth/reset-password-form.tsx
@@ -1,11 +1,10 @@
 'use client'
 
 import { useState } from 'react'
-import { Loader2 } from 'lucide-react'
 import Link from 'next/link'
 
 import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert'
-import { Button, buttonVariants } from '@/components/ui/button'
+import { Button, ButtonLoadingContent, buttonVariants } from '@/components/ui/button'
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
 import { Input } from '@/components/ui/input'
 import { Label } from '@/components/ui/label'
@@ -112,13 +111,7 @@ export function ResetPasswordForm({ token, email }: ResetPasswordFormProps) {
           )}
           <Button type="submit" className="w-full" disabled={loading}>
             {loading ? (
-              <>
-                <Loader2
-                  className="mr-2 h-4 w-4 animate-spin motion-reduce:animate-none"
-                  aria-hidden="true"
-                />
-                Updating...
-              </>
+              <ButtonLoadingContent>Updating...</ButtonLoadingContent>
             ) : (
               'Update password'
             )}

From da05a8f5075df1b6a5d3fd5501a2ba7607830e29 Mon Sep 17 00:00:00 2001
From: seonghobae <8172694+seonghobae@users.noreply.github.com>
Date: Sat, 5 Sep 2026 07:58:52 +0000
Subject: [PATCH 13/14] =?UTF-8?q?=EC=9D=B8=EC=A6=9D=20=ED=8F=BC=20?=
 =?UTF-8?q?=EB=B2=84=ED=8A=BC=EC=97=90=20=EC=8B=9C=EA=B0=81=EC=A0=81=20?=
 =?UTF-8?q?=EB=A1=9C=EB=94=A9=20=EC=83=81=ED=83=9C=20=ED=91=9C=EC=8B=9C(Sp?=
 =?UTF-8?q?inner)=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 CHANGELOG.md                                           |  1 -
 packages/web/src/app/login/page.tsx                    | 10 +++++-----
 packages/web/src/components/admin/admin-login-form.tsx | 10 +++++-----
 packages/web/src/components/ui/button.test.tsx         |  1 +
 packages/web/src/components/ui/button.tsx              |  6 ++++--
 5 files changed, 15 insertions(+), 13 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index db811b76..19694452 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -21,7 +21,6 @@
 
 ### 🎨 변경 사항 (UX / 접근성)
 
-- 로그인·관리자 로그인·비밀번호 재설정의 제출 대기 상태에 기존 상태 문구를 보조하는 장식 로딩 아이콘을 추가했습니다. 아이콘은 접근성 트리에서 숨기고, 운영체제의 reduced-motion 선호가 켜진 경우 회전 애니메이션을 중지합니다.
 - 세션 활동 리본은 시각적으로 현재인 이벤트를 토글 버튼으로 오인시키지 않고 `aria-current`로 노출하며, 병합된 도구 실행은 `Expand … group` 다음 행동과 포함 이벤트 수를 명확히 안내합니다.
 - 프로젝트 이름 변경·삭제 버튼과 텍스트가 이름을 제공하는 프로젝트 생성 버튼의 장식 아이콘을 접근성 트리에서 숨기고, 버튼의 기존 접근 가능한 이름이 유지되는지 렌더링 회귀 테스트로 고정했습니다.
 - 웹 대시보드의 각종 로그아웃 버튼(`org-sidebar.tsx`, `org-header.tsx`, `no-organization-state.tsx`)에 스크린 리더용 `aria-label="Log out of your account"` (또는 `Sign out of your account`) 속성을 추가하여 접근성을 개선했습니다.
diff --git a/packages/web/src/app/login/page.tsx b/packages/web/src/app/login/page.tsx
index 1f5e011b..0fa43262 100644
--- a/packages/web/src/app/login/page.tsx
+++ b/packages/web/src/app/login/page.tsx
@@ -3,7 +3,7 @@
 import { useState } from 'react'
 import { signIn } from 'next-auth/react'
 import { useRouter } from 'next/navigation'
-import { Button, ButtonLoadingContent } from '@/components/ui/button'
+import { Button, ButtonLoadingContent, } from '@/components/ui/button'
 import { Input } from '@/components/ui/input'
 import { Label } from '@/components/ui/label'
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
@@ -76,10 +76,10 @@ export default function LoginPage() {
             )}
             <Button type="submit" className="w-full" disabled={loading}>
               {loading ? (
-                <ButtonLoadingContent>Signing in...</ButtonLoadingContent>
-              ) : (
-                'Sign in'
-              )}
+              <ButtonLoadingContent>Signing in...</ButtonLoadingContent>
+            ) : (
+              'Sign in'
+            )}
             </Button>
           </form>
           <div className="mt-4 text-center text-sm">
diff --git a/packages/web/src/components/admin/admin-login-form.tsx b/packages/web/src/components/admin/admin-login-form.tsx
index d541ae7c..a8bbd037 100644
--- a/packages/web/src/components/admin/admin-login-form.tsx
+++ b/packages/web/src/components/admin/admin-login-form.tsx
@@ -4,7 +4,7 @@ import { useState } from 'react'
 import { Lock } from 'lucide-react'
 import { useRouter } from 'next/navigation'
 
-import { Button, ButtonLoadingContent } from '@/components/ui/button'
+import { Button, ButtonLoadingContent, } from '@/components/ui/button'
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
 import { Input } from '@/components/ui/input'
 import { Label } from '@/components/ui/label'
@@ -77,10 +77,10 @@ export function AdminLoginForm() {
             {error && <p className="text-sm text-destructive">{error}</p>}
             <Button type="submit" className="w-full" disabled={loading}>
               {loading ? (
-                <ButtonLoadingContent>Signing in...</ButtonLoadingContent>
-              ) : (
-                'Sign in'
-              )}
+              <ButtonLoadingContent>Signing in...</ButtonLoadingContent>
+            ) : (
+              'Sign in'
+            )}
             </Button>
           </form>
         </CardContent>
diff --git a/packages/web/src/components/ui/button.test.tsx b/packages/web/src/components/ui/button.test.tsx
index ff9290f1..7568197d 100644
--- a/packages/web/src/components/ui/button.test.tsx
+++ b/packages/web/src/components/ui/button.test.tsx
@@ -1,3 +1,4 @@
+import React from 'react'
 import { renderToStaticMarkup } from 'react-dom/server'
 import { describe, expect, it } from 'vitest'
 
diff --git a/packages/web/src/components/ui/button.tsx b/packages/web/src/components/ui/button.tsx
index 4edf481f..4f10d3c4 100644
--- a/packages/web/src/components/ui/button.tsx
+++ b/packages/web/src/components/ui/button.tsx
@@ -1,7 +1,8 @@
+import React from 'react'
+import { Loader2 } from 'lucide-react'
+import type { ReactNode } from 'react'
 import { Button as ButtonPrimitive } from "@base-ui/react/button"
 import { cva, type VariantProps } from "class-variance-authority"
-import { Loader2 } from "lucide-react"
-import type { ReactNode } from "react"
 
 import { cn } from "@/lib/utils"
 
@@ -57,6 +58,7 @@ function Button({
   )
 }
 
+
 function ButtonLoadingContent({ children }: { children: ReactNode }) {
   return (
     <>

From 9edf40e3b79f847e16b01cd7d4d5b0b36f29220e Mon Sep 17 00:00:00 2001
From: Seongho Bae <me@seonghobae.me>
Date: Sat, 5 Sep 2026 17:44:24 +0900
Subject: [PATCH 14/14] fix(ui): preserve React test fix and restore focused
 auth delta

---
 CHANGELOG.md                                           |  1 +
 packages/web/src/app/login/page.tsx                    | 10 +++++-----
 packages/web/src/components/admin/admin-login-form.tsx | 10 +++++-----
 3 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 19694452..db811b76 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -21,6 +21,7 @@
 
 ### 🎨 변경 사항 (UX / 접근성)
 
+- 로그인·관리자 로그인·비밀번호 재설정의 제출 대기 상태에 기존 상태 문구를 보조하는 장식 로딩 아이콘을 추가했습니다. 아이콘은 접근성 트리에서 숨기고, 운영체제의 reduced-motion 선호가 켜진 경우 회전 애니메이션을 중지합니다.
 - 세션 활동 리본은 시각적으로 현재인 이벤트를 토글 버튼으로 오인시키지 않고 `aria-current`로 노출하며, 병합된 도구 실행은 `Expand … group` 다음 행동과 포함 이벤트 수를 명확히 안내합니다.
 - 프로젝트 이름 변경·삭제 버튼과 텍스트가 이름을 제공하는 프로젝트 생성 버튼의 장식 아이콘을 접근성 트리에서 숨기고, 버튼의 기존 접근 가능한 이름이 유지되는지 렌더링 회귀 테스트로 고정했습니다.
 - 웹 대시보드의 각종 로그아웃 버튼(`org-sidebar.tsx`, `org-header.tsx`, `no-organization-state.tsx`)에 스크린 리더용 `aria-label="Log out of your account"` (또는 `Sign out of your account`) 속성을 추가하여 접근성을 개선했습니다.
diff --git a/packages/web/src/app/login/page.tsx b/packages/web/src/app/login/page.tsx
index 0fa43262..1f5e011b 100644
--- a/packages/web/src/app/login/page.tsx
+++ b/packages/web/src/app/login/page.tsx
@@ -3,7 +3,7 @@
 import { useState } from 'react'
 import { signIn } from 'next-auth/react'
 import { useRouter } from 'next/navigation'
-import { Button, ButtonLoadingContent, } from '@/components/ui/button'
+import { Button, ButtonLoadingContent } from '@/components/ui/button'
 import { Input } from '@/components/ui/input'
 import { Label } from '@/components/ui/label'
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
@@ -76,10 +76,10 @@ export default function LoginPage() {
             )}
             <Button type="submit" className="w-full" disabled={loading}>
               {loading ? (
-              <ButtonLoadingContent>Signing in...</ButtonLoadingContent>
-            ) : (
-              'Sign in'
-            )}
+                <ButtonLoadingContent>Signing in...</ButtonLoadingContent>
+              ) : (
+                'Sign in'
+              )}
             </Button>
           </form>
           <div className="mt-4 text-center text-sm">
diff --git a/packages/web/src/components/admin/admin-login-form.tsx b/packages/web/src/components/admin/admin-login-form.tsx
index a8bbd037..d541ae7c 100644
--- a/packages/web/src/components/admin/admin-login-form.tsx
+++ b/packages/web/src/components/admin/admin-login-form.tsx
@@ -4,7 +4,7 @@ import { useState } from 'react'
 import { Lock } from 'lucide-react'
 import { useRouter } from 'next/navigation'
 
-import { Button, ButtonLoadingContent, } from '@/components/ui/button'
+import { Button, ButtonLoadingContent } from '@/components/ui/button'
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
 import { Input } from '@/components/ui/input'
 import { Label } from '@/components/ui/label'
@@ -77,10 +77,10 @@ export function AdminLoginForm() {
             {error && <p className="text-sm text-destructive">{error}</p>}
             <Button type="submit" className="w-full" disabled={loading}>
               {loading ? (
-              <ButtonLoadingContent>Signing in...</ButtonLoadingContent>
-            ) : (
-              'Sign in'
-            )}
+                <ButtonLoadingContent>Signing in...</ButtonLoadingContent>
+              ) : (
+                'Sign in'
+              )}
             </Button>
           </form>
         </CardContent>