Enhance NetworkStatusPanel with extended peer metadata and local agent details; refactor

Author: keshavagarwal0927

ui/src/lib/NetworkStatusPanel.svelte

@@ -98,10 +98,25 @@
   $: totalMsgRecv = connections.reduce((s, c) => s + c.recv_message_count, 0);
   $: hasRecvData = totalRecv > 0 || totalMsgRecv > 0;
 
+  // Runtime fields not yet exposed in @holochain/client typings
+  type PeerMetaExt = PeerMeta & {
+    dht_op_count?: number;
+    storage_arc?: [number, number];
+    is_tombstone?: boolean;
+  };
+
   $: peerMetaEntries = conversationInfo?.metrics
-    ? Object.entries(conversationInfo.metrics.gossip_state_summary?.peer_meta || {})
+    ? (Object.entries(
+        conversationInfo.metrics.gossip_state_summary?.peer_meta || {},
+      ) as [string, PeerMetaExt][])
     : [];
 
+  $: localOpCountDisplay =
+    (conversationInfo?.metrics?.gossip_state_summary as any)?.local_op_count ?? "?";
+
+  type LocalAgentExt = { agent: Uint8Array; storage_arc?: [number, number]; target_arc?: [number, number] };
+  $: localAgentsExt = (conversationInfo?.localAgents ?? []) as unknown as LocalAgentExt[];
+
   $: allKnownPeerKeys = (() => {
     if (!stats.metricsPerDna) return [];
     const keys = new Set<string>();
@@ -234,7 +249,7 @@
       {#if conversationInfo.metrics?.gossip_state_summary}
         <div class="flex justify-between">
           <span class="text-neutral-400">Local Ops</span>
-          <span>{conversationInfo.metrics.gossip_state_summary["local_op_count"] ?? "?"}</span>
+          <span>{localOpCountDisplay}</span>
         </div>
       {/if}
       {#if conversationInfo.peersBehindCount > 0}
@@ -264,12 +279,12 @@
     </div>
 
     <!-- Local agent arcs -->
-    {#if detailed && conversationInfo.localAgents.length > 0}
+    {#if detailed && localAgentsExt.length > 0}
       <div class="mb-3 space-y-1 border-t border-neutral-700 pt-3">
         <div class="font-medium text-xs uppercase tracking-wide text-neutral-500">
           Local Agents
         </div>
-        {#each conversationInfo.localAgents as agent}
+        {#each localAgentsExt as agent}
           <div class="rounded bg-neutral-800 p-2 text-xs space-y-0.5">
             <div class="font-mono text-neutral-500" title={encodeHashToBase64(agent.agent)}>
               {displayAgent(encodeHashToBase64(agent.agent))}

ui/src/lib/types.ts

@@ -369,7 +369,6 @@ export enum Alignment {
 }
 
 export type CellIdB64 = string;
-export type ActionHashB64 = string;
 
 export interface LocalFile {
   file: File;

ui/src/routes/+layout.svelte

@@ -324,16 +324,15 @@
       await conversationMessageStore.initialize();
 
       // Initialize signal handler
-      createSignalHandler(relayClient, conversationStore, conversationMessageStore, onlinePeers);
-
-      isStoresSetup = true;
-
       createSignalHandler(
         relayClient,
         conversationStore,
         conversationMessageStore,
         conferenceStore,
+        onlinePeers,
       );
+
+      isStoresSetup = true;
     } catch (e) {
       console.error("Failed to init stores", e);
       toast.error(`${$t("common.stores_setup_error")}: ${e}`);

ui/src/routes/conversations/[id]/ConversationMessages.svelte

@@ -106,15 +106,7 @@
 
       // Reset the locks for the next time the user scrolls up
       shouldMaintainScroll = false;
-
-      const newScrollHeight = containerEl.scrollHeight;
-
-      const heightDifference =
-        newScrollHeight - previousScrollHeight + (!isFirstFetch ? 20 * 40 : 0);
-
-      if (isFirstFetch) isFirstFetch = false;
-
-      containerEl.scrollTop = heightDifference;
+      previousScrollHeight = 0;
     }
   });
 

ui/src/store/ConversationMessageStore.ts

@@ -17,7 +17,6 @@ import {
   type ActionHashB64,
   type CellId,
   type HoloHash,
-  type Record,
 } from "@holochain/client";
 import { difference, flatten, range, sortBy, sum } from "lodash-es";
 import type { ConversationStore } from "./ConversationStore";
@@ -67,6 +66,7 @@ export interface ConversationMessageStore extends GenericKeyKeyValueStore<Messag
     files: LocalFile[],
     replyTo?: ActionHashB64,
   ) => Promise<void>;
+  sendJoinNotice: (key1: CellIdB64) => Promise<void>;
   getReplyCount: (key1: CellIdB64, messageHash: ActionHashB64) => Promise<number>;
   deleteMessage: (key1: CellIdB64, messageContent: string) => Promise<void>;
   handleMessageSignalReceived: (key1: CellIdB64, signal: MessageSignal) => Promise<void>;
@@ -1134,7 +1134,7 @@ export interface CellConversationMessageStore
   sendJoinNotice: () => Promise<void>;
   handleMessageSignalReceived: (signal: MessageSignal) => Promise<void>;
   getReplyCount: (messageHash: ActionHashB64) => Promise<number>;
-  debugGetAllMessages: () => Promise<Record[]>;
+  debugGetAllMessages: () => Promise<MessageRecord[]>;
 }
 
 export function deriveCellConversationMessageStore(