Create JS form editor for the default information tools
>>> [!note] Migrated issue
<!-- Drupal.org comment -->
<!-- Migrated from issue #3577937. -->
Reported by: [marcus_johansson](https://www.drupal.org/user/385947)
Related to !1490 !253
>>>
<h3 id="summary-problem-motivation">Problem/Motivation</h3>
<p>Default Information Tools, are tools that loads context into the agent, before it did need to take a decision. For instance the Field Agent, needs to know what entites and bundles exists that are fieldable for almost any query. So, instead of having an expensive loop this loads this into the system prompt using a tool/function call.</p>
<p>The problem we are having is that setting these up is quite complex, see the documentation here: <a href="https://project.pages.drupalcode.org/ai/1.3.x/agents/agent_form_parts/#default-information-tools">https://project.pages.drupalcode.org/ai/1.3.x/agents/agent_form_parts/#default-information-tools</a></p>
<p>See screenshot:<br>
<img src="https://www.drupal.org/files/issues/2026-03-09/Screenshot%20from%202026-03-09%2013-15-43.png"></p>
<p>We should instead create some app (React?), that can overlay the textarea where you can easily add and remove default information tools in steps:</p>
<p>1. Click Add Tool<br>
2. Choose from a select list/autocomplete list the tool you want to use.<br>
3. Choose label and description for it.<br>
4. Have the parameter keys filled out automatically, and have the user optionally fill them in.</p>
<p>For removal there should be an X next to each added tool.</p>
<p>There should be a YAML mode/tab as well, so you can see and edit the raw YAML as well.</p>
<p>React would be the best, since in theory that should be possible to add to the new ECA and FlowDrop in the future.</p>
<p>No changes should be needed in the backend if the raw values are saved.</p>
<h3 id="summary-proposed-resolution">Proposed resolution</h3>
<p>Create this widget and overlay Default Information Tools with it.</p>
<h3 id="summary-remaining-tasks">Remaining tasks</h3>
<h3 id="summary-ui-changes">User interface changes</h3>
<h3 id="summary-api-changes">API changes</h3>
<h3 id="summary-data-model-changes">Data model changes</h3>
issue