envelope/core/templates/wm/widget.html

<div id="widget">
  <div id="widget-{{ unique }}" class="grid-stack-item" {% block widget_options %}gs-w="10" gs-h="1" gs-y="10" gs-x="1"{% endblock %}>
    <div class="grid-stack-item-content">

      <nav class="panel">
        <p class="panel-heading" style="padding: .2em; line-height: .5em;">
          <i class="fa-solid fa-arrows-up-down-left-right has-text-grey-light"></i>
          {% block close_button %}
            {% include 'partials/close-widget.html' %}
          {% endblock %}
          <i
            class="fa-solid fa-arrows-minimize has-text-grey-light float-right"
            onclick='grid.compact();'></i>
          {% block heading %}
            {{ title }}
          {% endblock %}
        </p>
        <article class="panel-block is-active">
          <div class="control">
            {% block panel_content %}
              {% include window_content %}
            {% endblock %}
          </div>
        </article>
      </nav>
    </div>
  </div>
</div>

<script>
  {% block custom_script %}
  {% endblock %}
  var widget_event = new Event('load-widget');
  document.dispatchEvent(widget_event);
</script>
{% block custom_end %}
{% endblock %}