diff --git a/package.json b/package.json
index f0861eb6..2695f0c6 100644
--- a/package.json
+++ b/package.json
@@ -47,6 +47,7 @@
     "@capacitor/keyboard": "^7.0.0",
     "@capacitor/push-notifications": "^7.0.1",
     "@capawesome/capacitor-badge": "^7.0.1",
+    "@getalby/sdk": "^5.1.0",
     "@poppanator/sveltekit-svg": "^4.2.1",
     "@sentry/browser": "^8.35.0",
     "@sveltejs/adapter-static": "^3.0.4",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 8a9bb837..e635e955 100644
Binary files a/pnpm-lock.yaml and b/pnpm-lock.yaml differ
diff --git a/src/app/commands.ts b/src/app/commands.ts
index cb013437..173fa3b6 100644
--- a/src/app/commands.ts
+++ b/src/app/commands.ts
@@ -1,3 +1,4 @@
+import {nwc} from "@getalby/sdk"
 import * as nip19 from "nostr-tools/nip19"
 import {get} from "svelte/store"
 import {randomId, flatten, poll, uniq, equals, TIMEZONE, LOCALE} from "@welshman/lib"
@@ -55,6 +56,8 @@ import {
   getThunkError,
 } from "@welshman/app"
 import {
+  wallet,
+  getWebLn,
   PROTECTED,
   userMembership,
   INDEXER_RELAYS,
@@ -443,3 +446,19 @@ export const makeAlert = async (params: AlertParams) => {
 
 export const publishAlert = async (params: AlertParams) =>
   publishThunk({event: await makeAlert(params), relays: [NOTIFIER_RELAY]})
+
+export const payInvoice = async (invoice: string) => {
+  const $wallet = get(wallet)
+
+  if (!$wallet) {
+    throw new Error("No wallet is connected")
+  }
+
+  if ($wallet.type === "nwc") {
+    return new nwc.NWCClient($wallet.info).payInvoice({invoice})
+  } else if ($wallet.type === "webln") {
+    return getWebLn()
+      .enable()
+      .then(() => getWebLn().sendPayment(invoice))
+  }
+}
diff --git a/src/app/components/ChannelMessage.svelte b/src/app/components/ChannelMessage.svelte
index fa03213e..1d9da7ce 100644
--- a/src/app/components/ChannelMessage.svelte
+++ b/src/app/components/ChannelMessage.svelte
@@ -11,6 +11,7 @@
   import ThunkStatus from "@app/components/ThunkStatus.svelte"
   import ProfileDetail from "@app/components/ProfileDetail.svelte"
   import ReactionSummary from "@app/components/ReactionSummary.svelte"
+  import ChannelMessageZapButton from "@app/components/ChannelMessageZapButton.svelte"
   import ChannelMessageEmojiButton from "@app/components/ChannelMessageEmojiButton.svelte"
   import ChannelMessageMenuButton from "@app/components/ChannelMessageMenuButton.svelte"
   import ChannelMessageMenuMobile from "@app/components/ChannelMessageMenuMobile.svelte"
@@ -94,6 +95,7 @@
     <button
       class="join absolute right-1 top-1 border border-solid border-neutral text-xs opacity-0 transition-all"
       class:group-hover:opacity-100={!isMobile}>
+      <ChannelMessageZapButton {url} {event} />
       <ChannelMessageEmojiButton {url} {event} />
       {#if replyTo}
         <Button class="btn join-item btn-xs" onclick={reply}>
diff --git a/src/app/components/ChannelMessageZapButton.svelte b/src/app/components/ChannelMessageZapButton.svelte
new file mode 100644
index 00000000..96d6a5ae
--- /dev/null
+++ b/src/app/components/ChannelMessageZapButton.svelte
@@ -0,0 +1,27 @@
+<script lang="ts">
+  import {deriveZapperForPubkey} from "@welshman/app"
+  import Button from "@lib/components/Button.svelte"
+  import Icon from "@lib/components/Icon.svelte"
+  import Zap from "@app/components/Zap.svelte"
+  import WalletConnect from "@app/components/WalletConnect.svelte"
+  import {pushModal} from "@app/modal"
+  import {wallet} from "@app/state"
+
+  const {url, event} = $props()
+
+  const zapper = deriveZapperForPubkey(event.pubkey)
+
+  const onClick = () => {
+    if ($wallet) {
+      pushModal(Zap, {url, pubkey: event.pubkey, eventId: event.id})
+    } else {
+      pushModal(WalletConnect)
+    }
+  }
+</script>
+
+{#if $zapper?.allowsNostr}
+  <Button onclick={onClick} class="btn join-item btn-xs">
+    <Icon icon="bolt" size={4} />
+  </Button>
+{/if}
diff --git a/src/app/components/ProfileLink.svelte b/src/app/components/ProfileLink.svelte
index 5279abae..b9cbd66d 100644
--- a/src/app/components/ProfileLink.svelte
+++ b/src/app/components/ProfileLink.svelte
@@ -9,14 +9,15 @@
   type Props = {
     pubkey: string
     url?: string
+    class?: string
     unstyled?: boolean
   }
 
-  const {pubkey, url, unstyled}: Props = $props()
+  const {pubkey, url, unstyled, ...props}: Props = $props()
 
   const openProfile = () => pushModal(ProfileDetail, {pubkey, url})
 </script>
 
-<Button onclick={preventDefault(openProfile)} class={cx({"link-content": !unstyled})}>
+<Button onclick={preventDefault(openProfile)} class={cx(props.class, {"link-content": !unstyled})}>
   @<ProfileName {pubkey} {url} />
 </Button>
diff --git a/src/app/components/ReactionSummary.svelte b/src/app/components/ReactionSummary.svelte
index 14fac6ed..e4e263f7 100644
--- a/src/app/components/ReactionSummary.svelte
+++ b/src/app/components/ReactionSummary.svelte
@@ -1,9 +1,10 @@
 <script lang="ts">
   import {onMount} from "svelte"
   import type {Snippet} from "svelte"
-  import {groupBy, uniq, uniqBy, batch, displayList} from "@welshman/lib"
+  import {groupBy, sum, uniq, uniqBy, batch, displayList} from "@welshman/lib"
   import {
     REACTION,
+    ZAP_RESPONSE,
     getReplyFilters,
     getEmojiTags,
     getEmojiTag,
@@ -11,10 +12,10 @@
     REPORT,
     DELETE,
   } from "@welshman/util"
-  import type {TrustedEvent, EventContent} from "@welshman/util"
-  import {deriveEvents} from "@welshman/store"
+  import type {TrustedEvent, EventContent, Zap} from "@welshman/util"
+  import {deriveEvents, deriveEventsMapped} from "@welshman/store"
   import {load} from "@welshman/net"
-  import {pubkey, repository, displayProfileByPubkey} from "@welshman/app"
+  import {pubkey, repository, getValidZap, displayProfileByPubkey} from "@welshman/app"
   import {isMobile, preventDefault, stopPropagation} from "@lib/html"
   import Icon from "@lib/components/Icon.svelte"
   import Reaction from "@app/components/Reaction.svelte"
@@ -49,6 +50,12 @@
     filters: [{kinds: [REACTION], "#e": [event.id]}],
   })
 
+  const zaps = deriveEventsMapped<Zap>(repository, {
+    filters: [{kinds: [ZAP_RESPONSE], "#e": [event.id]}],
+    itemToEvent: item => item.response,
+    eventToItem: (response: TrustedEvent) => getValidZap(response, event),
+  })
+
   const onReactionClick = (events: TrustedEvent[]) => {
     const reaction = events.find(e => e.pubkey === $pubkey)
 
@@ -77,6 +84,13 @@
     ),
   )
 
+  const groupedZaps = $derived(
+    groupBy(
+      e => getReactionKey(e.request),
+      uniqBy(e => `${e.request.pubkey}${getReactionKey(e.request)}`, $zaps),
+    ),
+  )
+
   onMount(() => {
     const controller = new AbortController()
 
@@ -84,7 +98,7 @@
       load({
         relays: [url],
         signal: controller.signal,
-        filters: getReplyFilters([event], {kinds: [REACTION, REPORT, DELETE]}),
+        filters: getReplyFilters([event], {kinds: [REACTION, REPORT, DELETE, ZAP_RESPONSE]}),
         onEvent: batch(300, (events: TrustedEvent[]) => {
           load({
             relays: [url],
@@ -100,7 +114,7 @@
   })
 </script>
 
-{#if $reactions.length > 0 || $reports.length > 0}
+{#if $reactions.length > 0 || $zaps.length || $reports.length > 0}
   <div class="flex min-w-0 flex-wrap gap-2">
     {#if url && $reports.length > 0}
       <button
@@ -113,6 +127,24 @@
         <span>{$reports.length}</span>
       </button>
     {/if}
+    {#each groupedZaps.entries() as [key, zaps]}
+      {@const amount = sum(zaps.map(zap => zap.invoiceAmount))}
+      {@const pubkeys = zaps.map(zap => zap.request.pubkey)}
+      {@const isOwn = $pubkey && pubkeys.includes($pubkey)}
+      {@const info = displayList(pubkeys.map(pubkey => displayProfileByPubkey(pubkey)))}
+      {@const tooltip = `${info} zapped`}
+      <button
+        type="button"
+        data-tip={tooltip}
+        class="flex-inline btn btn-neutral btn-xs gap-1 rounded-full {reactionClass}"
+        class:tooltip={!noTooltip && !isMobile}
+        class:border={isOwn}
+        class:border-solid={isOwn}
+        class:border-primary={isOwn}>
+        <Reaction event={zaps[0].request} />
+        <span>{amount}</span>
+      </button>
+    {/each}
     {#each groupedReactions.entries() as [key, events]}
       {@const pubkeys = events.map(e => e.pubkey)}
       {@const isOwn = $pubkey && pubkeys.includes($pubkey)}
diff --git a/src/app/components/WalletConnect.svelte b/src/app/components/WalletConnect.svelte
new file mode 100644
index 00000000..b52385e0
--- /dev/null
+++ b/src/app/components/WalletConnect.svelte
@@ -0,0 +1,155 @@
+<script lang="ts">
+  import {nwc} from "@getalby/sdk"
+  import {sleep} from "@welshman/lib"
+  import Link from "@lib/components/Link.svelte"
+  import Icon from "@lib/components/Icon.svelte"
+  import Button from "@lib/components/Button.svelte"
+  import Spinner from "@lib/components/Spinner.svelte"
+  import Field from "@lib/components/Field.svelte"
+  import Divider from "@lib/components/Divider.svelte"
+  import ModalHeader from "@lib/components/ModalHeader.svelte"
+  import ModalFooter from "@lib/components/ModalFooter.svelte"
+  import type {NWCInfo} from "@app/state"
+  import {wallet, getWebLn} from "@app/state"
+  import {pushToast} from "@app/toast"
+
+  const back = () => history.back()
+
+  const connectWithWebLn = async () => {
+    loading = true
+
+    try {
+      await Promise.all([sleep(800), getWebLn().enable()])
+      const info = await getWebLn().getInfo()
+
+      if (!info?.supports?.includes("lightning")) {
+        pushToast({
+          theme: "error",
+          message: "Your extension does not support lightning payments",
+        })
+      } else {
+        wallet.set({type: "webln", info})
+        pushToast({message: "Wallet successfully connected!"})
+
+        await sleep(400)
+
+        back()
+      }
+    } catch (e) {
+      console.error(e)
+      pushToast({
+        theme: "error",
+        message: "Wallet failed to connect",
+      })
+    } finally {
+      loading = false
+    }
+  }
+
+  const connectWithNWC = async () => {
+    loading = true
+
+    try {
+      const client = new nwc.NWCClient({nostrWalletConnectUrl})
+      const [_, info] = await Promise.all([sleep(800), client.getInfo()])
+
+      if (!info) {
+        pushToast({
+          theme: "error",
+          message: "Wallet failed to connect",
+        })
+      } else {
+        wallet.set({type: "nwc", info: client.options as unknown as NWCInfo})
+        pushToast({message: "Wallet successfully connected!"})
+
+        await sleep(400)
+
+        back()
+      }
+    } catch (e) {
+      console.error(e)
+      pushToast({
+        theme: "error",
+        message: "Wallet failed to connect",
+      })
+    } finally {
+      loading = false
+    }
+  }
+
+  let nostrWalletConnectUrl = $state("")
+  let loading = $state(false)
+</script>
+
+<div class="column gap-4">
+  <ModalHeader>
+    {#snippet title()}
+      <div>Connect a Wallet</div>
+    {/snippet}
+    {#snippet info()}
+      Use Nostr Wallet Connect to send Bitcoin payments over Lightning.
+    {/snippet}
+  </ModalHeader>
+  {#if getWebLn()}
+    <Button
+      class="btn btn-primary"
+      disabled={Boolean(nostrWalletConnectUrl || loading)}
+      onclick={connectWithWebLn}>
+      <Spinner loading={!nostrWalletConnectUrl && loading}>
+        {#if !nostrWalletConnectUrl && loading}
+          Connecting...
+        {:else}
+          <div class="flex items-center gap-2">
+            <Icon icon="cpu" />
+            Connect with WebLN
+          </div>
+        {/if}
+      </Spinner>
+    </Button>
+    <Divider>Or</Divider>
+  {/if}
+  <Field>
+    {#snippet label()}
+      Connection Secret*
+    {/snippet}
+    {#snippet input()}
+      <label class="input input-bordered flex w-full items-center gap-2">
+        <Icon icon="lock" />
+        <input
+          bind:value={nostrWalletConnectUrl}
+          autocomplete="off"
+          name="flotilla-nwc"
+          class="grow"
+          type="password" />
+        <Icon icon="qr-code" />
+      </label>
+    {/snippet}
+    {#snippet info()}
+      You can find this in any wallet that supports
+      <Link external href="https://nwc.getalby.com/about" class="text-primary"
+        >Nostr Wallet Connect</Link
+      >.
+    {/snippet}
+  </Field>
+  <ModalFooter>
+    <Button class="btn btn-link" onclick={back}>
+      <Icon icon="alt-arrow-left" />
+      Go back
+    </Button>
+    <Button
+      class="btn btn-primary"
+      disabled={!nostrWalletConnectUrl || loading}
+      onclick={connectWithNWC}>
+      <Spinner loading={Boolean(nostrWalletConnectUrl && loading)}>
+        {#if nostrWalletConnectUrl && loading}
+          Connecting...
+        {:else}
+          <div class="flex items-center gap-2">
+            Connect Wallet
+            <Icon icon="alt-arrow-right" />
+          </div>
+        {/if}
+      </Spinner>
+    </Button>
+  </ModalFooter>
+</div>
diff --git a/src/app/components/WalletDisconnect.svelte b/src/app/components/WalletDisconnect.svelte
new file mode 100644
index 00000000..16835d09
--- /dev/null
+++ b/src/app/components/WalletDisconnect.svelte
@@ -0,0 +1,16 @@
+<script lang="ts">
+  import Confirm from "@lib/components/Confirm.svelte"
+  import {wallet} from "@app/state"
+  import {clearModals} from "@app/modal"
+
+  const confirm = async () => {
+    wallet.set(undefined)
+
+    clearModals()
+  }
+</script>
+
+<Confirm
+  {confirm}
+  title="Disconnect Wallet"
+  message="Are you sure you want to disconnect your bitcoin wallet?" />
diff --git a/src/app/components/Zap.svelte b/src/app/components/Zap.svelte
new file mode 100644
index 00000000..3f4218ae
--- /dev/null
+++ b/src/app/components/Zap.svelte
@@ -0,0 +1,167 @@
+<script lang="ts">
+  import type {NativeEmoji} from "emoji-picker-element/shared"
+  import {signer, deriveZapperForPubkey} from "@welshman/app"
+  import {load} from "@welshman/net"
+  import {Router} from "@welshman/router"
+  import {requestZap, makeZapRequest, getZapResponseFilter} from "@welshman/util"
+  import Icon from "@lib/components/Icon.svelte"
+  import Spinner from "@lib/components/Spinner.svelte"
+  import Button from "@lib/components/Button.svelte"
+  import FieldInline from "@lib/components/FieldInline.svelte"
+  import ModalHeader from "@lib/components/ModalHeader.svelte"
+  import ModalFooter from "@lib/components/ModalFooter.svelte"
+  import EmojiButton from "@lib/components/EmojiButton.svelte"
+  import ProfileLink from "@app/components/ProfileLink.svelte"
+  import {payInvoice} from "@app/commands"
+  import {pushToast} from "@app/toast"
+
+  type Props = {
+    url: string
+    pubkey: string
+    eventId?: string
+  }
+
+  const {url, pubkey, eventId}: Props = $props()
+
+  const minPos = 1
+  const maxPos = 1000
+  const minVal = 21
+  const maxVal = 1000000
+  const zapperStore = deriveZapperForPubkey(pubkey)
+
+  const posToAmount = (pos: number) => {
+    const normalizedPos = (pos - minPos) / (maxPos - minPos)
+    const logMin = Math.log(minVal)
+    const logMax = Math.log(maxVal)
+    const logValue = logMin + normalizedPos * (logMax - logMin)
+    return Math.round(Math.exp(logValue))
+  }
+
+  const amountToPos = (amount: number) => {
+    const clampedAmount = Math.max(minVal, Math.min(maxVal, amount))
+    const logMin = Math.log(minVal)
+    const logMax = Math.log(maxVal)
+    const logValue = Math.log(clampedAmount)
+    const normalizedPos = (logValue - logMin) / (logMax - logMin)
+    return Math.round(minPos + normalizedPos * (maxPos - minPos))
+  }
+
+  const back = () => history.back()
+
+  const onEmoji = (emoji: NativeEmoji) => {
+    content = emoji.unicode
+  }
+
+  const sendZap = async () => {
+    loading = true
+
+    try {
+      const zapper = $zapperStore!
+      const msats = amount * 1000
+      const relays = url ? [url] : Router.get().ForPubkey(pubkey).getUrls()
+      const filters = [getZapResponseFilter({zapper, pubkey, eventId})]
+      const params = {pubkey, content, eventId, msats, relays, zapper}
+      const event = await $signer!.sign(makeZapRequest(params))
+      const res = await requestZap({zapper, event})
+      console.log({event, zapper, res})
+
+      if (!res.invoice) {
+        return pushToast({
+          theme: "error",
+          message: `Failed to zap: ${res.error || "no error given"}`,
+        })
+      }
+
+      await payInvoice(res.invoice)
+      await load({relays, filters})
+
+      pushToast({message: "Zap successfully sent!"})
+      back()
+    } catch (e) {
+      console.error(e)
+
+      const message = String(e).replace(/^.*Error: /, "")
+
+      pushToast({
+        theme: "error",
+        message: `Failed to zap: ${message}`,
+      })
+    } finally {
+      loading = false
+    }
+  }
+
+  let pos = $state(minPos)
+  let amount = $state(minVal)
+  let content = $state("⚡️")
+  let loading = $state(false)
+
+  $effect(() => {
+    amount = posToAmount(pos)
+  })
+
+  $effect(() => {
+    const newPos = amountToPos(amount)
+    if (newPos !== pos) {
+      pos = newPos
+    }
+  })
+</script>
+
+<div class="column gap-4">
+  <ModalHeader>
+    {#snippet title()}
+      <div>Send a Zap</div>
+    {/snippet}
+    {#snippet info()}
+      <div>To <ProfileLink {pubkey} class="!text-primary" /></div>
+    {/snippet}
+  </ModalHeader>
+  <FieldInline>
+    {#snippet label()}
+      Emoji Reaction
+    {/snippet}
+    {#snippet input()}
+      <div class="flex flex-grow items-center justify-end gap-4">
+        <EmojiButton {onEmoji} class="btn btn-neutral">
+          {content}
+        </EmojiButton>
+      </div>
+    {/snippet}
+  </FieldInline>
+  <FieldInline>
+    {#snippet label()}
+      Amount
+    {/snippet}
+    {#snippet input()}
+      <div class="flex flex-grow justify-end">
+        <label class="input input-bordered flex items-center gap-2">
+          <Icon icon="bolt" />
+          <input bind:value={amount} type="number" class="w-24" />
+        </label>
+      </div>
+    {/snippet}
+  </FieldInline>
+  <input
+    class="range range-primary -mt-2"
+    type="range"
+    min={minPos}
+    max={maxPos}
+    bind:value={pos} />
+  <ModalFooter>
+    <Button class="btn btn-link" onclick={back}>
+      <Icon icon="alt-arrow-left" />
+      Go back
+    </Button>
+    <Button class="btn btn-primary" onclick={sendZap} disabled={loading}>
+      <Spinner {loading}>
+        <div class="flex items-center gap-2">
+          {#if !loading}
+            <Icon icon="bolt" />
+          {/if}
+          Send Zap
+        </div>
+      </Spinner>
+    </Button>
+  </ModalFooter>
+</div>
diff --git a/src/app/state.ts b/src/app/state.ts
index 57610a52..50010cc2 100644
--- a/src/app/state.ts
+++ b/src/app/state.ts
@@ -37,6 +37,7 @@ import {
   CLIENT_AUTH,
   AUTH_JOIN,
   REACTION,
+  ZAP_REQUEST,
   ZAP_RESPONSE,
   DIRECT_MESSAGE,
   DIRECT_MESSAGE_FILE,
@@ -134,7 +135,7 @@ export const REACTION_KINDS = [REACTION, ZAP_RESPONSE]
 
 export const NIP46_PERMS =
   "nip44_encrypt,nip44_decrypt," +
-  [CLIENT_AUTH, AUTH_JOIN, MESSAGE, THREAD, COMMENT, ROOMS, WRAP, REACTION]
+  [CLIENT_AUTH, AUTH_JOIN, MESSAGE, THREAD, COMMENT, ROOMS, WRAP, REACTION, ZAP_REQUEST]
     .map(k => `sign_event:${k}`)
     .join(",")
 
@@ -346,6 +347,39 @@ export const {
   load: makeOutboxLoader(SETTINGS),
 })
 
+// Wallets
+
+export type WebLNInfo = {
+  methods?: string[]
+  supports?: string[]
+  version?: string
+  node?: {
+    alias: string
+  }
+}
+
+export type NWCInfo = {
+  lud16: string
+  secret: string
+  relayUrl: string
+  walletPubkey: string
+  nostrWalletConnectUrl: string
+}
+
+export type Wallet =
+  | {
+      type: "webln"
+      info: WebLNInfo
+    }
+  | {
+      type: "nwc"
+      info: NWCInfo
+    }
+
+export const wallet = synced<Wallet | undefined>("wallet", undefined)
+
+export const getWebLn = () => (window as any).webln
+
 // Alerts
 
 export type Alert = {
diff --git a/src/assets/icons/QR Code.svg b/src/assets/icons/QR Code.svg
new file mode 100644
index 00000000..6eb3412d
--- /dev/null
+++ b/src/assets/icons/QR Code.svg	
@@ -0,0 +1,11 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2 16.9C2 15.5906 2 14.9359 2.29472 14.455C2.45963 14.1859 2.68589 13.9596 2.955 13.7947C3.43594 13.5 4.09063 13.5 5.4 13.5H6.5C8.38562 13.5 9.32843 13.5 9.91421 14.0858C10.5 14.6716 10.5 15.6144 10.5 17.5V18.6C10.5 19.9094 10.5 20.5641 10.2053 21.045C10.0404 21.3141 9.81411 21.5404 9.545 21.7053C9.06406 22 8.40937 22 7.1 22C5.13594 22 4.15391 22 3.4325 21.5579C3.02884 21.3106 2.68945 20.9712 2.44208 20.5675C2 19.8461 2 18.8641 2 16.9Z" stroke="#1C274C" stroke-width="1.5"/>
+<path d="M13.5 5.4C13.5 4.09063 13.5 3.43594 13.7947 2.955C13.9596 2.68589 14.1859 2.45963 14.455 2.29472C14.9359 2 15.5906 2 16.9 2C18.8641 2 19.8461 2 20.5675 2.44208C20.9712 2.68945 21.3106 3.02884 21.5579 3.4325C22 4.15391 22 5.13594 22 7.1C22 8.40937 22 9.06406 21.7053 9.545C21.5404 9.81411 21.3141 10.0404 21.045 10.2053C20.5641 10.5 19.9094 10.5 18.6 10.5H17.5C15.6144 10.5 14.6716 10.5 14.0858 9.91421C13.5 9.32843 13.5 8.38562 13.5 6.5V5.4Z" stroke="#1C274C" stroke-width="1.5"/>
+<path d="M16.5 6.25C16.5 5.73459 16.5 5.47689 16.6291 5.29493C16.6747 5.23072 16.7307 5.17466 16.7949 5.12911C16.9769 5 17.2346 5 17.75 5C18.2654 5 18.5231 5 18.7051 5.12911C18.7693 5.17466 18.8253 5.23072 18.8709 5.29493C19 5.47689 19 5.73459 19 6.25C19 6.76541 19 7.02311 18.8709 7.20507C18.8253 7.26928 18.7693 7.32534 18.7051 7.37089C18.5231 7.5 18.2654 7.5 17.75 7.5C17.2346 7.5 16.9769 7.5 16.7949 7.37089C16.7307 7.32534 16.6747 7.26928 16.6291 7.20507C16.5 7.02311 16.5 6.76541 16.5 6.25Z" fill="#1C274C"/>
+<path d="M12.75 22C12.75 22.4142 13.0858 22.75 13.5 22.75C13.9142 22.75 14.25 22.4142 14.25 22H12.75ZM14.3889 13.8371L14.8055 14.4607L14.8055 14.4607L14.3889 13.8371ZM13.8371 14.3889L13.2135 13.9722L13.2135 13.9722L13.8371 14.3889ZM19 12.75H17V14.25H19V12.75ZM12.75 19V22H14.25V19H12.75ZM17 12.75C16.3134 12.75 15.742 12.7491 15.281 12.796C14.8075 12.8441 14.3682 12.9489 13.9722 13.2135L14.8055 14.4607C14.914 14.3882 15.078 14.3244 15.4328 14.2883C15.8002 14.2509 16.2822 14.25 17 14.25V12.75ZM14.25 17C14.25 16.2822 14.2509 15.8002 14.2883 15.4328C14.3244 15.078 14.3882 14.914 14.4607 14.8055L13.2135 13.9722C12.9489 14.3682 12.8441 14.8075 12.796 15.281C12.7491 15.742 12.75 16.3134 12.75 17H14.25ZM13.9722 13.2135C13.6719 13.4141 13.4141 13.6719 13.2135 13.9722L14.4607 14.8055C14.5519 14.669 14.669 14.5519 14.8055 14.4607L13.9722 13.2135Z" fill="#1C274C"/>
+<path d="M22.75 13.5C22.75 13.0858 22.4142 12.75 22 12.75C21.5858 12.75 21.25 13.0858 21.25 13.5H22.75ZM20.7654 21.8478L21.0524 22.5407L21.0524 22.5407L20.7654 21.8478ZM21.8478 20.7654L21.1548 20.4784V20.4784L21.8478 20.7654ZM17 22.75H19V21.25H17V22.75ZM22.75 17V13.5H21.25V17H22.75ZM19 22.75C19.4557 22.75 19.835 22.7504 20.1454 22.7292C20.4625 22.7076 20.762 22.661 21.0524 22.5407L20.4784 21.1548C20.4012 21.1868 20.284 21.2163 20.0433 21.2327C19.7958 21.2496 19.4762 21.25 19 21.25V22.75ZM21.25 19C21.25 19.4762 21.2496 19.7958 21.2327 20.0433C21.2163 20.284 21.1868 20.4012 21.1548 20.4784L22.5407 21.0524C22.661 20.762 22.7076 20.4625 22.7292 20.1454C22.7504 19.835 22.75 19.4557 22.75 19H21.25ZM21.0524 22.5407C21.7262 22.2616 22.2616 21.7262 22.5407 21.0524L21.1548 20.4784C21.028 20.7846 20.7846 21.028 20.4784 21.1549L21.0524 22.5407Z" fill="#1C274C"/>
+<path d="M2 7.1C2 5.13594 2 4.15391 2.44208 3.4325C2.68945 3.02884 3.02884 2.68945 3.4325 2.44208C4.15391 2 5.13594 2 7.1 2C8.40937 2 9.06406 2 9.545 2.29472C9.81411 2.45963 10.0404 2.68589 10.2053 2.955C10.5 3.43594 10.5 4.09063 10.5 5.4V6.5C10.5 8.38562 10.5 9.32843 9.91421 9.91421C9.32843 10.5 8.38562 10.5 6.5 10.5H5.4C4.09063 10.5 3.43594 10.5 2.955 10.2053C2.68589 10.0404 2.45963 9.81411 2.29472 9.545C2 9.06406 2 8.40937 2 7.1Z" stroke="#1C274C" stroke-width="1.5"/>
+<path d="M5 6.25C5 5.73459 5 5.47689 5.12911 5.29493C5.17466 5.23072 5.23072 5.17466 5.29493 5.12911C5.47689 5 5.73459 5 6.25 5C6.76541 5 7.02311 5 7.20507 5.12911C7.26928 5.17466 7.32534 5.23072 7.37089 5.29493C7.5 5.47689 7.5 5.73459 7.5 6.25C7.5 6.76541 7.5 7.02311 7.37089 7.20507C7.32534 7.26928 7.26928 7.32534 7.20507 7.37089C7.02311 7.5 6.76541 7.5 6.25 7.5C5.73459 7.5 5.47689 7.5 5.29493 7.37089C5.23072 7.32534 5.17466 7.26928 5.12911 7.20507C5 7.02311 5 6.76541 5 6.25Z" fill="#1C274C"/>
+<path d="M5 17.75C5 17.2346 5 16.9769 5.12911 16.7949C5.17466 16.7307 5.23072 16.6747 5.29493 16.6291C5.47689 16.5 5.73459 16.5 6.25 16.5C6.76541 16.5 7.02311 16.5 7.20507 16.6291C7.26928 16.6747 7.32534 16.7307 7.37089 16.7949C7.5 16.9769 7.5 17.2346 7.5 17.75C7.5 18.2654 7.5 18.5231 7.37089 18.7051C7.32534 18.7693 7.26928 18.8253 7.20507 18.8709C7.02311 19 6.76541 19 6.25 19C5.73459 19 5.47689 19 5.29493 18.8709C5.23072 18.8253 5.17466 18.7693 5.12911 18.7051C5 18.5231 5 18.2654 5 17.75Z" fill="#1C274C"/>
+<path d="M16 17.75C16 17.0478 16 16.6967 16.1685 16.4444C16.2415 16.3352 16.3352 16.2415 16.4444 16.1685C16.6967 16 17.0478 16 17.75 16C18.4522 16 18.8033 16 19.0556 16.1685C19.1648 16.2415 19.2585 16.3352 19.3315 16.4444C19.5 16.6967 19.5 17.0478 19.5 17.75C19.5 18.4522 19.5 18.8033 19.3315 19.0556C19.2585 19.1648 19.1648 19.2585 19.0556 19.3315C18.8033 19.5 18.4522 19.5 17.75 19.5C17.0478 19.5 16.6967 19.5 16.4444 19.3315C16.3352 19.2585 16.2415 19.1648 16.1685 19.0556C16 18.8033 16 18.4522 16 17.75Z" fill="#1C274C"/>
+</svg>
diff --git a/src/assets/icons/Wallet.svg b/src/assets/icons/Wallet.svg
new file mode 100644
index 00000000..a8b57f70
--- /dev/null
+++ b/src/assets/icons/Wallet.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 8H10" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M20.8333 9H18.2308C16.4465 9 15 10.3431 15 12C15 13.6569 16.4465 15 18.2308 15H20.8333C20.9167 15 20.9583 15 20.9935 14.9979C21.5328 14.965 21.9623 14.5662 21.9977 14.0654C22 14.0327 22 13.994 22 13.9167V10.0833C22 10.006 22 9.96726 21.9977 9.9346C21.9623 9.43384 21.5328 9.03496 20.9935 9.00214C20.9583 9 20.9167 9 20.8333 9Z" stroke="#1C274C" stroke-width="1.5"/>
+<path d="M20.965 9C20.8873 7.1277 20.6366 5.97975 19.8284 5.17157C18.6569 4 16.7712 4 13 4L10 4C6.22876 4 4.34315 4 3.17157 5.17157C2 6.34315 2 8.22876 2 12C2 15.7712 2 17.6569 3.17157 18.8284C4.34315 20 6.22876 20 10 20H13C16.7712 20 18.6569 20 19.8284 18.8284C20.6366 18.0203 20.8873 16.8723 20.965 15" stroke="#1C274C" stroke-width="1.5"/>
+<path d="M17.9912 12H18.0002" stroke="#1C274C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/lib/components/EmojiButton.svelte b/src/lib/components/EmojiButton.svelte
index 4e931f2f..714c3933 100644
--- a/src/lib/components/EmojiButton.svelte
+++ b/src/lib/components/EmojiButton.svelte
@@ -20,7 +20,7 @@
     if (popover) {
       const {x, y, width, height} = popover.popper.getBoundingClientRect()
 
-      if (!between([x, x + width], clientX) || !between([y - 30, y + height + 30], clientY)) {
+      if (!between([x, x + width], clientX) || !between([y - 100, y + height + 100], clientY)) {
         popover.hide()
       }
     }
diff --git a/src/lib/components/Icon.svelte b/src/lib/components/Icon.svelte
index 39321de0..518986a0 100644
--- a/src/lib/components/Icon.svelte
+++ b/src/lib/components/Icon.svelte
@@ -68,6 +68,7 @@
   import Pallete2 from "@assets/icons/Pallete 2.svg?dataurl"
   import Paperclip from "@assets/icons/Paperclip.svg?dataurl"
   import Plain from "@assets/icons/Plain.svg?dataurl"
+  import QRCode from "@assets/icons/QR Code.svg?dataurl"
   import QuestionSquare from "@assets/icons/Question Square.svg?dataurl"
   import RemoteControllerMinimalistic from "@assets/icons/Remote Controller Minimalistic.svg?dataurl"
   import Rocket2 from "@assets/icons/Rocket 2.svg?dataurl"
@@ -90,6 +91,7 @@
   import UserHeart from "@assets/icons/User Heart.svg?dataurl"
   import UserCircle from "@assets/icons/User Circle.svg?dataurl"
   import UserRounded from "@assets/icons/User Rounded.svg?dataurl"
+  import Wallet from "@assets/icons/Wallet.svg?dataurl"
   import Widget from "@assets/icons/Widget.svg?dataurl"
   import WidgetAdd from "@assets/icons/Widget Add.svg?dataurl"
   import WiFiRouterRound from "@assets/icons/Wi-Fi Router Round.svg?dataurl"
@@ -168,6 +170,7 @@
     "pallete-2": Pallete2,
     paperclip: Paperclip,
     plain: Plain,
+    "qr-code": QRCode,
     "question-square": QuestionSquare,
     reply: Reply,
     "remote-controller-minimalistic": RemoteControllerMinimalistic,
@@ -190,6 +193,7 @@
     "user-heart": UserHeart,
     "user-circle": UserCircle,
     "user-rounded": UserRounded,
+    wallet: Wallet,
     widget: Widget,
     "widget-add": WidgetAdd,
     "wifi-router-round": WiFiRouterRound,
diff --git a/src/routes/settings/+layout.svelte b/src/routes/settings/+layout.svelte
index 2f7f753c..00da258c 100644
--- a/src/routes/settings/+layout.svelte
+++ b/src/routes/settings/+layout.svelte
@@ -28,6 +28,11 @@
         <Icon icon="user-circle" /> Profile
       </SecondaryNavItem>
     </div>
+    <div in:fly|local>
+      <SecondaryNavItem href="/settings/wallet">
+        <Icon icon="wallet" /> Wallet
+      </SecondaryNavItem>
+    </div>
     <div in:fly|local={{delay: 50}}>
       <SecondaryNavItem href="/settings/relays">
         <Icon icon="server" /> Relays
diff --git a/src/routes/settings/wallet/+page.svelte b/src/routes/settings/wallet/+page.svelte
new file mode 100644
index 00000000..15bd9300
--- /dev/null
+++ b/src/routes/settings/wallet/+page.svelte
@@ -0,0 +1,87 @@
+<script lang="ts">
+  import {nwc} from "@getalby/sdk"
+  import {LOCALE} from "@welshman/lib"
+  import {displayRelayUrl} from "@welshman/util"
+  import Icon from "@lib/components/Icon.svelte"
+  import Button from "@lib/components/Button.svelte"
+  import WalletConnect from "@app/components/WalletConnect.svelte"
+  import WalletDisconnect from "@app/components/WalletDisconnect.svelte"
+  import {pushModal} from "@app/modal"
+  import {wallet, getWebLn} from "@app/state"
+
+  const connect = () => pushModal(WalletConnect)
+
+  const disconnect = () => pushModal(WalletDisconnect)
+</script>
+
+<div class="content column gap-4">
+  <div class="card2 bg-alt flex flex-col gap-6 shadow-xl">
+    <div class="flex items-center justify-between">
+      <strong class="flex items-center gap-3">
+        <Icon icon="wallet" />
+        Wallet
+      </strong>
+      {#if $wallet}
+        <div class="flex items-center gap-2 text-sm">
+          <Icon icon="check-circle" size={4} />
+          Connected
+        </div>
+      {:else}
+        <Button class="btn btn-primary btn-sm" onclick={connect}>
+          <Icon icon="add-circle" />
+          Connect Wallet
+        </Button>
+      {/if}
+    </div>
+    <div class="col-4">
+      {#if $wallet}
+        {#if $wallet?.type === "webln"}
+          {@const {node, version} = $wallet.info}
+          <div class="flex flex-col justify-between gap-2 lg:flex-row">
+            <p>
+              Connected to <strong>{node?.alias || version || "unknown wallet"}</strong>
+              via <strong>{$wallet.type}</strong>
+            </p>
+            <p class="flex items-center gap-2">
+              Balance:
+              {#await getWebLn()
+                ?.enable()
+                .then(() => getWebLn().getBalance())}
+                <span class="loading loading-spinner loading-sm"></span>
+              {:then res}
+                {new Intl.NumberFormat(LOCALE).format(res?.balance || 0)}
+              {:catch}
+                [unknown]
+              {/await}
+              sats
+            </p>
+          </div>
+        {:else if $wallet.type === "nwc"}
+          {@const {lud16, relayUrl, nostrWalletConnectUrl} = $wallet.info}
+          <div class="flex flex-col justify-between gap-2 lg:flex-row">
+            <p>
+              Connected to <strong>{lud16}</strong> via <strong>{displayRelayUrl(relayUrl)}</strong>
+            </p>
+            <p class="flex items-center gap-2">
+              Balance:
+              {#await new nwc.NWCClient({nostrWalletConnectUrl}).getBalance()}
+                <span class="loading loading-spinner loading-sm"></span>
+              {:then res}
+                {new Intl.NumberFormat(LOCALE).format(res?.balance || 0)}
+              {:catch}
+                [unknown]
+              {/await}
+              sats
+            </p>
+          </div>
+        {/if}
+        <Button class="btn btn-neutral btn-sm" onclick={disconnect}>
+          <Icon icon="close-circle" />
+          Disconnect Wallet
+        </Button>
+      {:else}
+        <p class="py-12 text-center opacity-75">No wallet connected</p>
+      {/if}
+    </div>
+  </div>
+</div>
diff --git a/src/routes/spaces/[relay]/[room]/+page.svelte b/src/routes/spaces/[relay]/[room]/+page.svelte
index 0555183a..5a3ff0f8 100644
--- a/src/routes/spaces/[relay]/[room]/+page.svelte
+++ b/src/routes/spaces/[relay]/[room]/+page.svelte
@@ -13,6 +13,7 @@
     MESSAGE,
     DELETE,
     REACTION,
+    ZAP_RESPONSE,
     ROOM_ADD_USER,
     ROOM_REMOVE_USER,
   } from "@welshman/util"
@@ -226,7 +227,9 @@
       element: element!,
       relays: [url],
       feedFilters: [filter],
-      subscriptionFilters: [{kinds: [DELETE, REACTION, MESSAGE], "#h": [room], since: now()}],
+      subscriptionFilters: [
+        {kinds: [DELETE, REACTION, ZAP_RESPONSE, MESSAGE], "#h": [room], since: now()},
+      ],
       initialEvents: getEventsForUrl(url, [{...filter, limit: 20}]),
       onExhausted: () => {
         loadingEvents = false
diff --git a/src/routes/spaces/[relay]/calendar/+page.svelte b/src/routes/spaces/[relay]/calendar/+page.svelte
index 773d1a84..c07b739a 100644
--- a/src/routes/spaces/[relay]/calendar/+page.svelte
+++ b/src/routes/spaces/[relay]/calendar/+page.svelte
@@ -5,7 +5,7 @@
   import {page} from "$app/stores"
   import {now, last, formatTimestampAsDate} from "@welshman/lib"
   import type {TrustedEvent} from "@welshman/util"
-  import {REACTION, DELETE, EVENT_TIME, getTagValue} from "@welshman/util"
+  import {REACTION, ZAP_RESPONSE, DELETE, EVENT_TIME, getTagValue} from "@welshman/util"
   import {fly} from "@lib/transition"
   import Icon from "@lib/components/Icon.svelte"
   import Button from "@lib/components/Button.svelte"
@@ -93,7 +93,9 @@
 
   onMount(() => {
     const feedFilters = [{kinds: [EVENT_TIME]}]
-    const subscriptionFilters = [{kinds: [DELETE, REACTION, EVENT_TIME], since: now()}]
+    const subscriptionFilters = [
+      {kinds: [DELETE, REACTION, ZAP_RESPONSE, EVENT_TIME], since: now()},
+    ]
 
     ;({events, cleanup} = makeCalendarFeed({
       element: element!,
diff --git a/src/routes/spaces/[relay]/chat/+page.svelte b/src/routes/spaces/[relay]/chat/+page.svelte
index d5610946..183a1574 100644
--- a/src/routes/spaces/[relay]/chat/+page.svelte
+++ b/src/routes/spaces/[relay]/chat/+page.svelte
@@ -5,7 +5,7 @@
   import type {Readable} from "svelte/store"
   import {now, formatTimestampAsDate} from "@welshman/lib"
   import type {TrustedEvent, EventContent} from "@welshman/util"
-  import {makeEvent, MESSAGE, DELETE, REACTION} from "@welshman/util"
+  import {makeEvent, MESSAGE, DELETE, REACTION, ZAP_RESPONSE} from "@welshman/util"
   import {pubkey, publishThunk} from "@welshman/app"
   import {slide, fade, fly} from "@lib/transition"
   import Icon from "@lib/components/Icon.svelte"
@@ -174,7 +174,7 @@
       element: element!,
       relays: [url],
       feedFilters: [filter],
-      subscriptionFilters: [{kinds: [DELETE, REACTION, MESSAGE], since: now()}],
+      subscriptionFilters: [{kinds: [DELETE, REACTION, ZAP_RESPONSE, MESSAGE], since: now()}],
       initialEvents: getEventsForUrl(url, [{...filter, limit: 20}]),
       onExhausted: () => {
         loadingEvents = false
diff --git a/src/routes/spaces/[relay]/threads/+page.svelte b/src/routes/spaces/[relay]/threads/+page.svelte
index 684144dd..695f35e8 100644
--- a/src/routes/spaces/[relay]/threads/+page.svelte
+++ b/src/routes/spaces/[relay]/threads/+page.svelte
@@ -3,7 +3,15 @@
   import {page} from "$app/stores"
   import {sortBy, max, nthEq} from "@welshman/lib"
   import type {TrustedEvent} from "@welshman/util"
-  import {THREAD, REACTION, DELETE, COMMENT, getListTags, getPubkeyTagValues} from "@welshman/util"
+  import {
+    THREAD,
+    REACTION,
+    ZAP_RESPONSE,
+    DELETE,
+    COMMENT,
+    getListTags,
+    getPubkeyTagValues,
+  } from "@welshman/util"
   import {userMutes} from "@welshman/app"
   import {fly} from "@lib/transition"
   import Icon from "@lib/components/Icon.svelte"
@@ -49,7 +57,7 @@
       relays: [url],
       feedFilters: [{kinds: [THREAD, COMMENT]}],
       subscriptionFilters: [
-        {kinds: [THREAD, REACTION, DELETE]},
+        {kinds: [THREAD, REACTION, ZAP_RESPONSE, DELETE]},
         {kinds: [COMMENT], "#K": [String(THREAD)]},
       ],
       initialEvents: getEventsForUrl(url, [{kinds: [THREAD, COMMENT], limit: 10}]),