<turbo-stream action="update" target="service_details"><template><div @keyup.window.escape="isServiceDetailsOpen = false" aria-labelledby="service-details-title" aria-modal="true" class="
z-50 fixed top-0 left-0 w-full h-screen overflow-y-auto
md:flex md:items-center md:justify-center md:items-start md:bg-black/50
" role="dialog" tabindex="-1" x-init="$nextTick(() =&gt; { isServiceDetailsOpen = true; $dispatch(&#39;close-mobile-menu&#39;); })" x-show="isServiceDetailsOpen">
<div class="w-full flex flex-col bg-white max-w-[946px] md:rounded-lg" style="max-height: 80%">
<div class="" role="document">
<div class="flex-grow overflow-y-auto">
<div class="relative md:h-[76px] md:px-10 md:flex md:items-center md:justify-between md:border-b md:border-border-low">
<div class="flex items-center gap-2">
<div class="
shrink-0 w-[42px] h-[42px] p-2 flex items-center justify-center rounded border border-border-low bg-[#ffffff]
">
<img class="max-w-full" alt="Summit K12 logo" onerror="this.src=&#39;https://static.statusgator.com/assets/service-placeholder-f730d793d6c3df43ed952c21b14c76e20277895680b3ed9790fb708c1283705f.svg&#39;" src="https://favicons.statusgator.com/9jQHwLb3RbV3zWqq.png" />
</div>
<p class="
font-semibold text-lg text-text-level1
md:text-2xl
" id="service-details-title">
Summit K12
</p>
</div>
<button @click="isServiceDetailsOpen = false" aria-label="Close service details" class="absolute top-3 right-3 w-6 h-6 flex items-center justify-center text-text-level2 md:static md:w-4 md:h-4" type="button">
<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17" fill="none" role="img" aria-labelledby="a7k1e3ievbr60byqzair1tllm39sf5wh"><desc id="a7k1e3ievbr60byqzair1tllm39sf5wh">close icon</desc>
<path d="M4.14258 3.9458L13.6641 13.4674M4.14258 13.4674L13.6641 3.9458L4.14258 13.4674Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button>
</div>
<div @click.outside="isServiceDetailsOpen = false" class="
bg-white rounded-b-lg
max-h-[350px] overflow-y-scroll
max-md:z-50 max-md:fixed max-md:top-0 max-md:left-0 max-md:w-full
" x-data="{
isComponentsOpen: true,
historyOpen: false
}">
<div class="
w-full h-full bg-white rounded-b-lg
md:w-auto md:h-auto
">
<div class="
p-4
md:px-10
">
<p class="text-md text-text-level3 break-words py-4">

</p>
<div @keydown.arrow-left.prevent="isComponentsOpen = true; historyOpen = false; $nextTick(() =&gt; $el.querySelector(&quot;[role=tab][aria-selected=true]&quot;).focus())" @keydown.arrow-right.prevent="historyOpen = true; isComponentsOpen = false; $nextTick(() =&gt; $el.querySelector(&quot;[role=tab][aria-selected=true]&quot;).focus())" aria-label="Service information" class="max-md:hidden mb-7 inline-flex border-b border-border-med" role="tablist">
<button @click.stop="isComponentsOpen = true; historyOpen = false" aria-controls="service-components-panel" class="
relative h-10 px-4 flex items-center justify-center
text-base text-text-level3
" id="service-components-tab" role="tab" x-bind:aria-selected="isComponentsOpen ? &quot;true&quot; : &quot;false&quot;" x-bind:class="{
&#39;font-semibold !text-text-level1 after:content-[&quot;&quot;] after:absolute after:-bottom-[1px] after:w-full after:h-[2px] after:bg-border-high&#39;: isComponentsOpen
}" x-bind:tabindex="isComponentsOpen ? &quot;0&quot; : &quot;-1&quot;">
Components
</button>
<button @click.stop="historyOpen = true; isComponentsOpen = false" aria-controls="service-history-panel" class="
relative h-10 px-4 flex items-center justify-center
text-base text-text-level3
" id="service-history-tab" role="tab" x-bind:aria-selected="historyOpen ? &quot;true&quot; : &quot;false&quot;" x-bind:class="{
&#39;font-semibold !text-text-level1 after:content-[&quot;&quot;] after:absolute after:-bottom-[1px] after:w-full after:h-[2px] after:bg-border-high&#39;: historyOpen
}" x-bind:tabindex="historyOpen ? &quot;0&quot; : &quot;-1&quot;">
History
</button>
</div>
<div aria-labelledby="service-components-tab" id="service-components-panel" role="tabpanel" tabindex="0" x-show="isComponentsOpen">
<p class="md:hidden mb-4 font-semibold text-lg text-text-level1">
Components
</p>
<div data-turbo-prefetch="false" id="components-modal-268406" tabindex="-1">
<div aria-label="Service components" role="list">
<div class="border-t border-border-low first:border-t-0" id="component-group-modal-268406-c78ffe195710" role="listitem">
<div class="p-2 pl-0 flex items-center justify-between">
<div class="flex items-start gap-2">
<button @click="renderStream($el.dataset.url, $el.id)" aria-controls="component-group-modal-268406-c78ffe195710-children" aria-expanded="false" aria-label="toggle Platform" class="w-6 h-6 flex items-center justify-center text-icon-low shrink-0" data-url="/status_pages/d211.statusgator.app/subscriptions/268406/component_group?expand=true&amp;group_name=Platform&amp;scope=modal" id="component-group-modal-268406-c78ffe195710-toggle" type="button">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="ag9sjcdia50n3jfq8f92ict1lf2jkbkg"><desc id="ag9sjcdia50n3jfq8f92ict1lf2jkbkg">expand icon</desc>
<path d="M11.2806 8.61975C11.4864 8.81664 11.4864 9.14541 11.2806 9.3423L7.01386 13.4246C6.69583 13.7289 6.1682 13.5035 6.1682 13.0633L6.1682 4.89874C6.1682 4.45859 6.69583 4.23318 7.01386 4.53746L11.2806 8.61975Z" fill="currentColor"></path>
</svg>
</button>
<span class="text-base text-text-level2" id="component-group-modal-268406-c78ffe195710-label">
Platform
</span>
</div>
<div class="md:hidden">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none" role="img" aria-labelledby="acffhm4ndtsu8cu60amq0nmla66j1lss" class="shrink-0 text-up-600"><desc id="acffhm4ndtsu8cu60amq0nmla66j1lss">up status</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 21C14.8869 21 17.1761 20.0518 18.864 18.364C20.5518 16.6761 21.5 14.3869 21.5 12C21.5 9.61305 20.5518 7.32387 18.864 5.63604C17.1761 3.94821 14.8869 3 12.5 3C10.1131 3 7.82387 3.94821 6.13604 5.63604C4.44821 7.32387 3.5 9.61305 3.5 12C3.5 14.3869 4.44821 16.6761 6.13604 18.364C7.82387 20.0518 10.1131 21 12.5 21ZM16.6704 10.5454C16.8753 10.3332 16.9887 10.049 16.9861 9.75405C16.9836 9.45908 16.8653 9.17691 16.6567 8.96833C16.4481 8.75975 16.1659 8.64143 15.871 8.63887C15.576 8.6363 15.2918 8.7497 15.0796 8.95463L11.375 12.6593L9.92037 11.2046C9.7082 10.9997 9.42402 10.8863 9.12905 10.8889C8.83408 10.8914 8.55191 11.0097 8.34333 11.2183C8.13475 11.4269 8.01643 11.7091 8.01387 12.004C8.0113 12.299 8.1247 12.5832 8.32963 12.7954L10.5796 15.0454C10.7906 15.2563 11.0767 15.3748 11.375 15.3748C11.6733 15.3748 11.9594 15.2563 12.1704 15.0454L16.6704 10.5454Z" fill="currentColor"></path>
</svg>
</div>
<div class="max-md:hidden">
<div class="shrink-0 min-w-5 inline-flex items-center justify-center gap-1 rounded border border-solid font-medium bg-up-100 border-up-200 text-up-700 h-7 px-1.5 rounded-lg text-sm [&amp;&gt;svg]:w-[14px] [&amp;&gt;svg]:h-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none" role="img" aria-labelledby="alm6rthxtyo9ncu7kxsx6s31x18ucfp5"><desc id="alm6rthxtyo9ncu7kxsx6s31x18ucfp5">up icon</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26868 15C10.1252 15 11.9057 14.2625 13.2184 12.9497C14.5312 11.637 15.2687 9.85652 15.2687 8C15.2687 6.14348 14.5312 4.36301 13.2184 3.05025C11.9057 1.7375 10.1252 1 8.26868 1C6.41216 1 4.63168 1.7375 3.31893 3.05025C2.00617 4.36301 1.26868 6.14348 1.26868 8C1.26868 9.85652 2.00617 11.637 3.31893 12.9497C4.63168 14.2625 6.41216 15 8.26868 15ZM12.1127 6.209C12.2344 6.05146 12.2886 5.85202 12.2633 5.65454C12.2379 5.45706 12.1352 5.27773 11.9777 5.156C11.8201 5.03427 11.6207 4.9801 11.4232 5.00542C11.2257 5.03073 11.0464 5.13346 10.9247 5.291L7.22468 10.081L5.57568 8.248C5.51042 8.17247 5.43075 8.11073 5.34132 8.06639C5.2519 8.02205 5.15452 7.99601 5.0549 7.98978C4.95528 7.98356 4.85542 7.99729 4.76117 8.03016C4.66693 8.06303 4.58019 8.11438 4.50604 8.1812C4.4319 8.24803 4.37184 8.32898 4.32938 8.41931C4.28693 8.50965 4.26293 8.60755 4.2588 8.70728C4.25467 8.807 4.27048 8.90656 4.30532 9.00009C4.34016 9.09363 4.39331 9.17927 4.46168 9.252L6.71168 11.752C6.78517 11.8335 6.87565 11.8979 6.97674 11.9406C7.07782 11.9833 7.18706 12.0034 7.29673 11.9993C7.40639 11.9952 7.51383 11.967 7.61144 11.9169C7.70906 11.8667 7.79448 11.7958 7.86168 11.709L12.1127 6.209Z" fill="currentColor"></path>
</svg>
Up
</div>
</div>
</div>
<div aria-labelledby="component-group-modal-268406-c78ffe195710-label" id="component-group-modal-268406-c78ffe195710-children" role="list">
</div>
</div>

</div>
</div>


</div>
<div aria-labelledby="service-history-tab" id="service-history-panel" role="tabpanel" tabindex="0" x-show="!isComponentsOpen">
<div @keydown.arrow-left.prevent="moveFocus(-1)" @keydown.arrow-right.prevent="moveFocus(1)" @keydown.end.prevent="focusEdge(&#39;last&#39;)" @keydown.home.prevent="focusEdge(&#39;first&#39;)" aria-label="Service status history over the last 90 days. Use left and right arrow keys to navigate between days." class="
w-full flex items-center justify-between
" role="list" x-data="{
rove(bar) {
if (!bar) return;
this.$el.querySelectorAll(&#39;[role=listitem]&#39;).forEach(b =&gt; b.setAttribute(&#39;tabindex&#39;, &#39;-1&#39;));
bar.setAttribute(&#39;tabindex&#39;, &#39;0&#39;);
bar.focus();
},
moveFocus(offset) {
const bars = Array.from(this.$el.querySelectorAll(&#39;[role=listitem]&#39;));
const current = bars.indexOf(document.activeElement);
if (current === -1) return;
const next = Math.max(0, Math.min(bars.length - 1, current + offset));
this.rove(bars[next]);
},
focusEdge(position) {
const bars = this.$el.querySelectorAll(&#39;[role=listitem]&#39;);
this.rove(position === &#39;first&#39; ? bars[0] : bars[bars.length - 1]);
}
}">
<div aria-label="Day 1 of 91, August 02, 2026: Up all day" aria-posinset="1" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="0"></div>
<div aria-label="Day 2 of 91, August 03, 2026: Up all day" aria-posinset="2" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 3 of 91, August 04, 2026: Up all day" aria-posinset="3" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 4 of 91, August 05, 2026: Up all day" aria-posinset="4" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 5 of 91, August 06, 2026: Up all day" aria-posinset="5" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 6 of 91, August 07, 2026: Up all day" aria-posinset="6" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 7 of 91, August 08, 2026: Up all day" aria-posinset="7" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 8 of 91, August 09, 2026: Up all day" aria-posinset="8" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 9 of 91, August 10, 2026: Up all day" aria-posinset="9" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 10 of 91, August 11, 2026: Up all day" aria-posinset="10" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 11 of 91, August 12, 2026: Up all day" aria-posinset="11" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 12 of 91, August 13, 2026: Up all day" aria-posinset="12" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 13 of 91, August 14, 2026: Up all day" aria-posinset="13" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 14 of 91, August 15, 2026: Up all day" aria-posinset="14" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 15 of 91, August 16, 2026: Up all day" aria-posinset="15" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 16 of 91, August 17, 2026: Up all day" aria-posinset="16" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 17 of 91, August 18, 2026: Up all day" aria-posinset="17" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 18 of 91, August 19, 2026: Up all day" aria-posinset="18" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 19 of 91, August 20, 2026: Up all day" aria-posinset="19" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 20 of 91, August 21, 2026: Up all day" aria-posinset="20" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 21 of 91, August 22, 2026: Up all day" aria-posinset="21" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 22 of 91, August 23, 2026: Up all day" aria-posinset="22" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 23 of 91, August 24, 2026: Up all day" aria-posinset="23" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 24 of 91, August 25, 2026: Up all day" aria-posinset="24" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 25 of 91, August 26, 2026: Up all day" aria-posinset="25" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 26 of 91, August 27, 2026: Up all day" aria-posinset="26" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 27 of 91, August 28, 2026: Up all day" aria-posinset="27" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 28 of 91, August 29, 2026: Up all day" aria-posinset="28" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 29 of 91, August 30, 2026: Up all day" aria-posinset="29" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 30 of 91, August 31, 2026: Up all day" aria-posinset="30" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 31 of 91, September 01, 2026: Up all day" aria-posinset="31" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 32 of 91, September 02, 2026: Up all day" aria-posinset="32" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 33 of 91, September 03, 2026: Up all day" aria-posinset="33" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 34 of 91, September 04, 2026: Up all day" aria-posinset="34" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 35 of 91, September 05, 2026: Up all day" aria-posinset="35" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 36 of 91, September 06, 2026: Up all day" aria-posinset="36" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 37 of 91, September 07, 2026: Up all day" aria-posinset="37" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 38 of 91, September 08, 2026: Up all day" aria-posinset="38" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 39 of 91, September 09, 2026: Up all day" aria-posinset="39" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 40 of 91, September 10, 2026: Up all day" aria-posinset="40" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 41 of 91, September 11, 2026: Up all day" aria-posinset="41" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 42 of 91, September 12, 2026: Up all day" aria-posinset="42" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 43 of 91, September 13, 2026: Up all day" aria-posinset="43" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 44 of 91, September 14, 2026: Up all day" aria-posinset="44" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 45 of 91, September 15, 2026: Up all day" aria-posinset="45" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 46 of 91, September 16, 2026: Up all day" aria-posinset="46" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 47 of 91, September 17, 2026: Up all day" aria-posinset="47" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 48 of 91, September 18, 2026: Up all day" aria-posinset="48" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 49 of 91, September 19, 2026: Up all day" aria-posinset="49" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 50 of 91, September 20, 2026: Up all day" aria-posinset="50" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 51 of 91, September 21, 2026: Up all day" aria-posinset="51" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 52 of 91, September 22, 2026: Up all day" aria-posinset="52" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 53 of 91, September 23, 2026: Up all day" aria-posinset="53" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 54 of 91, September 24, 2026: Up all day" aria-posinset="54" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 55 of 91, September 25, 2026: Up all day" aria-posinset="55" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 56 of 91, September 26, 2026: Up all day" aria-posinset="56" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 57 of 91, September 27, 2026: Up all day" aria-posinset="57" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 58 of 91, September 28, 2026: Up all day" aria-posinset="58" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 59 of 91, September 29, 2026: Up all day" aria-posinset="59" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 60 of 91, September 30, 2026: Up all day" aria-posinset="60" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 61 of 91, October 01, 2026: Up all day" aria-posinset="61" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 62 of 91, October 02, 2026: Up all day" aria-posinset="62" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 63 of 91, October 03, 2026: Up all day" aria-posinset="63" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 64 of 91, October 04, 2026: Up all day" aria-posinset="64" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 65 of 91, October 05, 2026: Up all day" aria-posinset="65" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 66 of 91, October 06, 2026: Up all day" aria-posinset="66" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 67 of 91, October 07, 2026: Up all day" aria-posinset="67" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 68 of 91, October 08, 2026: Up all day" aria-posinset="68" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 69 of 91, October 09, 2026: Up all day" aria-posinset="69" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 70 of 91, October 10, 2026: Up all day" aria-posinset="70" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 71 of 91, October 11, 2026: Up all day" aria-posinset="71" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 72 of 91, October 12, 2026: Up all day" aria-posinset="72" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 73 of 91, October 13, 2026: Up all day" aria-posinset="73" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 74 of 91, October 14, 2026: Up all day" aria-posinset="74" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 75 of 91, October 15, 2026: Up all day" aria-posinset="75" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 76 of 91, October 16, 2026: Up all day" aria-posinset="76" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 77 of 91, October 17, 2026: Up all day" aria-posinset="77" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 78 of 91, October 18, 2026: Up all day" aria-posinset="78" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 79 of 91, October 19, 2026: Up all day" aria-posinset="79" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 80 of 91, October 20, 2026: Up all day" aria-posinset="80" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 81 of 91, October 21, 2026: Up all day" aria-posinset="81" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 82 of 91, October 22, 2026: Up all day" aria-posinset="82" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 83 of 91, October 23, 2026: Up all day" aria-posinset="83" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 84 of 91, October 24, 2026: Up all day" aria-posinset="84" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 85 of 91, October 25, 2026: Up all day" aria-posinset="85" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 86 of 91, October 26, 2026: Up all day" aria-posinset="86" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 87 of 91, October 27, 2026: Up all day" aria-posinset="87" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 88 of 91, October 28, 2026: Up all day" aria-posinset="88" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 89 of 91, October 29, 2026: Up all day" aria-posinset="89" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 90 of 91, October 30, 2026: Up all day" aria-posinset="90" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
<div aria-label="Day 91 of 91, October 31, 2026: Up all day" aria-posinset="91" aria-setsize="91" class="
w-0.5 md:w-[3px] h-9 bg-up-600 rounded-md
" role="listitem" tabindex="-1"></div>
</div>
<div class="mt-3 flex items-center justify-between text-base text-text-level2">
<span aria-hidden="true">90 days ago</span>
<span aria-label="100% uptime for the last 90 days">
100%
<span aria-hidden="true">uptime</span>
</span>
<span aria-hidden="true">Today</span>
</div>
<div aria-label="Status legend" class="
mt-6 w-full flex flex-row flex-wrap items-center justify-between gap-x-2 gap-y-2
" role="list">
<div class="flex items-center gap-2" role="listitem">
<div aria-hidden="true" class="w-[10px] h-[10px] rounded-full bg-up-600"></div>
<span class="text-base text-text-level2">
Up
</span>
</div>
<div class="flex items-center gap-2" role="listitem">
<div aria-hidden="true" class="w-[10px] h-[10px] rounded-full bg-down-600"></div>
<span class="text-base text-text-level2">
Down
</span>
</div>
<div class="flex items-center gap-2" role="listitem">
<div aria-hidden="true" class="w-[10px] h-[10px] rounded-full bg-warn-700"></div>
<span class="text-base text-text-level2">
Warn
</span>
</div>
<div class="flex items-center gap-2" role="listitem">
<div aria-hidden="true" class="w-[10px] h-[10px] rounded-full bg-maint-600"></div>
<span class="text-base text-text-level2">
Maintenance
</span>
</div>
</div>

</div>
</div>
</div>
</div>

</div>
</div>
</div>
</div>

</template></turbo-stream>