AIプロンプト実行コマンドを追加 (OPEN_MODE.AI_PROMPT) by Copilot · Pull Request #301 · ujiro99/selection-command

Copilot · 2026-03-01T13:25:05Z

Original prompt

This section details on the original issue you should resolve

<issue_title>AIプロンプト実行コマンドを追加し、任意のプロンプトを直接実行できるようにする</issue_title>
<issue_description>## 概要
ChatGPTやGeminiを始めとするAIサービスに対して、事前に定義したプロンプト＋選択テキストや表示中ページURLなどのテキストを自動入力するOpenModeを作成する。これにより、テキストの翻訳や変換、ページの要約といったAIサービスによるタスクをより簡単に起動できるようにする。

設計の要点

PromptAutocraftで作成した、以下のコンポーネントを流用する

各種AIサービスの入力欄と送信ボタンのCSSセレクタの定義ファイル
https://github.com/ujiro99/prompt-autocraft/blob/main/pages/public/data/promptHistory.json
‐ 各種AIサービスの入力欄へテキスト入力を行うユーティリティ
https://github.com/ujiro99/prompt-autocraft/blob/main/src/services/dom/inputUtils.ts

packages/shared/src/constants/open-mode.ts の OPEN_MODE へ新規のモードとして追加する

設定画面では、該当モードのコマンドに対して、以下を設定できるようにする

コマンド名（一行文字列）

利用AIサービス（選択）

プロンプト（複数行文字列）

プロンプト中には、以下の変数を埋め込むことができる

選択テキスト

表示中ページURL

クリップボード

可能であれば、以下のコンポーネントを流用する
packages/extension/src/components/pageAction/InputEditor.tsx

ウィンドウ表示方法

アイコンURL （ポップアップ、タブ、バックグラウンドタブ、ウィンドウ、サイドパネル）

フォルダ</issue_description>

Comments on the Issue (you are @copilot in this section)

Fixes AIプロンプト実行コマンドを追加し、任意のプロンプトを直接実行できるようにする #300

🔒 GitHub Advanced Security automatically protects Copilot coding agent pull requests. You can protect all pull requests by enabling Advanced Security for your repositories. Learn more about Advanced Security.

Co-authored-by: ujiro99 <677231+ujiro99@users.noreply.github.com>

codecov · 2026-03-03T03:40:27Z

Codecov Report

❌ Patch coverage is 3.19489% with 303 lines in your changes missing coverage. Please review.
✅ Project coverage is 18.85%. Comparing base (9f3f13e) to head (071fb90).
⚠️ Report is 5 commits behind head on main.

Files with missing lines	Patch %	Lines
packages/extension/src/action/aiPrompt.ts	0.00%	106 Missing ⚠️
...n/src/components/option/editor/AiPromptSection.tsx	0.00%	77 Missing ⚠️
packages/extension/src/services/aiPrompt.ts	0.00%	61 Missing ⚠️
packages/extension/src/types/schema.ts	0.00%	35 Missing ⚠️
...src/components/option/editor/CommandEditDialog.tsx	0.00%	21 Missing ⚠️
packages/extension/src/action/index.ts	0.00%	2 Missing ⚠️
...nsion/src/components/option/editor/CommandType.tsx	0.00%	1 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main     #301      +/-   ##
==========================================
- Coverage   19.03%   18.85%   -0.18%     
==========================================
  Files         312      315       +3     
  Lines       28845    29160     +315     
  Branches     1322     1325       +3     
==========================================
+ Hits         5490     5499       +9     
- Misses      23355    23661     +306

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

ujiro99 · 2026-03-03T03:41:03Z

packages/extension/src/components/option/editor/AiPromptSection.tsx

+                  placeholder={t("aiPrompt_prompt_placeholder")}
+                  className="resize-none max-h-80"
+                  onInput={(e) => {
+                    updateHeight(e.target as HTMLTextAreaElement)


ShadcnのTextareaはそのままでも自動で高さが変わるはずです。updateHeight が本当に必要か、確認してください。

https://ui.shadcn.com/docs/components/radix/textarea

確認しました。このプロジェクトの ShadCN Textarea は標準の <textarea> ラッパーで自動リサイズ機能は持っていませんが、rows={5} で初期サイズを確保しており updateHeight ロジックは冗長です。updateHeight・useEffect・useRef を削除し、コンポーネントをシンプルにしました（328d217）。

ujiro99 · 2026-03-03T03:48:52Z

packages/extension/src/components/option/editor/CommandEditDialog.tsx

                          ? t("iconUrl_desc")
-                          : openMode === OPEN_MODE.PAGE_ACTION
+                          : openMode === OPEN_MODE.PAGE_ACTION ||
+                              openMode === OPEN_MODE.AI_PROMPT


AI_PROMPTには開始URLがないため、説明と実態が乖離しています。ここでは「メニューのアイコンとして表示されます」としてください。他の言語には適切に翻訳してください、

新しい i18n キー Option_iconUrl_desc_aiPrompt（「メニューのアイコンとして表示されます。」）を全14ロケールに追加し、CommandEditDialog.tsx で AI_PROMPT モード時にこのキーを使用するよう変更しました（328d217）。

ujiro99 · 2026-03-03T03:51:40Z

packages/extension/src/types/schema.ts

+export const AiPromptOptionSchema = z.object({
+  serviceId: z.string().min(1),
+  prompt: z.string(),
+  openMode: z.nativeEnum(PAGE_ACTION_OPEN_MODE),


AI_Prompt モードではSidePanelで使用することも許容したい。
SEARCH_OPEN_MODE を使用してください。

対応しました（328d217）。

AiPromptOptionSchema.openMode を z.enum(SEARCH_OPEN_MODE) に変更してSidePanel を許容

AiPromptOption 型の openMode を PAGE_ACTION_OPEN_MODE → OPEN_MODE に変更

AiPromptSection.tsx の OpenModeToggleField を type="search" に変更（SidePanel選択肢を表示）

action handler で OPEN_MODE.SIDE_PANEL を個別処理（BgCommand.openSidePanel で AI サービス URL を開く）

ujiro99 · 2026-03-03T03:59:31Z

@copilot
実際に動作を確認すると、 CommandEditDialog上でプロンプトを入力したのち、テキスト挿入により{{selectedText}} などを入力して、CommandEditDialog のボタンから onSubmit を実行すると挿入したテキストが消えてしまいます。原因を調査してください。

…DE, add aiPrompt icon description Co-authored-by: ujiro99 <677231+ujiro99@users.noreply.github.com>

Copilot · 2026-03-03T04:03:42Z

Just as a heads up, I was blocked by some firewall rules while working on your feedback. Expand below for details.

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

www.google-analytics.com
- Triggering command: /opt/hostedtoolcache/node/24.13.1/x64/bin/node /opt/hostedtoolcache/node/24.13.1/x64/bin/node --conditions node --conditions development /home/REDACTED/work/selection-command/selection-command/node_modules/tinypool/dist/entry/process.js (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

Configure Actions setup steps to set up my environment, which run before the firewall is enabled
Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

… correctly Co-authored-by: ujiro99 <677231+ujiro99@users.noreply.github.com>

Copilot · 2026-03-03T04:09:30Z

@copilot
実際に動作を確認すると、 CommandEditDialog上でプロンプトを入力したのち、テキスト挿入により{{selectedText}} などを入力して、`Com...

原因を特定しました（10eabf0）。

原因: insertText 関数が focusNode.value = newText で DOM を直接書き換えていましたが、React の内部 value トラッカー（Object.getOwnPropertyDescriptor(proto, 'value').set）を経由しないため、React Hook Form の onChange が正しくトリガーされず、RHF の内部状態が更新されませんでした。onSubmit は RHF の内部状態から値を読むため、挿入したテキストが反映されていませんでした。

修正: InputPopup.tsx の insertText で HTMLTextAreaElement.prototype / HTMLInputElement.prototype の native setter を使って値を設定するよう変更しました。これにより React の synthetic onChange が正しく発火し、RHF の状態も更新されます。なお InputEditor.tsx は defaultValue（非制御）で DOM 値を直読みするため影響ありません。

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

www.google-analytics.com
- Triggering command: /opt/hostedtoolcache/node/24.13.1/x64/bin/node /opt/hostedtoolcache/node/24.13.1/x64/bin/node --conditions node --conditions development /home/REDACTED/work/selection-command/selection-command/node_modules/tinypool/dist/entry/process.js (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

Configure Actions setup steps to set up my environment, which run before the firewall is enabled
Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

Initial plan

1b4b92c

Copilot AI assigned Copilot and ujiro99 Mar 1, 2026

Copilot started work on behalf of ujiro99 March 1, 2026 13:25 View session

Copilot AI and others added 2 commits March 1, 2026 13:41

Add AI prompt execution command (aiPrompt mode)

a736ca0

Co-authored-by: ujiro99 <677231+ujiro99@users.noreply.github.com>

Improve type safety in aiPrompt action handler

8e91dc6

Co-authored-by: ujiro99 <677231+ujiro99@users.noreply.github.com>

Copilot AI changed the title ~~[WIP] Add OpenMode command for executing AI prompts directly~~ AIプロンプト実行コマンドを追加 (OPEN_MODE.AI_PROMPT) Mar 1, 2026

Copilot finished work on behalf of ujiro99 March 1, 2026 13:46

Fix: Textarea not work.

071fb90

ujiro99 reviewed Mar 3, 2026

View reviewed changes

Copilot started work on behalf of ujiro99 March 3, 2026 03:54 View session

Address review feedback: simplify AiPromptSection, use SEARCH_OPEN_MO…

328d217

…DE, add aiPrompt icon description Co-authored-by: ujiro99 <677231+ujiro99@users.noreply.github.com>

Copilot finished work on behalf of ujiro99 March 3, 2026 04:03

Copilot started work on behalf of ujiro99 March 3, 2026 04:03 View session

Fix insertText to use native setter so React Hook Form onChange fires…

10eabf0

… correctly Co-authored-by: ujiro99 <677231+ujiro99@users.noreply.github.com>

Copilot finished work on behalf of ujiro99 March 3, 2026 04:10

Uh oh!

Conversation

Copilot AI commented Mar 1, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

設計の要点

Comments on the Issue (you are @copilot in this section)

Uh oh!

codecov bot commented Mar 3, 2026

Codecov Report

Uh oh!

ujiro99 Mar 3, 2026

Choose a reason for hiding this comment

Uh oh!

ujiro99 Mar 3, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Mar 3, 2026

Choose a reason for hiding this comment

Uh oh!

ujiro99 Mar 3, 2026

Choose a reason for hiding this comment

Uh oh!

ujiro99 Mar 3, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Mar 3, 2026

Choose a reason for hiding this comment

Uh oh!

ujiro99 Mar 3, 2026

Choose a reason for hiding this comment

Uh oh!

ujiro99 Mar 3, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Mar 3, 2026

Choose a reason for hiding this comment

Uh oh!

ujiro99 commented Mar 3, 2026

Uh oh!

Copilot AI commented Mar 3, 2026

I tried to connect to the following addresses, but was blocked by firewall rules:

Uh oh!

Copilot AI commented Mar 3, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

I tried to connect to the following addresses, but was blocked by firewall rules:

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

Copilot AI commented Mar 1, 2026 •

edited

Loading

Copilot AI commented Mar 3, 2026 •

edited

Loading