>>> [!note] Migrated issue <!-- Drupal.org comment --> <!-- Migrated from issue #3565443. --> Reported by: [jaydub](https://www.drupal.org/user/46257) Related to !1075 >>> <p>[Tracker]<br> <strong>Update Summary: </strong>[One-line status update for stakeholders]<br> <strong>Short Description: </strong>[One-line issue summary for stakeholders]<br> <strong>Check-in Date: </strong>MM/DD/YYYY<br> <em>Metadata is used by the <a href="https://www.drupalstarforge.ai/" title="AI Tracker">AI Tracker.</a> Docs and additional fields <a href="https://www.drupalstarforge.ai/ai-dashboard/docs" title="AI Issue Tracker Documentation">here</a>.</em><br> [/Tracker]</p> <h3 id="summary-problem-motivation">Problem/Motivation</h3> <p>When using prompts and prompt types, if prompts are created with a rather long prompt text, the display of prompts using the ai_prompt Element can be unwieldy as the rendering of the table of prompts currently displays the full text of a prompt. If several prompts for a given prompt type are being displayed and each prompts has long prompts text, the display of the table is not user friendly.</p> <h4 id="summary-steps-reproduce">Steps to reproduce (required for bugs, but not feature requests)</h4> <p>Please provide information like AI modules enabled, which AI provider, browser, etc.</p> <p>Enable the core AI module and AI Translate module (currently, only the AI Translate module has been updated to use the ai_prompt Element and prompt and prompt type entities). The default prompt that is created when the AI Translate module is enabled is already somewhat long, but you can add an additional AI Translate prompt entity with very long text to illustrate the problem. View the AI Translate module settings where the ai_prompt Element is rendered to see how prompts with long prompt text makes for a difficult display.</p> <h3 id="summary-proposed-resolution">Proposed resolution</h3> <p>Wrap the display of the prompt text when rendering the ai_prompt Element with a </p><div> that has a max-height and overflow-y CSS property in order to render the prompt text in a max height space with a scrollbar. <h3 id="summary-remaining-tasks">Remaining tasks</h3> <h3>Optional: Other details as applicable (e.g., User interface changes, API changes, Data model changes)</h3> </div>