feat: Update news-inappnotification requirements

.kiro/specs/news-inappnotification/requirements.md

@@ -57,13 +57,29 @@ GROWI の InAppNotification にニュース配信・表示機能を追加する
 
 **Objective:** As a GROWI ユーザー, I want 既存の InAppNotification UI でニュースを確認したい, so that 通知と同じ導線でニュースにアクセスできる
 
+**Note:** NewsItem と InAppNotification は別モデルとして維持する。UI のみクライアント側で両データを時系列マージして表示する。
+
+#### Acceptance Criteria
+
+1. The InAppNotification ドロップダウン shall 通知とニュースを公開日時/作成日時の降順で混合した1つのリストとして表示する
+2. The InAppNotification ドロップダウン shall フィルタタブ（「すべて」「通知」「ニュース」）を提供し、デフォルトは「すべて」とする
+3. The InAppNotification ドロップダウン shall 通知設定ページへのリンクボタンを提供する
+4. The InAppNotification サイドバー shall ニュースセクションを通知リストの上部に表示する
+5. The InAppNotification ページ (/me/all-in-app-notifications) shall 「ニュース」タブを提供し、全ニュースアイテムを一覧表示する
+6. When ユーザーがニュースアイテムをクリックした場合, the InAppNotification UI shall ニュースの詳細 URL を新しいタブで開く
+7. When ユーザーがニュースアイテムをクリックした場合, the InAppNotification UI shall 該当ニュースを既読としてマークし、未読インジケータを更新する
+
+### Requirement 5.1: 既読/未読の視覚表示
+
+**Objective:** As a GROWI ユーザー, I want 未読のニュース・通知を視覚的に区別したい, so that 未確認の項目をすぐに見分けられる
+
 #### Acceptance Criteria
 
-1. The InAppNotification ドロップダウン shall ニュースセクションを通知リストと区別して表示する
-2. The InAppNotification サイドバー shall ニュースセクションを通知リストの上部に表示する
-3. The InAppNotification ページ (/me/all-in-app-notifications) shall 「ニュース」タブを提供し、全ニュースアイテムを一覧表示する
-4. When ユーザーがニュースアイテムをクリックした場合, the InAppNotification UI shall ニュースの詳細 URL を新しいタブで開く
-5. When ユーザーがニュースアイテムをクリックした場合, the InAppNotification UI shall 該当ニュースを既読としてマークし、未読インジケータを更新する
+1. The 未読アイテム shall タイトルを太字（`fw-bold`）で表示する
+2. The 未読アイテム shall 左端に青色の丸ドット（8px, `bg-primary`）を表示する
+3. The 既読アイテム shall タイトルを通常ウェイト（`fw-normal`）で表示する
+4. The 既読アイテム shall ドットと同じ幅の透明スペーサーを配置し、インデントを統一する
+5. The 視覚表示 shall 背景色の変更や opacity の変更を行わない
 
 ### Requirement 6: 未読バッジ表示
 
@@ -83,4 +99,5 @@ GROWI の InAppNotification にニュース配信・表示機能を追加する
 
 1. When ニュースアイテムに複数言語のテキストが含まれる場合, the NewsItem コンポーネント shall ブラウザの言語設定に応じたテキストを表示する
 2. If ブラウザの言語に対応するテキストが存在しない場合, then the NewsItem コンポーネント shall `en_US` → `ja_JP` の順にフォールバックする
-3. The UI ラベル（「ニュース」「ニュースはありません。」等） shall `ja_JP` と `en_US` の i18n ロケールファイルで提供する
+3. The UI ラベル（「ニュース」「ニュースはありません。」等） shall `ja_JP`, `en_US`, `zh_CN`, `ko_KR`, `fr_FR` の i18n ロケールファイルで提供する
+4. The フィルタタブ用ラベル `in_app_notification.notifications`（「通知」）shall 全対応言語のロケールファイルに追加する