diff --git a/ui/atproto/viewers/app_bsky_actor_profile.js b/ui/atproto/viewers/app_bsky_actor_profile.js
index a40154e..f6e23a4 100644
--- a/ui/atproto/viewers/app_bsky_actor_profile.js
+++ b/ui/atproto/viewers/app_bsky_actor_profile.js
@@ -111,13 +111,17 @@ class AppBskyActorProfile extends AtRecordElement {
       <a
         class="card"
         href=${profileUrl}
-        style=${bannerUrl
-          ? `background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url(${bannerUrl})`
-          : ""}
+        style=${
+          bannerUrl
+            ? `background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url(${bannerUrl})`
+            : ""
+        }
       >
-        ${avatarUrl
-          ? html`<img class="avatar" src=${avatarUrl} alt="" />`
-          : html`<div class="avatar"></div>`}
+        ${
+          avatarUrl
+            ? html`<img class="avatar" src=${avatarUrl} alt="" />`
+            : html`<div class="avatar"></div>`
+        }
         <div class="info">
           <div class="name">${profile.displayName || subject}</div>
           <div class="handle">@${subject}</div>
diff --git a/ui/atproto/viewers/app_bsky_feed_post.js b/ui/atproto/viewers/app_bsky_feed_post.js
index 9e71c2d..9de42d5 100644
--- a/ui/atproto/viewers/app_bsky_feed_post.js
+++ b/ui/atproto/viewers/app_bsky_feed_post.js
@@ -499,30 +499,36 @@ class AppBskyFeedPost extends AtRecordElement {
     return html`
       <div class="post">
         ${header}
-        ${parentUri
-          ? html`<div class="reply">
-              ↳ Replying to
-              <a
-                href=${encodeAtUri(parentUri)}
-                @mouseenter=${(e) => showHovercard(e.currentTarget, parentUri)}
-                @mouseleave=${hideHovercard}
-                @focus=${(e) => showHovercard(e.currentTarget, parentUri)}
-                @blur=${hideHovercard}
-                >${parentUri}</a
-              >
-            </div>`
-          : ""}
+        ${
+          parentUri
+            ? html`<div class="reply">
+                ↳ Replying to
+                <a
+                  href=${encodeAtUri(parentUri)}
+                  @mouseenter=${(e) => showHovercard(e.currentTarget, parentUri)}
+                  @mouseleave=${hideHovercard}
+                  @focus=${(e) => showHovercard(e.currentTarget, parentUri)}
+                  @blur=${hideHovercard}
+                  >${parentUri}</a
+                >
+              </div>`
+            : ""
+        }
         ${this._renderText(post)} ${this._renderEmbed(post.embed, did)}
-        ${this.compact
-          ? actions
-          : html`<div class="footer">
-              <span>${formatDate(post.createdAt)}</span>
-              ${appViewUrl
-                ? html`<a href=${appViewUrl} target="_blank" rel="noopener"
-                    >View on mu.social ↗</a
-                  >`
-                : ""}
-            </div>`}
+        ${
+          this.compact
+            ? actions
+            : html`<div class="footer">
+                <span>${formatDate(post.createdAt)}</span>
+                ${
+                appViewUrl
+                  ? html`<a href=${appViewUrl} target="_blank" rel="noopener"
+                      >View on mu.social ↗</a
+                    >`
+                  : ""
+              }
+              </div>`
+        }
       </div>
     `;
   }
diff --git a/ui/atproto/viewers/atproto_byline.js b/ui/atproto/viewers/atproto_byline.js
index 28522b4..8e4557e 100644
--- a/ui/atproto/viewers/atproto_byline.js
+++ b/ui/atproto/viewers/atproto_byline.js
@@ -132,21 +132,25 @@ export class AtprotoByline extends LitElement {
     const rel = relativeTime(this.time);
     return html`
       <a class="byline-id" href=${feedHref}>
-        ${profile?.avatarUrl
-          ? html`<img
-              class="byline-avatar"
-              src=${profile.avatarUrl}
-              alt=""
-              loading="lazy"
-            />`
-          : html`<span class="byline-avatar"></span>`}
+        ${
+          profile?.avatarUrl
+            ? html`<img
+                class="byline-avatar"
+                src=${profile.avatarUrl}
+                alt=""
+                loading="lazy"
+              />`
+            : html`<span class="byline-avatar"></span>`
+        }
         <span class="byline-name">${name}</span>
       </a>
-      ${rel
-        ? html`<span class="byline-time" title=${fullDate(this.time)}
-            >${rel}</span
-          >`
-        : ""}
+      ${
+        rel
+          ? html`<span class="byline-time" title=${fullDate(this.time)}
+              >${rel}</span
+            >`
+          : ""
+      }
     `;
   }
 }
diff --git a/ui/atproto/viewers/atproto_link_card.js b/ui/atproto/viewers/atproto_link_card.js
index 9db663a..67ff116 100644
--- a/ui/atproto/viewers/atproto_link_card.js
+++ b/ui/atproto/viewers/atproto_link_card.js
@@ -98,20 +98,24 @@ class AtprotoLinkCard extends LitElement {
     const title = this.title || this.url;
     if (!this.url && !title) return html``;
     return html`<a class="card" href=${this.url}>
-      ${this.image
-        ? html`<img
-            class="card-thumb"
-            src=${this.image}
-            alt=""
-            loading="lazy"
-          />`
-        : ""}
+      ${
+        this.image
+          ? html`<img
+              class="card-thumb"
+              src=${this.image}
+              alt=""
+              loading="lazy"
+            />`
+          : ""
+      }
       <div class="card-body">
         ${host ? html`<div class="card-host">${host}</div>` : ""}
         ${title ? html`<div class="card-title">${title}</div>` : ""}
-        ${this.description
-          ? html`<div class="card-desc">${this.description}</div>`
-          : ""}
+        ${
+          this.description
+            ? html`<div class="card-desc">${this.description}</div>`
+            : ""
+        }
       </div>
     </a>`;
   }
diff --git a/ui/atproto/viewers/atproto_record_card.js b/ui/atproto/viewers/atproto_record_card.js
index c160a31..ff291ef 100644
--- a/ui/atproto/viewers/atproto_record_card.js
+++ b/ui/atproto/viewers/atproto_record_card.js
@@ -49,12 +49,14 @@ class AtprotoRecordCard extends AtRecordElement {
     const value = this.data.value || {};
     return html`
       <div class="record">
-        ${this.compact
-          ? ""
-          : html`<atproto-byline
-              .did=${did}
-              .time=${value.createdAt}
-            ></atproto-byline>`}
+        ${
+          this.compact
+            ? ""
+            : html`<atproto-byline
+                .did=${did}
+                .time=${value.createdAt}
+              ></atproto-byline>`
+        }
         <div class="lexicon">${lexiconLabel(collection)}</div>
       </div>
     `;
diff --git a/ui/atproto/viewers/atproto_reference_record.js b/ui/atproto/viewers/atproto_reference_record.js
index 24d400d..89b59ab 100644
--- a/ui/atproto/viewers/atproto_reference_record.js
+++ b/ui/atproto/viewers/atproto_reference_record.js
@@ -265,12 +265,14 @@ class AtprotoReferenceRecord extends AtRecordElement {
     const ref = this._reference();
     return html`
       <div class="record">
-        ${this.compact
-          ? ""
-          : html`<atproto-byline
-              .did=${actorDid}
-              .time=${value.createdAt}
-            ></atproto-byline>`}
+        ${
+          this.compact
+            ? ""
+            : html`<atproto-byline
+                .did=${actorDid}
+                .time=${value.createdAt}
+              ></atproto-byline>`
+        }
         <div class="reference">
           <lucide-icon name=${ref.icon} class="ref-icon"></lucide-icon>
           ${ref.parts.map((part, i) =>
diff --git a/ui/atproto/viewers/ing_dasl_masl.js b/ui/atproto/viewers/ing_dasl_masl.js
index 6f55e7b..74daf30 100644
--- a/ui/atproto/viewers/ing_dasl_masl.js
+++ b/ui/atproto/viewers/ing_dasl_masl.js
@@ -126,39 +126,49 @@ class IngDaslMasl extends AtRecordElement {
       </div>
 
       <div class="header">
-        ${iconSrc
-          ? html`<img class="icon" src="${tileBaseUrl}${iconSrc}" alt="" />`
-          : ""}
+        ${
+          iconSrc
+            ? html`<img class="icon" src="${tileBaseUrl}${iconSrc}" alt="" />`
+            : ""
+        }
         <div>
           <div class="title">${tile.name || "Untitled Tile"}</div>
           <div class="meta">
-            ${tile.sizing
-              ? html`${tile.sizing.width} &times; ${tile.sizing.height}`
-              : ""}
+            ${
+              tile.sizing
+                ? html`${tile.sizing.width} &times; ${tile.sizing.height}`
+                : ""
+            }
             ${totalSize ? html` &middot; ${formatSize(totalSize)}` : ""}
-            ${this.data.value?.createdAt
-              ? html` &middot;
-                ${new Date(this.data.value.createdAt).toLocaleDateString()}`
-              : ""}
+            ${
+              this.data.value?.createdAt
+                ? html` &middot;
+                  ${new Date(this.data.value.createdAt).toLocaleDateString()}`
+                : ""
+            }
           </div>
         </div>
       </div>
 
-      ${tile.description
-        ? html`<div class="description">${tile.description}</div>`
-        : ""}
+      ${
+        tile.description
+          ? html`<div class="description">${tile.description}</div>`
+          : ""
+      }
 
       <a class="launch" href="${tileBaseUrl}/" target="_blank">Open Tile</a>
 
-      ${screenshotSrc
-        ? html`<div>
-            <img
-              class="screenshot"
-              src="${tileBaseUrl}${screenshotSrc}"
-              alt="Screenshot"
-            />
-          </div>`
-        : ""}
+      ${
+        screenshotSrc
+          ? html`<div>
+              <img
+                class="screenshot"
+                src="${tileBaseUrl}${screenshotSrc}"
+                alt="Screenshot"
+              />
+            </div>`
+          : ""
+      }
 
       <div class="section">Resources (${resources.length})</div>
       <table>
diff --git a/ui/atproto/viewers/network_cosmik_card.js b/ui/atproto/viewers/network_cosmik_card.js
index 844b532..f34137f 100644
--- a/ui/atproto/viewers/network_cosmik_card.js
+++ b/ui/atproto/viewers/network_cosmik_card.js
@@ -69,12 +69,14 @@ class NetworkCosmikCard extends AtRecordElement {
       value.type === "NOTE" || (!value.url && value.content?.text != null);
     return html`
       <div class="record">
-        ${this.compact
-          ? ""
-          : html`<atproto-byline
-              .did=${did}
-              .time=${value.createdAt}
-            ></atproto-byline>`}
+        ${
+          this.compact
+            ? ""
+            : html`<atproto-byline
+                .did=${did}
+                .time=${value.createdAt}
+              ></atproto-byline>`
+        }
         ${isNote ? this._renderNote(value) : this._renderUrlCard(value)}
       </div>
     `;
diff --git a/ui/atproto/viewers/network_cosmik_collection.js b/ui/atproto/viewers/network_cosmik_collection.js
index 83ee8e6..db5dbd5 100644
--- a/ui/atproto/viewers/network_cosmik_collection.js
+++ b/ui/atproto/viewers/network_cosmik_collection.js
@@ -68,16 +68,20 @@ class NetworkCosmikCollection extends AtRecordElement {
         : `${access} collection`;
     return html`
       <div class="record">
-        ${this.compact
-          ? ""
-          : html`<atproto-byline
-              .did=${did}
-              .time=${value.createdAt}
-            ></atproto-byline>`}
+        ${
+          this.compact
+            ? ""
+            : html`<atproto-byline
+                .did=${did}
+                .time=${value.createdAt}
+              ></atproto-byline>`
+        }
         ${value.name ? html`<div class="name">${value.name}</div>` : ""}
-        ${value.description
-          ? html`<div class="desc">${value.description}</div>`
-          : ""}
+        ${
+          value.description
+            ? html`<div class="desc">${value.description}</div>`
+            : ""
+        }
         <div class="meta">
           <lucide-icon name="library-big" class="meta-icon"></lucide-icon>
           <span>${meta}</span>
diff --git a/ui/atproto/viewers/sh_tangled_repo.js b/ui/atproto/viewers/sh_tangled_repo.js
index a3bcf13..5ed8656 100644
--- a/ui/atproto/viewers/sh_tangled_repo.js
+++ b/ui/atproto/viewers/sh_tangled_repo.js
@@ -117,47 +117,59 @@ class ShTangledRepo extends AtRecordElement {
     const topics = Array.isArray(value.topics) ? value.topics : [];
     return html`
       <div class="record">
-        ${this.compact
-          ? ""
-          : html`<atproto-byline
-              .did=${did}
-              .time=${value.createdAt}
-            ></atproto-byline>`}
+        ${
+          this.compact
+            ? ""
+            : html`<atproto-byline
+                .did=${did}
+                .time=${value.createdAt}
+              ></atproto-byline>`
+        }
         <div class="name">
           <lucide-icon name="git-branch" class="name-icon"></lucide-icon>
           <span>${name}</span>
         </div>
-        ${value.description
-          ? html`<div class="desc">${value.description}</div>`
-          : ""}
-        ${topics.length
-          ? html`<div class="topics">
-              ${topics.map((t) => html`<span class="topic">#${t}</span>`)}
-            </div>`
-          : ""}
-        ${value.website || value.source
-          ? html`<div class="links">
-              ${value.website
-                ? html`<a href=${value.website}
-                    ><lucide-icon name="globe" class="link-icon"></lucide-icon
-                    ><span class="link-host"
-                      >${this._host(value.website)}</span
-                    ></a
-                  >`
-                : ""}
-              ${value.source
-                ? html`<a href=${value.source}
-                    ><lucide-icon
-                      name="git-fork"
-                      class="link-icon"
-                    ></lucide-icon
-                    ><span class="link-host"
-                      >${this._host(value.source)}</span
-                    ></a
-                  >`
-                : ""}
-            </div>`
-          : ""}
+        ${
+          value.description
+            ? html`<div class="desc">${value.description}</div>`
+            : ""
+        }
+        ${
+          topics.length
+            ? html`<div class="topics">
+                ${topics.map((t) => html`<span class="topic">#${t}</span>`)}
+              </div>`
+            : ""
+        }
+        ${
+          value.website || value.source
+            ? html`<div class="links">
+                ${
+                value.website
+                  ? html`<a href=${value.website}
+                      ><lucide-icon name="globe" class="link-icon"></lucide-icon
+                      ><span class="link-host"
+                        >${this._host(value.website)}</span
+                      ></a
+                    >`
+                  : ""
+              }
+                ${
+                value.source
+                  ? html`<a href=${value.source}
+                      ><lucide-icon
+                        name="git-fork"
+                        class="link-icon"
+                      ></lucide-icon
+                      ><span class="link-host"
+                        >${this._host(value.source)}</span
+                      ></a
+                    >`
+                  : ""
+              }
+              </div>`
+            : ""
+        }
       </div>
     `;
   }
diff --git a/ui/system/context_menu.js b/ui/system/context_menu.js
index 0187f15..3360670 100644
--- a/ui/system/context_menu.js
+++ b/ui/system/context_menu.js
@@ -97,14 +97,18 @@ export class ContextMenu extends MenuBase {
               @click=${() => this.handleItemClick(item)}
             >
               <span class="icon-slot">
-                ${item.icon
-                  ? html`<lucide-icon name="${item.icon}"></lucide-icon>`
-                  : ""}
+                ${
+                  item.icon
+                    ? html`<lucide-icon name="${item.icon}"></lucide-icon>`
+                    : ""
+                }
               </span>
               <span>${item.label}</span>
-              ${item.checked
-                ? html`<lucide-icon name="check"></lucide-icon>`
-                : ""}
+              ${
+                item.checked
+                  ? html`<lucide-icon name="check"></lucide-icon>`
+                  : ""
+              }
             </li>
           `,
         )}
diff --git a/ui/system/desktop/notification_panel.js b/ui/system/desktop/notification_panel.js
index 88afa39..98d62e2 100644
--- a/ui/system/desktop/notification_panel.js
+++ b/ui/system/desktop/notification_panel.js
@@ -184,20 +184,24 @@ export class NotificationPanel extends LitElement {
         <div class="header">
           <span class="header-title">Notifications</span>
           <div class="header-actions">
-            ${this.notifications.length > 0
-              ? html`<button class="clear-btn" @click=${this.handleClearAll}>
-                  Clear all
-                </button>`
-              : ""}
+            ${
+              this.notifications.length > 0
+                ? html`<button class="clear-btn" @click=${this.handleClearAll}>
+                    Clear all
+                  </button>`
+                : ""
+            }
             <button class="close-btn" @click=${() => this.close()}>
               <lucide-icon name="x" size="16"></lucide-icon>
             </button>
           </div>
         </div>
         <div class="notification-list">
-          ${this.notifications.length > 0
-            ? this.notifications.map((n) => this.renderNotification(n))
-            : this.renderEmptyState()}
+          ${
+            this.notifications.length > 0
+              ? this.notifications.map((n) => this.renderNotification(n))
+              : this.renderEmptyState()
+          }
         </div>
       </div>
     `;
diff --git a/ui/system/desktop/palette_results.js b/ui/system/desktop/palette_results.js
index 9dce5a9..bbdbaa9 100644
--- a/ui/system/desktop/palette_results.js
+++ b/ui/system/desktop/palette_results.js
@@ -99,19 +99,25 @@ export class PaletteResults extends LitElement {
         @mouseenter=${() => this._hover(idx)}
       >
         <span class="palette-item-icon">
-          ${it.avatarDid
-            ? html`<atproto-avatar did=${it.avatarDid}></atproto-avatar>`
-            : html`<lucide-icon name=${this._iconName(it.icon)}></lucide-icon>`}
+          ${
+            it.avatarDid
+              ? html`<atproto-avatar did=${it.avatarDid}></atproto-avatar>`
+              : html`<lucide-icon
+                  name=${this._iconName(it.icon)}
+                ></lucide-icon>`
+          }
         </span>
         <span class="palette-item-text">
           <span class="palette-item-title">${it.title}</span>
           ${it.sub ? html`<span class="palette-item-sub">${it.sub}</span>` : ""}
         </span>
-        ${it.kbd?.length
-          ? html`<span class="palette-item-kbd">
-              ${it.kbd.map((k) => html`<kbd>${k}</kbd>`)}
-            </span>`
-          : ""}
+        ${
+          it.kbd?.length
+            ? html`<span class="palette-item-kbd">
+                ${it.kbd.map((k) => html`<kbd>${k}</kbd>`)}
+              </span>`
+            : ""
+        }
       </button>
     `;
   }
diff --git a/ui/system/desktop/peers_popover.js b/ui/system/desktop/peers_popover.js
index 21e09cc..d52d5e6 100644
--- a/ui/system/desktop/peers_popover.js
+++ b/ui/system/desktop/peers_popover.js
@@ -35,20 +35,22 @@ export class PeersPopover extends LitElement {
     return html`
       <div class="peers-popover-title">Connected peers</div>
       <div class="peers-popover-list">
-        ${this.peers.length === 0
-          ? html`<div class="peers-popover-empty">No peers connected.</div>`
-          : this.peers.map(
-              (peer) => html`
-                <div
-                  class="peers-popover-item"
-                  style="--peer-color: ${peer.color}"
-                >
-                  <span class="peers-popover-dot"></span>
-                  <i class="peers-popover-icon icon-monitor-smartphone"></i>
-                  <span class="peers-popover-name">${peer.name}</span>
-                </div>
-              `,
-            )}
+        ${
+          this.peers.length === 0
+            ? html`<div class="peers-popover-empty">No peers connected.</div>`
+            : this.peers.map(
+                (peer) => html`
+                  <div
+                    class="peers-popover-item"
+                    style="--peer-color: ${peer.color}"
+                  >
+                    <span class="peers-popover-dot"></span>
+                    <i class="peers-popover-icon icon-monitor-smartphone"></i>
+                    <span class="peers-popover-name">${peer.name}</span>
+                  </div>
+                `,
+              )
+        }
       </div>
     `;
   }
diff --git a/ui/system/desktop/repos_popover.js b/ui/system/desktop/repos_popover.js
index 4204ded..fd0dffb 100644
--- a/ui/system/desktop/repos_popover.js
+++ b/ui/system/desktop/repos_popover.js
@@ -95,11 +95,13 @@ export class ReposPopover extends LitElement {
         </button>
       </div>
       <div class="repos-popover-list">
-        ${this.repos.length === 0
-          ? html`<div class="repos-popover-empty">
-              No repositories tracked yet.
-            </div>`
-          : this.repos.map((repo) => this._renderRepo(repo))}
+        ${
+          this.repos.length === 0
+            ? html`<div class="repos-popover-empty">
+                No repositories tracked yet.
+              </div>`
+            : this.repos.map((repo) => this._renderRepo(repo))
+        }
       </div>
     `;
   }
@@ -121,12 +123,14 @@ export class ReposPopover extends LitElement {
           <span class="repos-popover-name">${this._name(repo.did)}</span>
           <span class="repos-popover-sub">${status.text}</span>
         </span>
-        ${repo.syncing
-          ? html`<span
-              class="repos-popover-spinner"
-              aria-label="Syncing"
-            ></span>`
-          : ""}
+        ${
+          repo.syncing
+            ? html`<span
+                class="repos-popover-spinner"
+                aria-label="Syncing"
+              ></span>`
+            : ""
+        }
       </div>
     `;
   }
diff --git a/ui/system/media_control.js b/ui/system/media_control.js
index e2c2b09..e92ea27 100644
--- a/ui/system/media_control.js
+++ b/ui/system/media_control.js
@@ -60,14 +60,18 @@ export class MediaControl extends LitElement {
 
     return html`
       <div class="panel">
-        ${this.deviceName
-          ? html`<div class="media-device">${this.deviceName}</div>`
-          : ""}
+        ${
+          this.deviceName
+            ? html`<div class="media-device">${this.deviceName}</div>`
+            : ""
+        }
         <div class="media-info">
           <div class="media-title">${this.title || "Untitled"}</div>
-          ${this.artist
-            ? html`<div class="media-artist">${this.artist}</div>`
-            : ""}
+          ${
+            this.artist
+              ? html`<div class="media-artist">${this.artist}</div>`
+              : ""
+          }
         </div>
         <div class="media-buttons">
           <button
@@ -89,18 +93,24 @@ export class MediaControl extends LitElement {
             <lucide-icon name="skip-forward"></lucide-icon>
           </button>
         </div>
-        ${this.duration > 0
-          ? html`<div class="media-progress">
-              <span class="media-time">${this.formatTime(this.position)}</span>
-              <div class="media-progress-bar">
-                <div
-                  class="media-progress-fill"
-                  style="width: ${(this.position / this.duration) * 100}%"
-                ></div>
-              </div>
-              <span class="media-time">${this.formatTime(this.duration)}</span>
-            </div>`
-          : ""}
+        ${
+          this.duration > 0
+            ? html`<div class="media-progress">
+                <span class="media-time"
+                  >${this.formatTime(this.position)}</span
+                >
+                <div class="media-progress-bar">
+                  <div
+                    class="media-progress-fill"
+                    style="width: ${(this.position / this.duration) * 100}%"
+                  ></div>
+                </div>
+                <span class="media-time"
+                  >${this.formatTime(this.duration)}</span
+                >
+              </div>`
+            : ""
+        }
       </div>
     `;
   }
diff --git a/ui/system/mediacenter/ambient_view.js b/ui/system/mediacenter/ambient_view.js
index 958f3b4..f361670 100644
--- a/ui/system/mediacenter/ambient_view.js
+++ b/ui/system/mediacenter/ambient_view.js
@@ -950,40 +950,46 @@ class AmbientView extends LitElement {
         <div class="clock">${this._time}</div>
         <div class="date">${this._date}</div>
 
-        ${this._weatherTemp !== null
-          ? html`
-              <div class="weather">
-                <lucide-icon name="${this._weatherIcon}"></lucide-icon>
-                <span class="weather-temp">${this._weatherTemp}°</span>
-                <span class="weather-separator">/</span>
-                <span>${this._weatherCondition}</span>
-                <span class="weather-separator">/</span>
-                <span>${this._weatherLocation}</span>
-              </div>
-            `
-          : ""}
+        ${
+          this._weatherTemp !== null
+            ? html`
+                <div class="weather">
+                  <lucide-icon name="${this._weatherIcon}"></lucide-icon>
+                  <span class="weather-temp">${this._weatherTemp}°</span>
+                  <span class="weather-separator">/</span>
+                  <span>${this._weatherCondition}</span>
+                  <span class="weather-separator">/</span>
+                  <span>${this._weatherLocation}</span>
+                </div>
+              `
+            : ""
+        }
       </div>
 
-      ${this.guestPin
-        ? html`
-            <div class="guest-pin">
-              <span class="pin-label">Guest PIN</span>
-              <div class="pin-digits">
-                ${[...this.guestPin].map(
+      ${
+        this.guestPin
+          ? html`
+              <div class="guest-pin">
+                <span class="pin-label">Guest PIN</span>
+                <div class="pin-digits">
+                  ${[...this.guestPin].map(
                   (d) => html`<span class="digit">${d}</span>`,
                 )}
+                </div>
               </div>
-            </div>
-          `
-        : ""}
+            `
+          : ""
+      }
 
       <div class="now-playing-pill ${hasMedia ? "" : "hidden"}">
         <div class="pulse"></div>
         <div class="track-info">
           ${this.mediaTitle}
-          ${this.mediaArtist
-            ? html`<span class="artist"> — ${this.mediaArtist}</span>`
-            : ""}
+          ${
+            this.mediaArtist
+              ? html`<span class="artist"> — ${this.mediaArtist}</span>`
+              : ""
+          }
         </div>
       </div>
     `;
diff --git a/ui/system/mediacenter/content_browser.js b/ui/system/mediacenter/content_browser.js
index c7c037e..ab6d16e 100644
--- a/ui/system/mediacenter/content_browser.js
+++ b/ui/system/mediacenter/content_browser.js
@@ -388,19 +388,23 @@ class ContentBrowser extends LitElement {
           <div class="item-title">${page.title}</div>
           <div class="item-subtitle">${page.url}</div>
         </div>
-        ${page.hasMedia
-          ? html`<div class="media-indicator">
-              <div class="dot"></div>
-              Playing
-            </div>`
-          : ""}
+        ${
+          page.hasMedia
+            ? html`<div class="media-indicator">
+                <div class="dot"></div>
+                Playing
+              </div>`
+            : ""
+        }
         <span class="close-hint">→ close</span>
-        ${isCloseReady
-          ? html`<div class="close-pill visible">
-              <lucide-icon name="x"></lucide-icon>
-              <span>Close</span>
-            </div>`
-          : ""}
+        ${
+          isCloseReady
+            ? html`<div class="close-pill visible">
+                <lucide-icon name="x"></lucide-icon>
+                <span>Close</span>
+              </div>`
+            : ""
+        }
       </div>
     `;
   }
@@ -411,15 +415,17 @@ class ContentBrowser extends LitElement {
         <span class="header-title">${this._categoryLabel()}</span>
       </div>
       <div class="list">
-        ${this._items.length === 0
-          ? html`<div class="empty">
-              ${this._isPages ? "No open pages" : "No sources configured"}
-            </div>`
-          : this._items.map((item, idx) =>
-              this._isPages
-                ? this._renderPageItem(item, idx)
-                : this._renderSourceItem(item, idx),
-            )}
+        ${
+          this._items.length === 0
+            ? html`<div class="empty">
+                ${this._isPages ? "No open pages" : "No sources configured"}
+              </div>`
+            : this._items.map((item, idx) =>
+                this._isPages
+                  ? this._renderPageItem(item, idx)
+                  : this._renderSourceItem(item, idx),
+              )
+        }
       </div>
     `;
   }
diff --git a/ui/system/mediacenter/nav_dock.js b/ui/system/mediacenter/nav_dock.js
index c88a77e..7540177 100644
--- a/ui/system/mediacenter/nav_dock.js
+++ b/ui/system/mediacenter/nav_dock.js
@@ -173,9 +173,9 @@ class NavDock extends LitElement {
             <div class="dock-item" data-id="${item.id}" style="--i: ${i}">
               <lucide-icon name="${item.icon}"></lucide-icon>
               <span class="label">${item.label}</span>
-              ${item.badge
-                ? html`<span class="badge">${item.badge}</span>`
-                : ""}
+              ${
+                item.badge ? html`<span class="badge">${item.badge}</span>` : ""
+              }
             </div>
           `,
         )}
diff --git a/ui/system/mediacenter/notification_panel.js b/ui/system/mediacenter/notification_panel.js
index e7d2ea3..af87ff6 100644
--- a/ui/system/mediacenter/notification_panel.js
+++ b/ui/system/mediacenter/notification_panel.js
@@ -289,11 +289,13 @@ class NotificationPanelMC extends LitElement {
       <div class="backdrop"></div>
       <div class="panel">
         <div class="panel-title">Pairing Requests</div>
-        ${this._requests.length === 0
-          ? html`<div class="empty">No pending requests</div>`
-          : html`<div class="list">
-              ${this._requests.map((req) => this._renderRequest(req))}
-            </div>`}
+        ${
+          this._requests.length === 0
+            ? html`<div class="empty">No pending requests</div>`
+            : html`<div class="list">
+                ${this._requests.map((req) => this._renderRequest(req))}
+              </div>`
+        }
       </div>
     `;
   }
diff --git a/ui/system/mediacenter/now_playing.js b/ui/system/mediacenter/now_playing.js
index 81b921a..aa5c70b 100644
--- a/ui/system/mediacenter/now_playing.js
+++ b/ui/system/mediacenter/now_playing.js
@@ -210,9 +210,11 @@ class NowPlaying extends LitElement {
     return html`
       <div class="content">
         <div class="track-title">${this.title || "Nothing playing"}</div>
-        ${this.artist
-          ? html`<div class="track-artist">${this.artist}</div>`
-          : ""}
+        ${
+          this.artist
+            ? html`<div class="track-artist">${this.artist}</div>`
+            : ""
+        }
       </div>
 
       <div class="overlay ${showOverlay ? "" : "hidden"}">
diff --git a/ui/system/mobile/pebble.js b/ui/system/mobile/pebble.js
index e40b2c6..a1e1bd0 100644
--- a/ui/system/mobile/pebble.js
+++ b/ui/system/mobile/pebble.js
@@ -917,17 +917,21 @@ export class MobilePebble extends LitElement {
     const notifCount = this.notifications?.length || 0;
     return html`
       <div class="pebble-content pebble-ambient ${active ? "active" : ""}">
-        ${this.favicon
-          ? html`<img class="ambient-favicon" src=${this.favicon} alt="" />`
-          : html`<lucide-icon
-              name="globe"
-              class="ambient-favicon"
-            ></lucide-icon>`}
-        ${this.tabCount > 0
-          ? html`<span class="meta-tabs" aria-label="${this.tabCount} views"
-              >${this.tabCount}</span
-            >`
-          : ""}
+        ${
+          this.favicon
+            ? html`<img class="ambient-favicon" src=${this.favicon} alt="" />`
+            : html`<lucide-icon
+                name="globe"
+                class="ambient-favicon"
+              ></lucide-icon>`
+        }
+        ${
+          this.tabCount > 0
+            ? html`<span class="meta-tabs" aria-label="${this.tabCount} views"
+                >${this.tabCount}</span
+              >`
+            : ""
+        }
         <span
           class="meta-notif ${notifCount > 0 ? "active" : ""}"
           aria-label=${notifCount > 0 ? `${notifCount} unread` : ""}
@@ -953,16 +957,18 @@ export class MobilePebble extends LitElement {
             @input=${this._onSearchInput}
             @keydown=${this._onSearchKeydown}
           />
-          ${this.searching
-            ? html`<button
-                class="search-submit"
-                type="button"
-                aria-label="Search"
-                @click=${this._onSearchSubmit}
-              >
-                <lucide-icon name="corner-down-left"></lucide-icon>
-              </button>`
-            : ""}
+          ${
+            this.searching
+              ? html`<button
+                  class="search-submit"
+                  type="button"
+                  aria-label="Search"
+                  @click=${this._onSearchSubmit}
+                >
+                  <lucide-icon name="corner-down-left"></lucide-icon>
+                </button>`
+              : ""
+          }
         </div>
         ${this.groups?.length ? this._renderResults() : ""}
         <div class="pins-row" role="toolbar" aria-label="Pinned actions">
@@ -971,8 +977,10 @@ export class MobilePebble extends LitElement {
               <button
                 class="pin-btn ${pin.id === "more" ? "pin-more" : ""}"
                 aria-label=${pin.label}
-                ?disabled=${(pin.id === "back" && !this.canGoBack) ||
-                (pin.id === "forward" && !this.canGoForward)}
+                ?disabled=${
+                  (pin.id === "back" && !this.canGoBack) ||
+                  (pin.id === "forward" && !this.canGoForward)
+                }
                 @click=${() => this._onPinClick(pin)}
               >
                 <lucide-icon name=${pin.icon} class="pin-glyph"></lucide-icon>
@@ -989,12 +997,14 @@ export class MobilePebble extends LitElement {
                 aria-selected=${tab.id === this.activeTabId ? "true" : "false"}
                 @click=${() => this._onTabChipClick(tab)}
               >
-                ${tab.favicon
-                  ? html`<img class="tab-fav" src=${tab.favicon} alt="" />`
-                  : html`<lucide-icon
-                      name="globe"
-                      class="tab-fav"
-                    ></lucide-icon>`}
+                ${
+                  tab.favicon
+                    ? html`<img class="tab-fav" src=${tab.favicon} alt="" />`
+                    : html`<lucide-icon
+                        name="globe"
+                        class="tab-fav"
+                      ></lucide-icon>`
+                }
                 <span class="tab-name">${tab.title || "Untitled"}</span>
               </button>
             `,
@@ -1048,16 +1058,18 @@ export class MobilePebble extends LitElement {
               @input=${this._onSearchInput}
               @keydown=${this._onSearchKeydown}
             />
-            ${this.searching
-              ? html`<button
-                  class="search-submit"
-                  type="button"
-                  aria-label="Search"
-                  @click=${this._onSearchSubmit}
-                >
-                  <lucide-icon name="corner-down-left"></lucide-icon>
-                </button>`
-              : ""}
+            ${
+              this.searching
+                ? html`<button
+                    class="search-submit"
+                    type="button"
+                    aria-label="Search"
+                    @click=${this._onSearchSubmit}
+                  >
+                    <lucide-icon name="corner-down-left"></lucide-icon>
+                  </button>`
+                : ""
+            }
           </div>
           ${this.groups?.length ? this._renderResults() : ""}
           <section class="command-section">
@@ -1066,42 +1078,48 @@ export class MobilePebble extends LitElement {
               ${this.tabs.map(
                 (tab) => html`
                   <article
-                    class="tab-card ${tab.id === this.activeTabId
-                      ? "active"
-                      : ""}"
+                    class="tab-card ${
+                      tab.id === this.activeTabId ? "active" : ""
+                    }"
                     @click=${() => this._onTabCardClick(tab)}
                   >
-                    ${tab.screenshotUrl
-                      ? html`<img
-                          class="tab-thumb"
-                          src=${tab.screenshotUrl}
-                          alt=""
-                        />`
-                      : html`<div class="tab-thumb tab-thumb-placeholder">
-                          <lucide-icon name="globe"></lucide-icon>
-                        </div>`}
-                    <footer>
-                      ${tab.favicon
+                    ${
+                      tab.screenshotUrl
                         ? html`<img
-                            class="tab-fav"
-                            src=${tab.favicon}
+                            class="tab-thumb"
+                            src=${tab.screenshotUrl}
                             alt=""
                           />`
-                        : html`<lucide-icon
-                            name="globe"
-                            class="tab-fav"
-                          ></lucide-icon>`}
+                        : html`<div class="tab-thumb tab-thumb-placeholder">
+                            <lucide-icon name="globe"></lucide-icon>
+                          </div>`
+                    }
+                    <footer>
+                      ${
+                        tab.favicon
+                          ? html`<img
+                              class="tab-fav"
+                              src=${tab.favicon}
+                              alt=""
+                            />`
+                          : html`<lucide-icon
+                              name="globe"
+                              class="tab-fav"
+                            ></lucide-icon>`
+                      }
                       <span>${tab.title || "Untitled"}</span>
                     </footer>
-                    ${this.layoutManager?.isHomescreen?.(tab.id)
-                      ? ""
-                      : html`<button
-                          class="tab-close"
-                          aria-label="Close view"
-                          @click=${(e) => this._onTabCardClose(e, tab)}
-                        >
-                          <lucide-icon name="x"></lucide-icon>
-                        </button>`}
+                    ${
+                      this.layoutManager?.isHomescreen?.(tab.id)
+                        ? ""
+                        : html`<button
+                            class="tab-close"
+                            aria-label="Close view"
+                            @click=${(e) => this._onTabCardClose(e, tab)}
+                          >
+                            <lucide-icon name="x"></lucide-icon>
+                          </button>`
+                    }
                   </article>
                 `,
               )}
@@ -1123,8 +1141,10 @@ export class MobilePebble extends LitElement {
                   <button
                     class="pin-btn"
                     aria-label=${pin.label}
-                    ?disabled=${(pin.id === "back" && !this.canGoBack) ||
-                    (pin.id === "forward" && !this.canGoForward)}
+                    ?disabled=${
+                      (pin.id === "back" && !this.canGoBack) ||
+                      (pin.id === "forward" && !this.canGoForward)
+                    }
                     @click=${() => this._onPinClick(pin)}
                   >
                     <lucide-icon
@@ -1152,19 +1172,22 @@ export class MobilePebble extends LitElement {
                 Clear all
               </button>
             </h3>
-            ${notifCount === 0
-              ? html`<div class="notif-empty">No notifications</div>`
-              : html`<ul class="notif-list">
-                  ${this.notifications.map(
+            ${
+              notifCount === 0
+                ? html`<div class="notif-empty">No notifications</div>`
+                : html`<ul class="notif-list">
+                    ${this.notifications.map(
                     (n) => html`
                       <li
                         class="notif-item"
                         @click=${() => this._onNotifClick(n)}
                       >
                         <span class="notif-icon">
-                          ${n.iconUrl
-                            ? html`<img src=${n.iconUrl} alt="" />`
-                            : html`<lucide-icon name="bell"></lucide-icon>`}
+                          ${
+                            n.iconUrl
+                              ? html`<img src=${n.iconUrl} alt="" />`
+                              : html`<lucide-icon name="bell"></lucide-icon>`
+                          }
                         </span>
                         <div class="notif-body">
                           <strong>${n.title || "Notification"}</strong>
@@ -1183,7 +1206,8 @@ export class MobilePebble extends LitElement {
                       </li>
                     `,
                   )}
-                </ul>`}
+                  </ul>`
+            }
           </section>
         </div>
       </div>
diff --git a/ui/system/mobile/pebble_peek.js b/ui/system/mobile/pebble_peek.js
index 5805e2d..6d6b1dc 100644
--- a/ui/system/mobile/pebble_peek.js
+++ b/ui/system/mobile/pebble_peek.js
@@ -34,16 +34,20 @@ export class PebblePeek extends LitElement {
     return html`
       <div class="card">
         <header>
-          ${tab.favicon
-            ? html`<img class="fav" src=${tab.favicon} alt="" />`
-            : html`<lucide-icon name="globe" class="fav"></lucide-icon>`}
+          ${
+            tab.favicon
+              ? html`<img class="fav" src=${tab.favicon} alt="" />`
+              : html`<lucide-icon name="globe" class="fav"></lucide-icon>`
+          }
           <span class="title">${tab.title || "Untitled"}</span>
         </header>
-        ${tab.screenshotUrl
-          ? html`<img class="thumb" src=${tab.screenshotUrl} alt="" />`
-          : html`<div class="thumb placeholder">
-              <lucide-icon name="globe"></lucide-icon>
-            </div>`}
+        ${
+          tab.screenshotUrl
+            ? html`<img class="thumb" src=${tab.screenshotUrl} alt="" />`
+            : html`<div class="thumb placeholder">
+                <lucide-icon name="globe"></lucide-icon>
+              </div>`
+        }
       </div>
     `;
   }
diff --git a/ui/system/mobile/pebble_results.js b/ui/system/mobile/pebble_results.js
index d0e9f34..2535ca3 100644
--- a/ui/system/mobile/pebble_results.js
+++ b/ui/system/mobile/pebble_results.js
@@ -53,12 +53,14 @@ export class PebbleResults extends LitElement {
           data-kind=${result.kind}
           @click=${() => this._click(result)}
         >
-          ${result.did
-            ? html`<atproto-avatar
-                class="item-avatar"
-                did=${result.did}
-              ></atproto-avatar>`
-            : ""}
+          ${
+            result.did
+              ? html`<atproto-avatar
+                  class="item-avatar"
+                  did=${result.did}
+                ></atproto-avatar>`
+              : ""
+          }
           <a href="#" class="link" @click=${(e) => e.preventDefault()}>
             ${result.value.title}
           </a>
@@ -84,9 +86,11 @@ export class PebbleResults extends LitElement {
         return html`
           <div class="group">
             <div class="group-icon">
-              ${group.providerIcon && !hasAvatars
-                ? html`<lucide-icon name=${group.providerIcon}></lucide-icon>`
-                : ""}
+              ${
+                group.providerIcon && !hasAvatars
+                  ? html`<lucide-icon name=${group.providerIcon}></lucide-icon>`
+                  : ""
+              }
             </div>
             <div class="group-items">
               ${group.items.map((r) => this._renderItem(r))}
diff --git a/ui/system/select_control.js b/ui/system/select_control.js
index fd51681..83f9cb6 100644
--- a/ui/system/select_control.js
+++ b/ui/system/select_control.js
@@ -112,9 +112,9 @@ export class SelectControl extends MenuBase {
       const isSelected = index === this.selectedIndex;
       renderedItems.push(html`
         <li
-          class="${option.disabled ? "disabled" : ""} ${isSelected
-            ? "selected"
-            : ""}"
+          class="${option.disabled ? "disabled" : ""} ${
+            isSelected ? "selected" : ""
+          }"
           @click=${() => this.handleOptionClick(option, index)}
         >
           <span class="icon-slot">
diff --git a/ui/system/task_chooser.js b/ui/system/task_chooser.js
index 9c38f1b..e7c0e8d 100644
--- a/ui/system/task_chooser.js
+++ b/ui/system/task_chooser.js
@@ -305,33 +305,41 @@ export class TaskChooser extends LitElement {
           ${this._providers.map(
             (p) => html`
               <div class="provider" @click=${() => this._selectProvider(p)}>
-                ${p.icon
-                  ? html`<img class="provider-icon" src=${p.icon} alt="" />`
-                  : ""}
+                ${
+                  p.icon
+                    ? html`<img class="provider-icon" src=${p.icon} alt="" />`
+                    : ""
+                }
                 <div>
                   <div class="provider-title">${p.title}</div>
-                  ${p.description
-                    ? html`<div class="provider-description">
-                        ${p.description}
-                      </div>`
-                    : ""}
+                  ${
+                    p.description
+                      ? html`<div class="provider-description">
+                          ${p.description}
+                        </div>`
+                      : ""
+                  }
                   <div class="provider-origin">
-                    ${p.origin}${p.device_name
-                      ? html` <span class="device-name"
-                          >(${p.device_name})</span
-                        >`
-                      : ""}
+                    ${p.origin}${
+                      p.device_name
+                        ? html` <span class="device-name"
+                            >(${p.device_name})</span
+                          >`
+                        : ""
+                    }
                   </div>
                 </div>
               </div>
             `,
           )}
-          ${this._providers.length > 1
-            ? html`<label class="always-use">
-                <input type="checkbox" id="always-use" />
-                Always use the selected provider
-              </label>`
-            : ""}
+          ${
+            this._providers.length > 1
+              ? html`<label class="always-use">
+                  <input type="checkbox" id="always-use" />
+                  Always use the selected provider
+                </label>`
+              : ""
+          }
           <button class="cancel" @click=${this._cancel}>Cancel</button>
         </div>
       </div>
diff --git a/ui/system/url_bar_overlay.js b/ui/system/url_bar_overlay.js
index ee4273d..2e37ce0 100644
--- a/ui/system/url_bar_overlay.js
+++ b/ui/system/url_bar_overlay.js
@@ -118,11 +118,13 @@ export class UrlBarOverlay extends LitElement {
               (group) => html`
                 <div class="result-group">
                   <div class="result-group-icon">
-                    ${group.providerIcon
-                      ? html`<lucide-icon
-                          name="${group.providerIcon}"
-                        ></lucide-icon>`
-                      : null}
+                    ${
+                      group.providerIcon
+                        ? html`<lucide-icon
+                            name="${group.providerIcon}"
+                          ></lucide-icon>`
+                        : null
+                    }
                   </div>
                   <div class="result-group-items">
                     ${group.items.map(
@@ -132,13 +134,15 @@ export class UrlBarOverlay extends LitElement {
                           data-kind=${result.kind}
                           @click=${(e) => this.handleResultClick(e, result)}
                         >
-                          ${result.kind === "link" || result.kind === "webview"
-                            ? html`<span class="result-link"
-                                >${result.value.title}</span
-                              >`
-                            : html`<span class="result-text"
-                                >${result.value}</span
-                              >`}
+                          ${
+                            result.kind === "link" || result.kind === "webview"
+                              ? html`<span class="result-link"
+                                  >${result.value.title}</span
+                                >`
+                              : html`<span class="result-text"
+                                  >${result.value}</span
+                                >`
+                          }
                         </div>
                       `,
                     )}
diff --git a/ui/system/web_view.js b/ui/system/web_view.js
index fa7b033..015cf7a 100644
--- a/ui/system/web_view.js
+++ b/ui/system/web_view.js
@@ -1236,8 +1236,9 @@ export class WebView extends LitElement {
       >
         <div
           class="bar ${this.active ? "" : "hidden"}"
-          style="background-color: ${this
-            .themeColor}; color: contrast-color(${this.themeColor});"
+          style="background-color: ${
+            this.themeColor
+          }; color: contrast-color(${this.themeColor});"
         >
           <div class="load-progress load-${this.loadStatus}"></div>
           <img src="${this.favicon}" class="icon" />
@@ -1260,21 +1261,25 @@ export class WebView extends LitElement {
             @click="${this.doReload}"
           ></lucide-icon>
           <span class="title" @click=${this.openUrlBar}>${this.title}</span>
-          ${this.blockerOrigin
-            ? html`
-                <div
-                  class="blocker-icon ${this.blockerEnabled ? "" : "disabled"}"
-                  @click=${this.handleBlockerClick}
-                >
-                  <lucide-icon name="shield"></lucide-icon>
-                  ${this.blockerBadgeCount > 0
-                    ? html`<span class="blocker-badge"
-                        >${this.blockerBadgeCount}</span
-                      >`
-                    : ""}
-                </div>
-              `
-            : ""}
+          ${
+            this.blockerOrigin
+              ? html`
+                  <div
+                    class="blocker-icon ${this.blockerEnabled ? "" : "disabled"}"
+                    @click=${this.handleBlockerClick}
+                  >
+                    <lucide-icon name="shield"></lucide-icon>
+                    ${
+                    this.blockerBadgeCount > 0
+                      ? html`<span class="blocker-badge"
+                          >${this.blockerBadgeCount}</span
+                        >`
+                      : ""
+                  }
+                  </div>
+                `
+              : ""
+          }
           <div class="menu-container">
             <lucide-icon
               @click=${this.toggleMenu}