<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="CAASPP logo" onerror="this.src=&#39;https://static.statusgator.com/assets/service-placeholder-f730d793d6c3df43ed952c21b14c76e20277895680b3ed9790fb708c1283705f.svg&#39;" src="https://favicons.statusgator.com/Yoxame3LTnpWGxBs.png" />
</div>
<p class="
font-semibold text-lg text-text-level1
md:text-2xl
" id="service-details-title">
CAASPP
</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="arvzlq02ovpywbqu7swuve1mi2qasdkq"><desc id="arvzlq02ovpywbqu7swuve1mi2qasdkq">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: false,
historyOpen: true
}">
<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">
The California Educator Reporting System (CERS), Custom Aggregate Reports for high school mathematics are displaying “NA” for the Target description. In this case, the NA stands for “Not Available” meaning the data is not available to render in CERS.
</p>
<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 60 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 61, August 22, 2026: Warning for 23 Hours and 59 Minutes" aria-posinset="1" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="0" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
August 22, 2026
<br>
Warning for 23 Hours and 59 Minutes
</div>
</div>
</div>
<div aria-label="Day 2 of 61, August 23, 2026: Warning for 1 Day" aria-posinset="2" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
August 23, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 3 of 61, August 24, 2026: Warning for 1 Day" aria-posinset="3" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
August 24, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 4 of 61, August 25, 2026: Warning for 1 Day" aria-posinset="4" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
August 25, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 5 of 61, August 26, 2026: Warning for 1 Day" aria-posinset="5" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
August 26, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 6 of 61, August 27, 2026: Warning for 1 Day" aria-posinset="6" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
August 27, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 7 of 61, August 28, 2026: Warning for 1 Day" aria-posinset="7" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
August 28, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 8 of 61, August 29, 2026: Warning for 1 Day" aria-posinset="8" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
August 29, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 9 of 61, August 30, 2026: Warning for 1 Day" aria-posinset="9" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
August 30, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 10 of 61, August 31, 2026: Warning for 1 Day" aria-posinset="10" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
August 31, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 11 of 61, September 01, 2026: Warning for 1 Day" aria-posinset="11" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
September 01, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 12 of 61, September 02, 2026: Warning for 1 Day" aria-posinset="12" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
September 02, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 13 of 61, September 03, 2026: Warning for 1 Day" aria-posinset="13" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
September 03, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 14 of 61, September 04, 2026: Warning for 1 Day" aria-posinset="14" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
September 04, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 15 of 61, September 05, 2026: Warning for 1 Day" aria-posinset="15" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
September 05, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 16 of 61, September 06, 2026: Warning for 1 Day" aria-posinset="16" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
September 06, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 17 of 61, September 07, 2026: Warning for 1 Day" aria-posinset="17" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
September 07, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 18 of 61, September 08, 2026: Warning for 1 Day" aria-posinset="18" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
September 08, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 19 of 61, September 09, 2026: Warning for 1 Day" aria-posinset="19" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
September 09, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 20 of 61, September 10, 2026: Warning for 1 Day" aria-posinset="20" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
September 10, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 21 of 61, September 11, 2026: Warning for 1 Day" aria-posinset="21" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
September 11, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 22 of 61, September 12, 2026: Warning for 1 Day" aria-posinset="22" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
September 12, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 23 of 61, September 13, 2026: Warning for 1 Day" aria-posinset="23" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
September 13, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 24 of 61, September 14, 2026: Warning for 1 Day" aria-posinset="24" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
September 14, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 25 of 61, September 15, 2026: Warning for 1 Day" aria-posinset="25" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
September 15, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 26 of 61, September 16, 2026: Warning for 1 Day" aria-posinset="26" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
September 16, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 27 of 61, September 17, 2026: Warning for 1 Day" aria-posinset="27" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
September 17, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 28 of 61, September 18, 2026: Warning for 1 Day" aria-posinset="28" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
September 18, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 29 of 61, September 19, 2026: Warning for 1 Day" aria-posinset="29" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
September 19, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 30 of 61, September 20, 2026: Warning for 1 Day" aria-posinset="30" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
September 20, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 31 of 61, September 21, 2026: Warning for 1 Day" aria-posinset="31" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
September 21, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 32 of 61, September 22, 2026: Warning for 1 Day" aria-posinset="32" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
September 22, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 33 of 61, September 23, 2026: Warning for 1 Day" aria-posinset="33" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
September 23, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 34 of 61, September 24, 2026: Warning for 1 Day" aria-posinset="34" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
September 24, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 35 of 61, September 25, 2026: Warning for 1 Day" aria-posinset="35" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
September 25, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 36 of 61, September 26, 2026: Warning for 1 Day" aria-posinset="36" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
September 26, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 37 of 61, September 27, 2026: Warning for 1 Day" aria-posinset="37" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
September 27, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 38 of 61, September 28, 2026: Warning for 1 Day" aria-posinset="38" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
September 28, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 39 of 61, September 29, 2026: Warning for 1 Day" aria-posinset="39" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
September 29, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 40 of 61, September 30, 2026: Warning for 1 Day" aria-posinset="40" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
September 30, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 41 of 61, October 01, 2026: Warning for 1 Day" aria-posinset="41" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
October 01, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 42 of 61, October 02, 2026: Warning for 1 Day" aria-posinset="42" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
October 02, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 43 of 61, October 03, 2026: Warning for 1 Day" aria-posinset="43" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
October 03, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 44 of 61, October 04, 2026: Warning for 1 Day" aria-posinset="44" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
October 04, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 45 of 61, October 05, 2026: Warning for 1 Day" aria-posinset="45" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
October 05, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 46 of 61, October 06, 2026: Warning for 1 Day" aria-posinset="46" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
October 06, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 47 of 61, October 07, 2026: Warning for 1 Day" aria-posinset="47" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
October 07, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 48 of 61, October 08, 2026: Warning for 1 Day" aria-posinset="48" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
October 08, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 49 of 61, October 09, 2026: Warning for 1 Day" aria-posinset="49" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
October 09, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 50 of 61, October 10, 2026: Warning for 1 Day" aria-posinset="50" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
October 10, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 51 of 61, October 11, 2026: Warning for 1 Day" aria-posinset="51" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
October 11, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 52 of 61, October 12, 2026: Warning for 1 Day" aria-posinset="52" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
October 12, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 53 of 61, October 13, 2026: Warning for 1 Day" aria-posinset="53" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
October 13, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 54 of 61, October 14, 2026: Warning for 1 Day" aria-posinset="54" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
October 14, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 55 of 61, October 15, 2026: Warning for 1 Day" aria-posinset="55" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
October 15, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 56 of 61, October 16, 2026: Warning for 1 Day" aria-posinset="56" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
October 16, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 57 of 61, October 17, 2026: Warning for 1 Day" aria-posinset="57" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
October 17, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 58 of 61, October 18, 2026: Warning for 1 Day" aria-posinset="58" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
October 18, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 59 of 61, October 19, 2026: Warning for 1 Day" aria-posinset="59" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
October 19, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 60 of 61, October 20, 2026: Warning for 1 Day" aria-posinset="60" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
October 20, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 61 of 61, October 21, 2026: Warning for 23 Hours and 59 Minutes" aria-posinset="61" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 bg-warn-700 rounded-md
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
October 21, 2026
<br>
Warning for 23 Hours and 59 Minutes
</div>
</div>
</div>
</div>
<div class="mt-3 flex items-center justify-between text-base text-text-level2">
<span aria-hidden="true">60 days ago</span>
<span aria-label="0% uptime for the last 60 days">
0%
<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>