remove reconnecting indicator from chat UI

Co-Authored-By: Claude Opus 4.6 <[email protected]>

2 files changed, 2 insertions, 50 deletions

diff --git a/src/routes/(app)/messages/+page.svelte b/src/routes/(app)/messages/+page.svelte
index 215f07b0..0dfc99f7 100644
--- a/src/routes/(app)/messages/+page.svelte
+++ b/src/routes/(app)/messages/+page.svelte
@@ -4,7 +4,6 @@
   import {
     getGroups, subscribeToMessages, fetchGroupHistory,
     searchMlsUsers, preloadMlsUsers, resolveUser, displayName,
-    isConnected, onConnectionChange,
   } from "$lib/messaging";
   import type { GroupInfo } from "$lib/messaging";
   import { t } from "$lib/translations";
@@ -23,7 +22,6 @@
 
   let groups: GroupInfo[] = $state([]);
   let loaded = $state(false);
-  let connected = $state(isConnected());
   let memberInfos = $state(new Map<string, any>());
 
   // Search state
@@ -70,10 +68,7 @@
   };
 
   let closeSub: (() => void) | undefined;
-  let closeConnectionListener: (() => void) | undefined;
-
   onMount(() => {
-    closeConnectionListener = onConnectionChange((c) => (connected = c));
     // Show cached groups immediately, then fetch history in background
     refreshGroups().then(() => { loaded = true; });
     fetchGroupHistory(user).then(refreshGroups);
@@ -81,16 +76,9 @@
     subscribeToMessages(user, refreshGroups).then((close) => (closeSub = close));
   });
 
-  onDestroy(() => {
-    closeSub?.();
-    closeConnectionListener?.();
-  });
+  onDestroy(() => closeSub?.());
 </script>
 
-{#if !connected}
-  <div class="reconnecting-banner">Reconnecting...</div>
-{/if}
-
 <div class="container mx-auto max-w-xl px-4 space-y-1">
   <input
     use:focus
@@ -146,17 +134,3 @@
   {/if}
 </div>
 
-<style>
-  .reconnecting-banner {
-    text-align: center;
-    font-size: 0.75rem;
-    color: #f59e0b;
-    padding: 0.25rem;
-    animation: pulse-text 1.5s ease-in-out infinite;
-  }
-
-  @keyframes pulse-text {
-    0%, 100% { opacity: 0.6; }
-    50% { opacity: 1; }
-  }
-</style>
diff --git a/src/routes/(app)/messages/[id]/+page.svelte b/src/routes/(app)/messages/[id]/+page.svelte
index 4af0def5..2b573ae0 100644
--- a/src/routes/(app)/messages/[id]/+page.svelte
+++ b/src/routes/(app)/messages/[id]/+page.svelte
@@ -12,7 +12,6 @@
     findOrCreateDmGroup,
     resolveUser, displayName,
     decryptMediaUrl,
-    isConnected, onConnectionChange,
   } from "$lib/messaging";
   import type { GroupInfo } from "$lib/messaging";
   import { t } from "$lib/translations";
@@ -49,7 +48,6 @@
   let dates: number[] = $state([]);
   let sendError = $state("");
   let uploading = $state(false);
-  let connected = $state(isConnected());
   let senderInfos = $state(new Map<string, any>());
 
   const groupDisplayName = (g: GroupInfo | undefined): string => {
@@ -245,10 +243,7 @@
   };
 
   let closeSub: (() => void) | undefined;
-  let closeConnectionListener: (() => void) | undefined;
-
   onMount(() => {
-    closeConnectionListener = onConnectionChange((c) => (connected = c));
     loadGroup();
 
     const vv = window.visualViewport;
@@ -276,10 +271,7 @@
     }).then((close) => (closeSub = close));
   });
 
-  onDestroy(() => {
-    closeSub?.();
-    closeConnectionListener?.();
-  });
+  onDestroy(() => closeSub?.());
 </script>
 
 <div class="chat-container">
@@ -288,9 +280,6 @@
     {#if groupInfo && groupInfo.members.length > 2}
       <span class="text-secondary text-sm">{groupInfo.members.length} members</span>
     {/if}
-    {#if !connected}
-      <span class="connection-status">reconnecting...</span>
-    {/if}
   </div>
 
   <div id="messages">
@@ -404,17 +393,6 @@
     flex-shrink: 0;
   }
 
-  .connection-status {
-    font-size: 0.75rem;
-    color: #f59e0b;
-    animation: pulse-text 1.5s ease-in-out infinite;
-  }
-
-  @keyframes pulse-text {
-    0%, 100% { opacity: 0.6; }
-    50% { opacity: 1; }
-  }
-
   .warning {
     color: #ff7f00;
   }