Add delete control for custom Ask AI questions

[Copilot]

The Ask AI custom tab allowed creating multiple questions but provided no way to remove ones that were no longer needed. This update adds a delete affordance while preventing removal of the final remaining custom question.

• UI control
  • Add a delete icon button aligned to the right of each custom question header.
  • Hide the delete button entirely when only one custom question remains.
• Layout/styling
  • Introduce a header row layout for checkbox + delete button alignment.
  • Use a text-only icon style so the delete control does not render as a pill.

<div className={css["custom-item-header"]}>
    <Checkbox ... />
    {customPrompts.length > 1 && (
        <Button
            className={css["custom-delete-button"]}
            rightIcon="fas fa-trash"
            title={Strings.Remove}
            onClick={() => removeCustomPrompt(p.id)}
        />
    )}
</div>

> [!WARNING]
>
>

Original prompt

---

This section details on the original issue you should resolve

<issue_title>Feature Request: Add a Delete Button for Questions in the Ask AI Dialog for Code Evaluation Tool</issue_title>
<issue_description>Describe the bug
In the Ask AI dialog under the Custom tab, users can create and edit multiple questions, but there is currently no option to delete an unwanted question. This limits user control and makes it difficult to manage incorrectly entered or outdated questions.

Steps to reproduce the behavior:
1.Navigate to https://arcade.makecode.com/beta--eval.
2.In Checklist section, click "Ask AI".
3.In the Custom tab, click "Add custom question +" and observe.

Actual behavior
Users can only toggle selection (check/uncheck) but cannot remove a question from the list.

Expected behavior
Users should be able to easily delete unwanted questions to keep the list organized.

Screenshots

Additional context
1.OS: Windows 11 24H2 & Mac mini M2, Tahoe 26.2
2.Browser: Microsoft Edge, Chrome, Firefox and Safari
3.Arcade version : 2.1.28
4.Microsoft MakeCode version: 12.2.18</issue_description>

<agent_instructions>put it in the top right, end of line where the checkbox / "Question #" title is. If there is only one custom question remaining, do not allow deleting / gray it out</agent_instructions>

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

• Fixes Feature Request: Add a Delete Button for Questions in the Ask AI Dialog for Code Evaluation Tool pxt-arcade#7327

---

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.

[jwunderl]

@copilot icon looks bad, it's got no vertical padding / too much horizontal padding so it looks like a pill. give it no border, and actually just remove the button when not available, it looks bad grayed out as is.

[Copilot]

@copilot icon looks bad, it's got no vertical padding / too much horizontal padding so it looks like a pill. give it no border, and actually just remove the button when not available, it looks bad gra...

Updated the Ask AI custom question delete control to use a text-only icon style with tighter padding, and the button is now omitted entirely when only one custom question exists. Commit: f23d006. Screenshot: unable to capture locally because the teachertool dev server could not start (react-app-rewired not available in this environment).

[jwunderl]

not sure why these are popping in here? but also don't seem wrong