Show warning when inbox relays aren't configured

src/app/components/ChatItem.svelte

@@ -0,0 +1,56 @@
+<script lang="ts">
+  import {onMount} from "svelte"
+  import {derived} from "svelte/store"
+  import {page} from "$app/stores"
+  import {remove} from "@welshman/lib"
+  import type {TrustedEvent} from "@welshman/util"
+  import {pubkey, inboxRelaySelectionsByPubkey, loadInboxRelaySelections} from "@welshman/app"
+  import Link from "@lib/components/Link.svelte"
+  import Icon from "@lib/components/Icon.svelte"
+  import Name from "@app/components/Name.svelte"
+  import ProfileCircle from "@app/components/ProfileCircle.svelte"
+  import ProfileCircles from "@app/components/ProfileCircles.svelte"
+
+  export let id: string
+  export let pubkeys: string[]
+  export let messages: TrustedEvent[]
+
+  const message = messages[0]
+  const others = remove($pubkey, pubkeys)
+  const active = $page.params.chat === id
+  const missingInbox = derived(inboxRelaySelectionsByPubkey, $m => others.some(pk => !$m.has(pk)))
+
+  onMount(() => {
+    for (const pk of others) {
+      loadInboxRelaySelections(pk)
+    }
+  })
+</script>
+
+<div
+  class="cursor-pointer border-t border-solid border-base-100 px-6 py-2 transition-colors hover:bg-base-100"
+  class:bg-base-100={active}>
+  <Link class="flex flex-col justify-start gap-1" href="/home/{id}">
+    <div class="flex justify-between gap-2">
+      <div class="flex min-w-0 items-center gap-2">
+        {#if others.length === 1}
+          <ProfileCircle pubkey={others[0]} size={5} />
+          <Name pubkey={others[0]} />
+        {:else}
+          <ProfileCircles pubkeys={others} size={5} />
+          <p class="overflow-hidden text-ellipsis whitespace-nowrap">
+            <Name pubkey={others[0]} />
+            and {others.length - 1}
+            {others.length > 2 ? "others" : "other"}
+          </p>
+        {/if}
+      </div>
+      {#if $missingInbox}
+        <Icon icon="danger" class="text-error" />
+      {/if}
+    </div>
+    <p class="overflow-hidden text-ellipsis whitespace-nowrap text-sm">
+      {message.content}
+    </p>
+  </Link>
+</div>

src/app/components/ProfileDetail.svelte

@@ -1,16 +1,19 @@
 <script lang="ts">
   import {onMount} from "svelte"
-  import {sleep, sortBy, flatten} from "@welshman/lib"
+  import {nip19} from "nostr-tools"
+  import {ctx, sleep, sortBy, flatten} from "@welshman/lib"
   import {feedFromFilter} from "@welshman/feeds"
   import {NOTE, displayProfile, displayPubkey, getAncestorTags} from "@welshman/util"
   import {deriveEvents} from "@welshman/store"
   import {repository, deriveProfile, displayNip05, feedLoader} from "@welshman/app"
   import {createScroller} from "@lib/html"
   import {fly} from "@lib/transition"
+  import Link from "@lib/components/Link.svelte"
   import Avatar from "@lib/components/Avatar.svelte"
   import Spinner from "@lib/components/Spinner.svelte"
   import Content from "@app/components/Content.svelte"
   import NoteCard from "@app/components/NoteCard.svelte"
+  import {entityLink} from "@app/state"
 
   export let pubkey
 
@@ -19,6 +22,8 @@
   const filter = {kinds: [NOTE], authors: [pubkey]}
   const events = deriveEvents(repository, {filters: [filter]})
   const loader = feedLoader.getLoader(feedFromFilter(filter), {})
+  const relays = ctx.app.router.FromPubkeys([pubkey]).getUrls()
+  const nprofile = nip19.nprofileEncode({pubkey, relays})
 
   let element: Element
 
@@ -38,7 +43,7 @@
 
 <div class="flex max-w-full flex-col gap-4 p-4" bind:this={element}>
   {#if $profile}
-    <div class="flex max-w-full gap-3">
+    <Link external href={entityLink(nprofile)} class="flex max-w-full gap-3">
       <div class="py-1">
         <Avatar src={$profile?.picture} size={10} />
       </div>
@@ -52,7 +57,7 @@
           {$profile?.nip05 ? displayNip05($profile.nip05) : pubkeyDisplay}
         </div>
       </div>
-    </div>
+    </Link>
     <Content event={{content: $profile.about, tags: []}} hideMedia />
     <div class="flex flex-col gap-2">
       {#each sortBy(e => -e.created_at, $events) as event (event.id)}

src/app/components/SpaceJoin.svelte

@@ -23,7 +23,7 @@
 
     try {
       await tryJoin()
-    } finally {
+    } catch (e) {
       loading = false
     }
   }