Fixed reload bug when clicking on a user

packages/chat/src/components/input.tsx

@@ -41,6 +41,17 @@ export default function InputComponent() {
     const time = Date.now();
     const currentValue = value;
     const currentUserId = userId();
+    const currentSharedSecret = sharedSecret();
+
+    if (!Number.isSafeInteger(currentUserId) || currentUserId <= 0) {
+      toast("error", "No conversation selected");
+      return;
+    }
+
+    if (!currentSharedSecret) {
+      toast("error", "Conversation key not ready yet");
+      return;
+    }
 
     addLiveMessage({
       height: 0,
@@ -50,7 +61,7 @@ export default function InputComponent() {
       sent_by_self: true,
     });
 
-    const encryptedContext = await encrypt(sharedSecret(), currentValue);
+    const encryptedContext = await encrypt(currentSharedSecret, currentValue);
 
     send("message_send", {
       height: 0,

packages/chat/src/screen.tsx

@@ -26,11 +26,13 @@ export default function Screen() {
   } | null>(null);
 
   const chatUserId = userId();
+  const hasValidChatUser = Number.isSafeInteger(chatUserId) && chatUserId > 0;
 
   const messagesQuery = useInfiniteQuery({
     queryKey: ["chat-messages", String(chatUserId)],
     initialPageParam: 0,
     queryFn: ({ pageParam }) => getMessages(PAGE_SIZE, Number(pageParam)),
+    enabled: hasValidChatUser,
     getNextPageParam: (lastPage, allPages) => {
       if (lastPage.length < PAGE_SIZE) {
         return undefined;
@@ -175,6 +177,14 @@ export default function Screen() {
     void onScroll();
   }, [onScroll]);
 
+  if (!hasValidChatUser) {
+    return (
+      <div className="w-full h-full flex items-center justify-center text-sm text-muted-foreground">
+        Select a conversation to start chatting.
+      </div>
+    );
+  }
+
   return (
     <div className="w-full h-full flex flex-col overflow-hidden px-2">
       <div