refactor: フロントエンドのエラーハンドリングを統一

[oboroge0]

概要

フロントエンドのエラーハンドリングパターンを統一しました。

• apps/web/lib/errorHandler.ts に統一的なエラーハンドリングユーティリティを追加
  • getErrorMessage(): unknown型のエラーから安全にメッセージを抽出
  • handleError(): ユーザー向けtoast通知 + consoleログ
  • handleSilentError(): consoleログのみ（バックグラウンド処理向け）
• alert() を全て toast.error() に置き換え（NodeSettings.tsx のアップロードエラー6箇所）
• err instanceof Error ? err.message : fallback パターンを getErrorMessage() に統一（10ファイル）
• プレビューページのワークフロー開始/停止エラーにユーザー向けtoast通知を追加

変更対象ファイル

• apps/web/lib/errorHandler.ts (新規)
• apps/web/lib/api.ts
• apps/web/app/page.tsx
• apps/web/app/(editor)/editor/[id]/client-page.tsx
• apps/web/app/(editor)/preview/[id]/client-page.tsx
• apps/web/components/panels/NodeSettings.tsx
• apps/web/components/avatar/VRMRenderer.tsx
• apps/web/components/ui/UpdateModal.tsx
• apps/web/hooks/useWebSocket.ts
• apps/web/stores/pluginStore.ts
• apps/web/stores/settingsStore.ts

テスト計画

• エディタページでワークフローの読み込み・保存・インポート・エクスポートが正常に動作する
• ノード設定パネルでアニメーション/モデル/画像アップロードが失敗した場合、toast通知が表示される（alert()ではない）
• プレビューページでワークフロー開始/停止失敗時にtoast通知が表示される
• ホームページでインポート失敗時にエラーメッセージが表示される
• lint エラーがないこと（確認済み）

closes #103

🤖 Generated with Claude Code

[coderabbitai]

Warning

Rate limit exceeded

@oboroge0 has exceeded the limit for the number of commits that can be reviewed per hour. Please wait 23 minutes and 49 seconds before requesting another review.

⌛ How to resolve this issue?

After the wait time has elapsed, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout.

Please see our FAQ for further information.

📥 Commits

Reviewing files that changed from the base of the PR and between 4920ffd and 5ecdb4f.

📒 Files selected for processing (11)

• apps/web/app/(editor)/editor/[id]/client-page.tsx
• apps/web/app/(editor)/preview/[id]/client-page.tsx
• apps/web/app/page.tsx
• apps/web/components/avatar/VRMRenderer.tsx
• apps/web/components/panels/NodeSettings.tsx
• apps/web/components/ui/UpdateModal.tsx
• apps/web/hooks/useWebSocket.ts
• apps/web/lib/api.ts
• apps/web/lib/errorHandler.ts
• apps/web/stores/pluginStore.ts
• apps/web/stores/settingsStore.ts

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch refactor/unify-error-handling

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

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

[oboroge0]

@coderabbitai review

[coderabbitai]

✅ Actions performed

Review triggered.

Note: CodeRabbit is an incremental review system and does not re-review already reviewed commits. This command is applicable only when automatic reviews are paused.

[oboroge0]

@coderabbitai full review

[coderabbitai]

✅ Actions performed

Full review triggered.

[oboroge0]

@coderabbitai full review

[coderabbitai]

✅ Actions performed

Full review triggered.