マルチモーダルモデルにかかわらず画面共有できるようにする

[tegnike]

現状

• マルチモーダル対応LLMモデルを選択したときに、画面共有ボタンやカメラ共有ボタンが表示される
• ボタンを押して画面共有が実行されると、LLMにリクエストする際に必ず共有画面のスクショが一緒に送られる

改善案

• 画面共有ボタンおよびカメラ共有ボタンはデフォルトで表示する
• マルチモーダルでは、追加で別途画像を送信するかどうかのONOFFボタンをAI設定画面に設ける
• 画像アップロードボタンも存在するが、これは現在の仕様を引き継ぎ、マルチモーダル対応LLMモデル選択時のみ表示されるようにする。また、このボタンは、上記のONOFFボタンの状態にかかわらず利用できるようにする

[tegnike]

@claude こちらをお願いします。

[claude]

Claude finished @tegnike's task in 10m 3s —— View job • claude/issue-340-20250604_142811 • Create PR ➔

---

画面共有機能の改善実装 ✅

Issue #340の要件に基づいて、マルチモーダルモデルに関係なく画面共有ができるよう実装しました。

Todo List

• 開発環境のセットアップ
• 現在のコードベースを分析して画面共有実装を理解
• 画面共有・カメラ共有ボタンの表示ロジックを特定
• AI設定に自動画像送信のON/OFFトグルを追加
• ボタンの表示ロジックを修正（デフォルト表示）
• 画像送信ロジックを新しいトグル設定に対応
• 実装をテスト
• 変更をコミットしてPRリンクを提供

実装完了した変更

1. 新しい設定の追加

• 設定項目: autoSendImagesInMultiModal (デフォルト: true)
• 場所: src/features/stores/settings.ts
• 翻訳: 日本語・英語の翻訳キーを追加

2. AI設定画面にトグル追加

• 場所: src/components/settings/modelProvider.tsx:1346-1363
• UI: 「マルチモーダルモデルで画像を自動送信」トグルと説明文を追加

3. ボタン表示ロジックの変更

• 場所: src/components/menu.tsx:232-278
• 変更前: マルチモーダルモデル選択時のみ全ボタン表示
• 変更後:
  • 画面共有・カメラボタン: デフォルトで表示
  • 画像アップロードボタン: マルチモーダルモデル時のみ表示（既存仕様維持）

4. 自動画像送信制御の実装

• 場所: src/components/form.tsx:35-55
• ロジック: autoSendImagesInMultiModal AND isMultiModalModel() の場合のみ自動キャプチャ
• 動作: トグルOFFまたは非マルチモーダルモデルでは画像を送信せずテキストのみ送信

実装結果

✅ 要件1: 画面共有ボタンおよびカメラ共有ボタンはデフォルトで表示
✅ 要件2: マルチモーダルでは、別途画像を送信するかどうかのON/OFFボタンをAI設定画面に設置
✅ 要件3: 画像アップロードボタンは現在の仕様を引き継ぎ、マルチモーダル対応LLMモデル選択時のみ表示
✅ 要件4: 画像アップロードボタンはON/OFFボタンの状態にかかわらず利用可能

---

[tegnike]

@claude
ありがとうございます！
追加で以下を対応してください

• マルチモーダルモデルを選択していないときは「マルチモーダルモデルで画像を自動送信」トグルをdisabledに
• マルチモーダルモデルでないモデルを選択したときは「マルチモーダルモデルで画像を自動送信」トグルを自動的にオフに

[claude]

Claude finished @tegnike's task in 4m 27s —— View job • claude/issue-340-20250604_163527 • Create PR ➔

---

マルチモーダル画像送信トグルの改善 ✅

追加要件に対応しました：

Todo List

• 開発環境のセットアップ
• 現在の実装を確認
• マルチモーダルモデル判定時にトグルをdisabledにする機能を実装
• 非マルチモーダルモデル選択時にトグルを自動オフにする機能を実装
• 実装をテスト
• 変更をコミット

実装完了した追加機能

1. トグルのdisabled機能

• 場所: src/components/settings/modelProvider.tsx:1329
• 実装: 非マルチモーダルモデル選択時にトグルボタンを disabled={!isMultiModalModel(selectAIService, selectAIModel)} で無効化

2. 自動オフ機能

• 場所: src/components/settings/modelProvider.tsx:221-227
• 実装: useEffect でモデル変更を監視し、非マルチモーダルモデルに切り替わった時に自動的にトグルをオフに
• 追加: handleAIServiceChange でもサービス変更時に自動オフするロジックを追加（149行目）

実装した機能まとめ

✅ 要件1: 画面共有ボタンおよびカメラ共有ボタンはデフォルトで表示
✅ 要件2: マルチモーダルでは、別途画像を送信するかどうかのON/OFFボタンをAI設定画面に設置
✅ 要件3: 画像アップロードボタンは現在の仕様を引き継ぎ、マルチモーダル対応LLMモデル選択時のみ表示
✅ 要件4: 画像アップロードボタンはON/OFFボタンの状態にかかわらず利用可能
✅ 追加要件1: 非マルチモーダルモデル選択時にトグルをdisabled
✅ 追加要件2: 非マルチモーダルモデル選択時にトグルを自動オフ

技術的改善点

1. ユーザビリティ向上: 非マルチモーダルモデル時はトグルが無効化されるため、設定の誤解を防止
2. 自動設定管理: モデル切り替え時に適切にトグル状態を管理し、矛盾を防止
3. リアクティブUI: リアルタイムでモデルの変更に対応してUIが更新

---

• Branch: claude/issue-340-20250604_163527