🎨 Palette: Add loading spinners to async dialog submit buttons

[seonghobae]

💡 What: Added a visual loading spinner (Loader2 from lucide-react) to the primary action buttons in the NewProjectDialog, RenameProjectDialog, and DeleteProjectDialog components.
🎯 Why: To improve UX by providing immediate, clear feedback when a user submits an asynchronous action. This prevents confusion regarding whether the application is processing the request and helps deter accidental duplicate submissions.
♿ Accessibility: Leverages the native pending state to conditionally render the spinner and maintain the disabled state on the button during processing, ensuring users (including screen reader users) cannot trigger multiple concurrent requests.

Visual feedback is vital for a smooth interaction pattern during state mutations. These small strokes of UX excellence make the UI feel significantly more responsive and polished.

---

PR created automatically by Jules for task 12505535146753000351 started by @seonghobae

[google-labs-jules]

👋 Jules, reporting for duty! I'm here to lend a hand with this pull request.

When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down.

I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job!

For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with @jules. You can find this option in the Pull Request section of your global Jules UI settings. You can always switch back!

New to Jules? Learn more at jules.google/docs.

---

For security, I will only act on instructions from the user who triggered this task.

[coderabbitai]

📝 Walkthrough

Summary by CodeRabbit

새로운 기능

• 프로젝트 다이얼로그의 제출 버튼에 로딩 표시 추가: 프로젝트 삭제, 생성, 이름 변경 작업 중 로딩 스피너와 상태 텍스트("삭제 중...", "만드는 중...", "저장 중...")를 표시

문서

• 비동기 작업의 로딩 피드백 처리 가이드 업데이트

Walkthrough

세 개의 프로젝트 다이얼로그 컴포넌트(삭제, 생성, 이름변경)에 Loader2 스피너를 추가하여 비동기 제출 상태를 시각적으로 표시합니다. 각 컴포넌트의 제출 버튼은 pending 상태일 때 로딩 아이콘과 진행 중 텍스트를 표시하며, 그 외에는 기본 라벨을 유지합니다.

Changes

비동기 다이얼로그 로딩 상태 피드백

Layer / File(s)	Summary
로딩 패턴 문서화 .jules/palette.md	비동기 다이얼로그 제출 버튼의 Loader2 스피너 활용과 로딩 피드백 제공 방식을 Learning/Action 형태로 문서화합니다.
DeleteProjectDialog 로딩 피드백 apps/app/app/(app)/components/DeleteProjectDialog.tsx	lucide-react에서 Loader2를 import 하고, pending 상태 시 삭제 버튼을 스피너와 "삭제 중..." 텍스트로 표시합니다.
NewProjectDialog 로딩 피드백 apps/app/app/(app)/components/NewProjectDialog.tsx	lucide-react에서 Loader2를 import 하고, pending 상태 시 생성 버튼을 스피너와 "만드는 중..." 텍스트로 표시합니다.
RenameProjectDialog 로딩 피드백 apps/app/app/(app)/components/RenameProjectDialog.tsx	lucide-react에서 Loader2를 import 하고, pending 상태 시 저장 버튼을 스피너와 "저장 중..." 텍스트로 표시합니다.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Poem

🐰 로더기 도는 모습, 얼마나 사랑스러운가!
세 다이얼로그에 스피너 심어, 기다림을 아름답게.
비동기 작업의 마음, 사용자가 느껴볼 수 있도록,
일관된 패턴으로 통일하니 정말 멋지군요! ✨

---

Caution

Pre-merge checks failed

Please resolve all errors before merging. Addressing warnings is optional.

• Ignore

❌ Failed checks (1 error)

Check name	Status	Explanation	Resolution
Docstring Coverage	❌ Error	Docstring coverage is 0.00% which is insufficient. The required threshold is 100.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (4 passed)

Check name	Status	Explanation
Title check	✅ Passed	제목이 PR의 주요 변경사항을 명확하게 요약하고 있습니다. 비동기 다이얼로그 제출 버튼에 로딩 스피너를 추가한 변경사항을 정확하게 반영합니다.
Description check	✅ Passed	설명이 변경사항과 관련이 있고 추가된 기능, 목적, 접근성 고려사항을 명확하게 제시합니다.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch palette-dialog-spinners-12505535146753000351

✨ Simplify code

• Create PR with simplified code
• Commit simplified code in branch palette-dialog-spinners-12505535146753000351

Warning

Billing warning: we have not been able to collect payment for this subscription for more than 72 hours. Please update the payment method or pay any pending invoices in Billing to avoid service interruption.

---

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[coderabbitai]

Actionable comments posted: 1

🤖 Prompt for all review comments with AI agents

Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In @.jules/palette.md:
- Line 1: 헤더에 있는 날짜 문자열 "## 2024-05-18 - Added Loader2 spinner to async dialog
submit buttons"이 실제 PR 시점과 맞지 않습니다; .jules/palette.md의 해당 header 문구를 찾아 의도된
기준일(예: PR 생성일 또는 반영일 2026-06-03 등)로 업데이트하여 변경 이력이 정확히 추적되도록 수정하세요.

🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

• Push a commit to this branch (recommended)
• Create a new PR with the fixes

---

ℹ️ Review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 6d6c10d6-8a85-4068-985c-49988b6218ed

📥 Commits

Reviewing files that changed from the base of the PR and between b2d68a0 and 5b15f94.

📒 Files selected for processing (4)

• .jules/palette.md
• apps/app/app/(app)/components/DeleteProjectDialog.tsx
• apps/app/app/(app)/components/NewProjectDialog.tsx
• apps/app/app/(app)/components/RenameProjectDialog.tsx

[coderabbitai]

⚠️ Potential issue | 🟡 Minor | ⚡ Quick win

문서 기록 날짜가 현재 변경 시점과 맞지 않아 추적성이 떨어집니다.

헤더 날짜가 2024-05-18로 되어 있는데, 이 변경은 2026-06-03 기준 PR에 포함되어 있어 이력 해석이 혼동될 수 있습니다. 실제 반영일(또는 의도된 기준일)을 명확히 맞춰 주세요.

🤖 Prompt for AI Agents

Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In @.jules/palette.md at line 1, 헤더에 있는 날짜 문자열 "## 2024-05-18 - Added Loader2
spinner to async dialog submit buttons"이 실제 PR 시점과 맞지 않습니다; .jules/palette.md의
해당 header 문구를 찾아 의도된 기준일(예: PR 생성일 또는 반영일 2026-06-03 등)로 업데이트하여 변경 이력이 정확히 추적되도록
수정하세요.

[seonghobae]

통합 PR에서 유효 변경만 선별해 다시 다루고 있어 이 중복/잔여 PR은 정리합니다. #39 및 vibemafiaclub/vooster#34를 기준으로 후속 검토를 진행합니다.