ワークスペース切り替えサイドバーの実装

[itizawa]

対象の Issue

Fix: N/A

変更点

主な機能追加

• ワークスペースサイドバーの実装: ユーザーが所有するワークスペースを左側に表示し、切り替え可能にする
• Suspenseとスケルトンローディング: 非同期データフェッチング時のUX改善
• 新規UIコンポーネント: Avatar、Skeletonコンポーネントを追加

技術的な変更

• trpc.workSpace.listWorkSpaces エンドポイントの追加
• ダッシュボードレイアウトにワークスペースサイドバーを統合
• tRPCの依存関係を最新版に更新:
  • @tanstack/react-query: 5.66.0 → 5.90.5
  • @trpc/client: 11.0.0-rc.755 → 11.7.1
  • @trpc/server: 11.0.0-rc.755 → 11.7.1

UI改善

• ダッシュボードサイドバーにSkeletonローディングを追加
• ユーザー認証チェックをSuspenseでラップして非同期処理を最適化
• ワークスペースのアバター表示(画像またはイニシャル)

スクリーンショット

テスト

• ワークスペース一覧が正しく表示される
• Skeletonローディングが正しく動作する
• レスポンシブデザインが適切に機能する(モバイルでは非表示)

🤖 Generated with Claude Code

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
thread-note	Ready	Preview	Comment	Oct 28, 2025 2:05pm