1---2import AccountGate from "../islands/AccountGate";3import IncidentBoard from "../islands/IncidentBoard";4import MagmaBackdrop from "../islands/MagmaBackdrop";5import StatusStrip from "../islands/StatusStrip";6import { DeviceStatus } from "@nzip/lofi/preact";7import Shell from "../layouts/Shell.astro";8import { app } from "../app.ts";9import "../styles/global.css";10---1112<Shell title="lofi demo">13 <MagmaBackdrop client:idle />14 <header class="topbar">15 <h1>lofi demo</h1>16 <StatusStrip client:load />17 </header>18 <IncidentBoard client:load />19 <details class="panel">20 <summary>Account and sync</summary>21 <AccountGate client:load />22 </details>23 <details class="panel">24 <summary>Device report</summary>25 <DeviceStatus client:load />26 </details>27 <footer>28 <p>29 Generated from <code>@nzip/lofi@__LOFI_DEMO_VERSION__</code> by the release workflow. The30 incident board replaces the starter's task example; everything else is the generated app.31 </p>32 <p>33 <a href="https://lofi.host">lofi.host</a>34 <a href="https://lofi.host/docs/getting-started">docs</a>35 <a href={app.repositoryUrl} rel="noreferrer">source</a>36 </p>37 </footer>38</Shell>