Fix some state stuff, snapshot things in the right places

src/app/components/ChannelMessageMenuMobile.svelte

@@ -10,12 +10,18 @@
   import {publishReaction} from "@app/commands"
   import {pushModal} from "@app/modal"
 
-  const {url, event, reply} = $props()
+  type Props = {
+    url: string
+    event: TrustedEvent
+    reply: () => void
+  }
+
+  const {url, event, reply}: Props = $props()
 
   const onEmoji = ((event: TrustedEvent, url: string, emoji: NativeEmoji) => {
     history.back()
     publishReaction({event, relays: [url], content: emoji.unicode})
-  }).bind(undefined, $state.snapshot(event), url)
+  }).bind(undefined, event, url)
 
   const showEmojiPicker = () => pushModal(EmojiPicker, {onClick: onEmoji}, {replaceState: true})
 

src/app/components/Chat.svelte

@@ -42,8 +42,6 @@
   const others = remove($pubkey!, pubkeys)
   const missingInboxes = $derived(pubkeys.filter(pk => !$inboxRelaySelectionsByPubkey.has(pk)))
 
-  const assertEvent = (e: any) => e as TrustedEvent
-
   const showMembers = () =>
     pushModal(ProfileList, {pubkeys: others, title: `People in this conversation`})
 
@@ -196,7 +194,11 @@
       {#if type === "date"}
         <Divider>{value}</Divider>
       {:else}
-        <ChatMessage event={assertEvent(value)} {pubkeys} {showPubkey} {replyTo} />
+        <ChatMessage
+          event={$state.snapshot(value as TrustedEvent)}
+          {pubkeys}
+          {showPubkey}
+          {replyTo} />
       {/if}
     {/each}
     <p

src/app/components/ChatMessageMenuMobile.svelte

@@ -14,7 +14,7 @@
   const onEmoji = ((event: TrustedEvent, emoji: NativeEmoji) => {
     history.back()
     sendWrapped({template: makeReaction({event, content: emoji.unicode}), pubkeys})
-  }).bind(undefined, $state.snapshot(event))
+  }).bind(undefined, event)
 
   const showEmojiPicker = () => pushModal(EmojiPicker, {onClick: onEmoji}, {replaceState: true})
 

src/app/components/EventDeleteConfirm.svelte

@@ -1,14 +1,18 @@
 <script lang="ts">
+  import type {TrustedEvent} from "@welshman/util"
   import Confirm from "@lib/components/Confirm.svelte"
   import {publishDelete} from "@app/commands"
   import {clearModals} from "@app/modal"
 
-  const {url, event} = $props()
+  type Props = {
+    url: string
+    event: TrustedEvent
+  }
+
+  const {url, event}: Props = $props()
 
   const confirm = async () => {
-    const snapshot = $state.snapshot(event)
-
-    await publishDelete({event: snapshot, relays: [url]})
+    await publishDelete({event, relays: [url]})
 
     clearModals()
   }

src/app/components/ModalContainer.svelte

@@ -10,7 +10,7 @@
     }
   }
 
-  let modal: any = $state()
+  let modal: any = $state.raw()
   const hash = $derived($page.url.hash.slice(1))
   const hashIsValid = $derived(Boolean($modals[hash]))