認証エラーの日本語化とチャットUX機能追加

[reodesureodesu]

Motivation

• 新規登録やログイン時に表示される生のエラーメッセージをユーザーに分かりやすくし、UI/UXを拡張するための改修です。
• 要望にあった「直してほしい（認証エラー表示）」と「機能をたくさん追加してほしい」を同時に満たすための実装を行いました。

Description

• 画面内ステータスバーを追加して alert の代わりに認証エラーや状態を表示するようにした（#statusBar、スタイルと制御関数 setStatus を追加）。
• 主要な Firebase 認証エラーコードを日本語文言にマッピングしてユーザー向けのメッセージを表示するようにした（authErrorMessages と showAuthError）。
• 認証フォームに「表示名（任意）」フィールドを追加し、createUserWithEmailAndPassword 後に updateProfile で表示名を保存するようにした。
• メッセージに送信者名と送信時刻を表示するようメッセージ描画を改善し、メッセージ取得ロジックを allMessages にまとめて renderMessages で描画するように変更した。
• チャット内検索、Enterキーで送信、ダークテーマ切替、空メッセージ送信防止、AI応答のフォールバック文言などのUX機能を追加した。
• UI/CSS を一部拡張（ステータスバー、ツールバー、メタ情報などのスタイル追加）。
• 変更対象ファイル：index.html（認証・チャット関連の全機能をこのファイルに実装）。

Testing

• ローカル静的サーバーで画面を起動しての表示確認を自動化コマンドで実行して成功（python3 -m http.server ... による起動）。
• Playwright スクリプトで index.html を開いてフォームに値を入力し、スクリーンショットを取得する自動チェックを実行して成功（スクリーンショットを生成）。
• 変更後の静的差分確認（git diff 相当の静的確認）を行い差分を確認済み。

---

Codex Task

[chatgpt-codex-connector]

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: f55f3da31d

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

• Open a pull request for review
• Mark a draft as ready
• Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

[chatgpt-codex-connector]

Derive sender name from auth user instead of form state

Using emailInput.value as the fallback sender name causes incorrect metadata once the auth form is no longer the source of truth: on a persisted session reload (user already signed in), the email field is empty so messages are stored as 匿名, and after account switches the field can hold stale input from a prior login. This makes the new message attribution feature unreliable in normal usage; the fallback should come from authenticated user data (e.g., auth.currentUser.email) rather than an editable form control.

Useful? React with 👍 / 👎.