daggerheart/templates/sheets-settings/action-settings/trigger.hbs

<section 
    class="tab {{this.tabs.trigger.cssClass}}"
    data-group="primary"
    data-tab="trigger"
>
        <button type="button" data-action="addTrigger">{{localize "Add Trigger"}} <i class="fa-solid fa-plus icon-button"></i></button>
    
        {{#each @root.triggers as |trigger index|}}
            <fieldset class="one-column" data-index="{{index}}">
                <legend><a data-action="removeTrigger" data-index="{{index}}"><i class="fa-solid fa-trash"></i></a></legend>

                <div class="trigger-data">
                    {{formInput @root.fields.triggers.element.fields.trigger value=trigger.trigger name=(concat "triggers." index ".trigger") blank=false localize=true}}
                    <div class="hint-section">
                        <strong>{{localize "Context: "}}</strong>
                        <span class="hint">{{localize trigger.hint}}</span>
                    </div>
                    <a data-action="expandTrigger" data-index="{{index}}"><i class="fa-solid fa-angle-down"></i></a>
                </div>

                <div class="code-mirror-wrapper {{#if trigger.revealed}}revealed{{/if}}">
                    {{formInput @root.fields.triggers.element.fields.command value=trigger.command elementType="code-mirror" name=(concat "triggers." index ".command") aria=(object label=(localize "Test")) }}
                </div>
            </fieldset>
        {{/each}}
</section>