<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="Microsoft Fabric logo" onerror="this.src=&#39;https://static.statusgator.com/assets/service-placeholder-f730d793d6c3df43ed952c21b14c76e20277895680b3ed9790fb708c1283705f.svg&#39;" src="https://favicons.statusgator.com/3xnQHpAWMRDVb0E6.png" />
</div>
<p class="
font-semibold text-lg text-text-level1
md:text-2xl
" id="service-details-title">
Microsoft Fabric
</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="aauj5jy5lz8sgxo4d054jaog4uu4hbs6"><desc id="aauj5jy5lz8sgxo4d054jaog4uu4hbs6">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">
Fabric customers may experience failures when adding Ontology V2 artifacts as a data source to their Data Agent. Affected users may see errors when attempting to configure or query Ontology V2-backed data through Data Agent. Engineers have identified the root cause and are actively working on deploying a fix. We expect to provide a resolution by October 9, 2026, end of day. Workaround:Customers with Ontology V2 artifacts that were upgraded from an existing V1 ontology can revert to using the original V1 artifact as their Data Agent data source.No workaround is currently available for Ontology V2 artifacts that were created directly without a prior V1 version.
</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 09, 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 09, 2026
<br>
Warning for 23 Hours and 59 Minutes
</div>
</div>
</div>
<div aria-label="Day 2 of 61, August 10, 2026: Warning for 3 Hours and 29 Minutes" aria-posinset="2" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 flex flex-col gap-1
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div aria-hidden="true" class="
w-full bg-up-600
rounded-t-md 
" style="height: 25.6px"></div>
<div aria-hidden="true" class="
w-full bg-warn-700
 rounded-b-md
" style="height: 6.4px"></div>
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
August 10, 2026
<br>
Warning for 3 Hours and 29 Minutes
</div>
</div>
</div>
<div aria-label="Day 3 of 61, August 11, 2026: Up all day" aria-posinset="3" aria-setsize="61" 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 61, August 12, 2026: Up all day" aria-posinset="4" aria-setsize="61" 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 61, August 13, 2026: Up all day" aria-posinset="5" aria-setsize="61" 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 61, August 14, 2026: Up all day" aria-posinset="6" aria-setsize="61" 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 61, August 15, 2026: Up all day" aria-posinset="7" aria-setsize="61" 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 61, August 16, 2026: Up all day" aria-posinset="8" aria-setsize="61" 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 61, August 17, 2026: Up all day" aria-posinset="9" aria-setsize="61" 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 61, August 18, 2026: Up all day" aria-posinset="10" aria-setsize="61" 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 61, August 19, 2026: Up all day" aria-posinset="11" aria-setsize="61" 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 61, August 20, 2026: Up all day" aria-posinset="12" aria-setsize="61" 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 61, August 21, 2026: Up all day" aria-posinset="13" aria-setsize="61" 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 61, August 22, 2026: Up all day" aria-posinset="14" aria-setsize="61" 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 61, August 23, 2026: Up all day" aria-posinset="15" aria-setsize="61" 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 61, August 24, 2026: Up all day" aria-posinset="16" aria-setsize="61" 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 61, August 25, 2026: Up all day" aria-posinset="17" aria-setsize="61" 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 61, August 26, 2026: Warning for 16 Hours and 35 Minutes" aria-posinset="18" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 flex flex-col gap-1
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div aria-hidden="true" class="
w-full bg-up-600
rounded-t-md 
" style="height: 9.6px"></div>
<div aria-hidden="true" class="
w-full bg-warn-700
 rounded-b-md
" style="height: 22.4px"></div>
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
August 26, 2026
<br>
Warning for 16 Hours and 35 Minutes
</div>
</div>
</div>
<div aria-label="Day 19 of 61, August 27, 2026: Warning for 3 Hours" aria-posinset="19" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 flex flex-col gap-1
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div aria-hidden="true" class="
w-full bg-up-600
rounded-t-md 
" style="height: 25.6px"></div>
<div aria-hidden="true" class="
w-full bg-warn-700
 rounded-b-md
" style="height: 6.4px"></div>
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
August 27, 2026
<br>
Warning for 3 Hours
</div>
</div>
</div>
<div aria-label="Day 20 of 61, August 28, 2026: Warning for 1 Hour and 20 Minutes" aria-posinset="20" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 flex flex-col gap-1
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div aria-hidden="true" class="
w-full bg-up-600
rounded-t-md 
" style="height: 28.8px"></div>
<div aria-hidden="true" class="
w-full bg-warn-700
 rounded-b-md
" style="height: 3.2px"></div>
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
August 28, 2026
<br>
Warning for 1 Hour and 20 Minutes
</div>
</div>
</div>
<div aria-label="Day 21 of 61, August 29, 2026: Warning for 50 Minutes" aria-posinset="21" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 flex flex-col gap-1
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div aria-hidden="true" class="
w-full bg-up-600
rounded-t-md 
" style="height: 28.8px"></div>
<div aria-hidden="true" class="
w-full bg-warn-700
 rounded-b-md
" style="height: 3.2px"></div>
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
August 29, 2026
<br>
Warning for 50 Minutes
</div>
</div>
</div>
<div aria-label="Day 22 of 61, August 30, 2026: Up all day" aria-posinset="22" aria-setsize="61" 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 61, August 31, 2026: Up all day" aria-posinset="23" aria-setsize="61" 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 61, September 01, 2026: Up all day" aria-posinset="24" aria-setsize="61" 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 61, September 02, 2026: Up all day" aria-posinset="25" aria-setsize="61" 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 61, September 03, 2026: Up all day" aria-posinset="26" aria-setsize="61" 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 61, September 04, 2026: Up all day" aria-posinset="27" aria-setsize="61" 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 61, September 05, 2026: Up all day" aria-posinset="28" aria-setsize="61" 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 61, September 06, 2026: Up all day" aria-posinset="29" aria-setsize="61" 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 61, September 07, 2026: Up all day" aria-posinset="30" aria-setsize="61" 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 61, September 08, 2026: Up all day" aria-posinset="31" aria-setsize="61" 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 61, September 09, 2026: Warning for 5 Hours and 20 Minutes" aria-posinset="32" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 flex flex-col gap-1
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div aria-hidden="true" class="
w-full bg-up-600
rounded-t-md 
" style="height: 22.4px"></div>
<div aria-hidden="true" class="
w-full bg-warn-700
 rounded-b-md
" style="height: 9.6px"></div>
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
September 09, 2026
<br>
Warning for 5 Hours and 20 Minutes
</div>
</div>
</div>
<div aria-label="Day 33 of 61, September 10, 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 10, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 34 of 61, September 11, 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 11, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 35 of 61, September 12, 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 12, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 36 of 61, September 13, 2026: Warning for 14 Minutes" aria-posinset="36" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 flex flex-col gap-1
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div aria-hidden="true" class="
w-full bg-up-600
rounded-t-md 
" style="height: 28.8px"></div>
<div aria-hidden="true" class="
w-full bg-warn-700
 rounded-b-md
" style="height: 3.2px"></div>
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
September 13, 2026
<br>
Warning for 14 Minutes
</div>
</div>
</div>
<div aria-label="Day 37 of 61, September 14, 2026: Warning for 50 Minutes" aria-posinset="37" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 flex flex-col gap-1
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div aria-hidden="true" class="
w-full bg-up-600
rounded-t-md 
" style="height: 28.8px"></div>
<div aria-hidden="true" class="
w-full bg-warn-700
 rounded-b-md
" style="height: 3.2px"></div>
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
September 14, 2026
<br>
Warning for 50 Minutes
</div>
</div>
</div>
<div aria-label="Day 38 of 61, September 15, 2026: Up all day" aria-posinset="38" aria-setsize="61" 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 61, September 16, 2026: Up all day" aria-posinset="39" aria-setsize="61" 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 61, September 17, 2026: Up all day" aria-posinset="40" aria-setsize="61" 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 61, September 18, 2026: Warning for 7 Hours and 50 Minutes" aria-posinset="41" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 flex flex-col gap-1
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div aria-hidden="true" class="
w-full bg-up-600
rounded-t-md 
" style="height: 19.2px"></div>
<div aria-hidden="true" class="
w-full bg-warn-700
 rounded-b-md
" style="height: 12.8px"></div>
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
September 18, 2026
<br>
Warning for 7 Hours and 50 Minutes
</div>
</div>
</div>
<div aria-label="Day 42 of 61, September 19, 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">
September 19, 2026
<br>
Warning for 1 Day
</div>
</div>
</div>
<div aria-label="Day 43 of 61, September 20, 2026: Warning for 2 Hours and 9 Minutes" aria-posinset="43" aria-setsize="61" class="
w-0.5 md:w-[3px] h-9 flex flex-col gap-1
" role="listitem" tabindex="-1" x-data="Tippy({ arrow: true, placement: &#39;top&#39;, theme: &#39;tooltip&#39;, interactive: true, appendTo: () =&gt; document.body })">
<div aria-hidden="true" class="
w-full bg-up-600
rounded-t-md 
" style="height: 28.8px"></div>
<div aria-hidden="true" class="
w-full bg-warn-700
 rounded-b-md
" style="height: 3.2px"></div>
<div class="hidden" x-ref="content">
<div class="tooltip-surface">
September 20, 2026
<br>
Warning for 2 Hours and 9 Minutes
</div>
</div>
</div>
<div aria-label="Day 44 of 61, September 21, 2026: Up all day" aria-posinset="44" aria-setsize="61" 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 61, September 22, 2026: Up all day" aria-posinset="45" aria-setsize="61" 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 61, September 23, 2026: Up all day" aria-posinset="46" aria-setsize="61" 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 61, September 24, 2026: Up all day" aria-posinset="47" aria-setsize="61" 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 61, September 25, 2026: Up all day" aria-posinset="48" aria-setsize="61" 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 61, September 26, 2026: Up all day" aria-posinset="49" aria-setsize="61" 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 61, September 27, 2026: Up all day" aria-posinset="50" aria-setsize="61" 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 61, September 28, 2026: Up all day" aria-posinset="51" aria-setsize="61" 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 61, September 29, 2026: Up all day" aria-posinset="52" aria-setsize="61" 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 61, September 30, 2026: Up all day" aria-posinset="53" aria-setsize="61" 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 61, October 01, 2026: Up all day" aria-posinset="54" aria-setsize="61" 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 61, October 02, 2026: Up all day" aria-posinset="55" aria-setsize="61" 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 61, October 03, 2026: Up all day" aria-posinset="56" aria-setsize="61" 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 61, October 04, 2026: Up all day" aria-posinset="57" aria-setsize="61" 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 61, October 05, 2026: Up all day" aria-posinset="58" aria-setsize="61" 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 61, October 06, 2026: Up all day" aria-posinset="59" aria-setsize="61" 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 61, October 07, 2026: Up all day" aria-posinset="60" aria-setsize="61" 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 61, October 08, 2026: Up all day" aria-posinset="61" aria-setsize="61" 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">60 days ago</span>
<span aria-label="88.9% uptime for the last 60 days">
88.9%
<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>