

<turbo-stream action="open_drawer" target="main_drawer"><template><div id="releases-drawer" class="drawer w-app">
  <h2 class="drawer__header flex">
    <div class="relative mr-3 flex" data-controller="dropdown">
  <div class="inline-block text-white hover:text-primary-500 select-none settings-menu" data-action="click->dropdown#toggle click@window->dropdown#hide" role="button" data-dropdown-target="button" tabindex="0">
    <div class="h-6 w-6 stroke-current stroke-1 fill-current"><svg viewBox="0 0 26 26" xmlns="http://www.w3.org/2000/svg"><g stroke="currentColor" fill="none" fill-rule="evenodd"><circle cx="13" cy="13" r="12" vector-effect="non-scaling-stroke"/><path d="M12 5.5h6v14h-6zM11 18H8.5V7h2M8 16H5.5V9h2" vector-effect="non-scaling-stroke"/></g></svg>
</div>
  </div>
  <div data-dropdown-target="menu" class="settings-menu__dropdown appear-from-top-left-animation hidden">
      <a class="flex gap-1.5 text-xs items-center text-white settings-menu__releases" data-turbo-stream="true" href="/cycles/575854/releases?show_view=true"><div class="h-5 w-5 current-stroke stroke-1"><svg viewBox="0 0 26 26" xmlns="http://www.w3.org/2000/svg"><g stroke="currentColor" fill="none" fill-rule="evenodd"><circle cx="13" cy="13" r="12" vector-effect="non-scaling-stroke"/><path d="M12 5.5h6v14h-6zM11 18H8.5V7h2M8 16H5.5V9h2" vector-effect="non-scaling-stroke"/></g></svg>
</div>Releases</a>
      <a class="flex gap-1.5 text-xs items-center text-white settings-menu__review" data-remote="true" href="/cycles/575854/review"><div class="h-5 w-5 current-stroke stroke-1"><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><g stroke="#48484A" fill="none" fill-rule="evenodd"><circle stroke="currentColor" cx="8" cy="8" r="7.5" vector-effect="non-scaling-stroke"/><circle cx="8" stroke="currentColor" cy="8" r="3.5" vector-effect="non-scaling-stroke"/><circle fill="currentColor" cx="8" cy="4.5" r="1.97" vector-effect="non-scaling-stroke"/><circle fill="currentColor" cx="4.9" cy="9.7" r="1.97" vector-effect="non-scaling-stroke"/><circle fill="currentColor" cx="11.1" cy="9.7" r="1.97" vector-effect="non-scaling-stroke"/></g></svg></div>Review</a>
  </div>
</div>

    <span>Releases of this cycle</span>
    <span class="mx-2 text-dracula-100">
      <div data-controller="dropdown" class="relative">
  <button data-action="click->dropdown#toggle click@window->dropdown#hide" data-target="button" type="button" data-tippy-content="Change impact category" tabindex= "0" class="flex items-center hover:text-primary-500 p-0.5">
    <div class="w-5 h-5 stroke-1"><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><g stroke="currentColor" fill="none" fill-rule="evenodd"><circle vector-effect="non-scaling-stroke" transform="rotate(90 8 8)" cx="8" cy="8" r="7.5"/><path vector-effect="non-scaling-stroke" d="M4.823 12.4c.343-1.243.98-2.944 3.2-4.8M7.623 11.2c1.052 0 2.724-.677 2.418-2.322-.305-1.645-.152-3.78.782-4.878-1.295.063-4.105.478-5.15 1.846C4.63 7.214 4.263 7.64 4.423 9.6"/></g></svg>
</div>
  </button>
  <div data-dropdown-target="menu" class="w-48 transform mt-3 absolute -left-4 top-full mt-3 text-white bg-dracula-500 rounded z-50 hidden">
    <div class="bg-transparent py-1.5 px-3 shadow" >
        <div data-controller="action-forwarder" data-action-forwarder-target="reference" data-action="click->action-forwarder#updateValueFromData" data-action-forwarder-element-value="impact-category" class="font-normal text-xs hover:text-primary-500 cursor-pointer my-1" data-value="water-use">Water use</div>
        <div data-controller="action-forwarder" data-action-forwarder-target="reference" data-action="click->action-forwarder#updateValueFromData" data-action-forwarder-element-value="impact-category" class="font-normal text-xs hover:text-primary-500 cursor-pointer my-1" data-value="climate-change">Climate change</div>
        <div data-controller="action-forwarder" data-action-forwarder-target="reference" data-action="click->action-forwarder#updateValueFromData" data-action-forwarder-element-value="impact-category" class="font-normal text-xs hover:text-primary-500 cursor-pointer my-1" data-value="damage-to-human-health">Damage to human health</div>
        <div data-controller="action-forwarder" data-action-forwarder-target="reference" data-action="click->action-forwarder#updateValueFromData" data-action-forwarder-element-value="impact-category" class="font-normal text-xs hover:text-primary-500 cursor-pointer my-1" data-value="damage-to-ecosystems">Damage to ecosystems</div>
        <div data-controller="action-forwarder" data-action-forwarder-target="reference" data-action="click->action-forwarder#updateValueFromData" data-action-forwarder-element-value="impact-category" class="font-normal text-xs hover:text-primary-500 cursor-pointer my-1" data-value="damage-to-resource-availability">Damage to resource availability</div>
    </div>
  </div>
</div>

    </span>
  </h2>
    <div class="drawer__section mt-6">
      <h3 class="text-base font-semibold">
        Impact progress
        <span class="in-parens text-dracula-100 text-xs font-normal">kg CO2 eq</span>
      </h3>
      <svg id="releases-diagram" data-controller="area-diagram" data-action="earthster:state:change@window->area-diagram#redraw" data-area-diagram-sequence-value="[{&quot;date&quot;:&quot;2026-03-16T19:13:51.000Z&quot;,&quot;value&quot;:{&quot;water-use&quot;:11.1940493587243,&quot;climate-change&quot;:7.488525841229023,&quot;damage-to-ecosystems&quot;:2.024945041900383e-07,&quot;damage-to-human-health&quot;:4.071562833252099e-05,&quot;damage-to-resource-availability&quot;:0.6454170331335279}}]" overflow="visible"></svg>
    </div>
  <div class="drawer__section release-list divide-y divide-dracula-500 text-sm font-semibold">
    <div id="release-list__cycle-status" class="release-list__item --updated py-3 flex items-center">
      <span class="release-list__item-text flex-1">
        Release name
      </span>
      <span class="release-list__item-time w-2/12 text-xs font-normal"></span>
      <span class="release-list__item-impact w-2/12 text-right">
        Impact
      </span>
    </div>
      <div class="release-list__item py-3 flex items-center">
        <span class="release-list__item-text flex-1">
          <a class="text-white" href="/cycles/575854?release_id=523385">
            <span>Release 1</span>
            <span class="font-normal text-dracula-100 in-parens inline-block">Gregory Norris</span>
</a>        </span>
        <span class="release-list__item-time w-2/12 text-xs font-normal"><span title="2026-03-16T19:13:51+00:00">
  <time datetime="2026-03-16T19:13:51Z" data-local="time-ago">March 16, 2026  7:13pm</time>
</span></span>
        <span class="release-list__item-impact w-2/12 text-right">
          <div id=""
     class="impact-label "
     data-controller="impact-label"
     data-impact-label-amounts-value="{&quot;water-use&quot;:11.1940493587243,&quot;climate-change&quot;:7.488525841229023,&quot;damage-to-ecosystems&quot;:2.024945041900383e-07,&quot;damage-to-human-health&quot;:4.071562833252099e-05,&quot;damage-to-resource-availability&quot;:0.6454170331335279}"
     data-action="earthster:state:change@window->impact-label#showValue
                  turbo:morph-element->impact-label#showValue">
  <span data-impact-label-target="amount"
        class="impact-label__amount"></span>
  <span data-unit
        data-impact-label-target="unit"
        class="impact-label__unit"></span>
</div>

        </span>
        <div class="release-list__item-actions relative ml-auto flex items-center"></div>
      </div>
  </div>
</div>
</template></turbo-stream>
