{% if all_synced %}
<div class="sync-indicator sync-ok" id="sync-status" hx-swap-oob="outerHTML:#sync-status">
  <span class="sync-icon">✓</span>
  <span class="sync-text">已全部同步 — 可以断网</span>
  <span class="sync-sub">All synced — safe to disconnect</span>
</div>
{% else %}
<div class="sync-indicator sync-pending" id="sync-status" hx-swap-oob="outerHTML:#sync-status">
  <span class="sync-icon">⏳</span>
  <span class="sync-text">同步进行中 — 请勿断网</span>
  <span class="sync-sub">Sync in progress — do not disconnect</span>
</div>
{% endif %}