From a2c5a8e2ff98e54570ae3db0404aa34127d9ace5 Mon Sep 17 00:00:00 2001
From: Jon Staab <jstaab@protonmail.com>
Date: Mon, 27 Jul 2026 15:38:23 -0700
Subject: [PATCH] Clean up convention violations, dead code, and daisyUI
 leftovers

---
 AGENTS.md                                     |   2 +-
 eslint.config.js                              |   4 +
 package.json                                  |   2 +-
 pnpm-lock.yaml                                | Bin 367701 -> 368711 bytes
 pnpm-workspace.yaml                           |   2 +-
 src/app/access.ts                             |  31 +-----
 src/app/call.ts                               |  11 ---
 src/app/components/ChatItem.svelte            |   8 +-
 src/app/components/ChatMembers.svelte         |   4 +-
 src/app/components/ChatMessage.svelte         |   3 +-
 src/app/components/EventInfo.svelte           |   3 +-
 src/app/components/InfoBunker.svelte          |   4 +-
 src/app/components/InfoHandle.svelte          |   4 +-
 src/app/components/InfoNostr.svelte           |   4 +-
 src/app/components/InfoRelay.svelte           |   4 +-
 src/app/components/PinForm.svelte             |   7 +-
 src/app/components/PinboardEdit.svelte        |   4 +-
 src/app/components/PollActions.svelte         |   2 +-
 src/app/components/PrimaryNav.svelte          |   3 +-
 src/app/components/ProfileInfo.svelte         |   3 +-
 src/app/components/ProfileList.svelte         |   4 +-
 src/app/components/RoomChat.svelte            |   5 +-
 src/app/components/RoomCompose.svelte         |   2 +-
 src/app/components/SpaceMenu.svelte           |   6 +-
 src/app/components/Toast.svelte               |  11 ++-
 src/app/components/VideoCallContent.svelte    |   2 +-
 src/app/feeds.ts                              |  93 +-----------------
 src/app/members.ts                            |  36 +++----
 src/lib/components/Badge.svelte               |  13 +--
 src/lib/components/Card.svelte                |  19 ++--
 src/lib/components/CardButton.svelte          |   3 +-
 src/lib/components/ContentSearch.svelte       |   2 +-
 src/lib/components/DateTimeInput.svelte       |   2 +-
 src/lib/components/DateTimeRangeInput.svelte  |   2 +-
 src/lib/components/Input.svelte               |  17 ++--
 src/lib/components/Masonry.svelte             |   8 +-
 src/lib/components/PageContent.svelte         |   2 +-
 .../[relay]/library/[address]/+page.svelte    |  12 ++-
 38 files changed, 120 insertions(+), 224 deletions(-)

diff --git a/AGENTS.md b/AGENTS.md
index a15e538e..59363a72 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -6,7 +6,7 @@ Flotilla is a Nostr "relays as groups" community chat client. It implements NIP-
 
 - SvelteKit 5.48+ with TypeScript 5.9+
 - Capacitor for cross-platform (Web/PWA, Android, iOS)
-- TailwindCSS + DaisyUI for styling
+- TailwindCSS for styling
 - Welshman library suite for Nostr protocol
 - IndexedDB for local storage
 - Vite for building
diff --git a/eslint.config.js b/eslint.config.js
index 89e6c12b..7d6c1ba2 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -26,6 +26,10 @@ export default [
         parser: ts.parser,
       },
     },
+    rules: {
+      // eslint doesn't see type parameters declared by <script generics="...">
+      "no-undef": "off",
+    },
   },
   {
     ignores: ["build/", ".svelte-kit/", "dist/"],
diff --git a/package.json b/package.json
index 1768be24..a609a499 100644
--- a/package.json
+++ b/package.json
@@ -35,7 +35,7 @@
     "postcss": "^8.5.15",
     "prettier": "^3.8.1",
     "prettier-plugin-svelte": "^3.4.1",
-    "sharp": "0.35.0-rc.0",
+    "sharp": "^0.35.3",
     "svelte": "^5.55.9",
     "svelte-check": "^4.3.5",
     "tailwindcss": "^4.2.2",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 53fb07dd9c100bfd503f7e12c8ac6a1dfb757125..111629b66db1faa2609299c2694a5fafb68c7ba2 100644
GIT binary patch
delta 4587
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

delta 4309
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
G@&5tERgMS%

diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index 4bda5131..0df7ebe8 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -16,4 +16,4 @@ minimumReleaseAgeExclude:
   - '@welshman/store'
   - '@welshman/util'
 overrides:
-  sharp: 0.35.0-rc.0
+  sharp: ^0.35.3
diff --git a/src/app/access.ts b/src/app/access.ts
index d459dfee..da6e5ec3 100644
--- a/src/app/access.ts
+++ b/src/app/access.ts
@@ -1,16 +1,6 @@
 import {derived, get, writable, type Readable} from "svelte/store"
-import {
-  dissoc,
-  filterVals,
-  fromPairs,
-  isDefined,
-  last,
-  poll,
-  randomId,
-  sleep,
-  tryCatch,
-} from "@welshman/lib"
-import {AuthStatus, load, Pool, request, SocketStatus} from "@welshman/net"
+import {dissoc, fromPairs, last, poll, randomId, sleep, tryCatch} from "@welshman/lib"
+import {AuthStatus, Pool, request, SocketStatus} from "@welshman/net"
 import {
   displayRelayUrl,
   getTagValue,
@@ -42,8 +32,6 @@ export type InviteData = {
   code?: string
 }
 
-export type InviteCreateStatus = "loading" | "network" | "auth" | "failed" | "noclaim" | "ready"
-
 export type JoinRequestParams = {
   url: string
   claim: string
@@ -116,21 +104,6 @@ export const deriveRelayAuthError = (url: string) =>
     }
   })
 
-export const requestRelayClaim = async (url: string) => {
-  const filters = [{kinds: [RELAY_INVITE], limit: 1}]
-  const events = await load({filters, relays: [url]})
-
-  if (events.length > 0) {
-    return getTagValue("claim", events[0].tags)
-  }
-}
-
-export const requestRelayClaims = async (urls: string[]) =>
-  filterVals(
-    isDefined,
-    fromPairs(await Promise.all(urls.map(async url => [url, await requestRelayClaim(url)]))),
-  )
-
 export const makeJoinRequest = (params: JoinRequestParams) =>
   makeEvent(RELAY_JOIN, {tags: [["claim", params.claim]]})
 
diff --git a/src/app/call.ts b/src/app/call.ts
index e521e836..af6aa6b3 100644
--- a/src/app/call.ts
+++ b/src/app/call.ts
@@ -29,8 +29,6 @@ import {pushToast} from "@app/toast"
 
 export const LIVEKIT_PARTICIPANTS = 39004
 
-export {checkRelayHasLivekit} from "$lib/livekit"
-
 export {supportsAudioOutputSelection}
 
 const LIVEKIT_DEFAULT_DEVICE_ID = "default"
@@ -105,15 +103,6 @@ export const isParticipantSpeaking = derived(
     $participants.some(sp => participantKey(sp) === participantKey(p)),
 )
 
-export const isLocalSpeaking = derived(
-  [currentCallSession, speakingParticipants],
-  ([$session, $speaking]) => {
-    if (!$session?.livekit) return false
-    const local = participantFromLiveKitIdentity($session.livekit.localParticipant.identity)
-    return $speaking.some(sp => participantKey(sp) === participantKey(local))
-  },
-)
-
 export const videoTrackRevision = writable(0)
 
 export const triggerVideoTrackRevision = () => {
diff --git a/src/app/components/ChatItem.svelte b/src/app/components/ChatItem.svelte
index a6ae83fc..4bc2dc30 100644
--- a/src/app/components/ChatItem.svelte
+++ b/src/app/components/ChatItem.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
   import {onMount} from "svelte"
+  import cx from "classnames"
   import {page} from "$app/stores"
   import {remove, uniq, formatTimestamp} from "@welshman/lib"
   import type {TrustedEvent} from "@welshman/util"
@@ -35,8 +36,11 @@
 
 <Button class="flex flex-col justify-start gap-1 w-full" onclick={openChat}>
   <div
-    class="cursor-pointer border-t border-solid px-3 py-2 transition-colors hover:bg-surface {props.class}"
-    class:bg-surface={active}
+    class={cx(
+      "cursor-pointer border-t border-solid px-3 py-2 transition-colors hover:bg-surface",
+      props.class,
+      {"bg-surface": active},
+    )}
     style="border-color: var(--line)">
     <div class="flex flex-col justify-start gap-1">
       <div class="flex items-center justify-between gap-2">
diff --git a/src/app/components/ChatMembers.svelte b/src/app/components/ChatMembers.svelte
index 91272d08..e956e0b7 100644
--- a/src/app/components/ChatMembers.svelte
+++ b/src/app/components/ChatMembers.svelte
@@ -12,6 +12,8 @@
   }
 
   const {pubkeys}: Props = $props()
+
+  const back = () => history.back()
 </script>
 
 <Modal>
@@ -28,6 +30,6 @@
     </div>
   </ModalBody>
   <ModalFooter>
-    <Button class="button button-primary" onclick={() => history.back()}>Got it</Button>
+    <Button class="button button-primary" onclick={back}>Got it</Button>
   </ModalFooter>
 </Modal>
diff --git a/src/app/components/ChatMessage.svelte b/src/app/components/ChatMessage.svelte
index 6aeeb72f..ce372e21 100644
--- a/src/app/components/ChatMessage.svelte
+++ b/src/app/components/ChatMessage.svelte
@@ -72,8 +72,7 @@
 {/if}
 <div
   data-event={event.id}
-  class="group flex items-center justify-end gap-1 px-2"
-  class:flex-row-reverse={!isOwn}>
+  class={cx("group flex items-center justify-end gap-1 px-2", {"flex-row-reverse": !isOwn})}>
   {#if !isMobile}
     <Tippy
       bind:popover
diff --git a/src/app/components/EventInfo.svelte b/src/app/components/EventInfo.svelte
index bb716722..2f15971e 100644
--- a/src/app/components/EventInfo.svelte
+++ b/src/app/components/EventInfo.svelte
@@ -35,6 +35,7 @@
   const copyLink = () => clip(nevent1)
   const copyPubkey = () => clip(npub1)
   const copyJson = () => clip(json)
+  const back = () => history.back()
 
   const formatter = new Intl.DateTimeFormat(LOCALE, {
     dateStyle: "long",
@@ -110,6 +111,6 @@
     </div>
   </ModalBody>
   <ModalFooter>
-    <Button class="button button-primary grow" onclick={() => history.back()}>Got it</Button>
+    <Button class="button button-primary grow" onclick={back}>Got it</Button>
   </ModalFooter>
 </Modal>
diff --git a/src/app/components/InfoBunker.svelte b/src/app/components/InfoBunker.svelte
index d40f286e..11246146 100644
--- a/src/app/components/InfoBunker.svelte
+++ b/src/app/components/InfoBunker.svelte
@@ -6,6 +6,8 @@
   import ModalHeader from "@lib/components/ModalHeader.svelte"
   import ModalTitle from "@lib/components/ModalTitle.svelte"
   import {PLATFORM_NAME} from "@app/env"
+
+  const back = () => history.back()
 </script>
 
 <Modal
@@ -37,5 +39,5 @@
         href="https://nostrapps.com#signers">nostrapps.com</Link
       >.
     </p>
-    <Button class="button button-primary" onclick={() => history.back()}>Got it</Button>
+    <Button class="button button-primary" onclick={back}>Got it</Button>
   </ModalBody></Modal>
diff --git a/src/app/components/InfoHandle.svelte b/src/app/components/InfoHandle.svelte
index d8556d52..c007f8d6 100644
--- a/src/app/components/InfoHandle.svelte
+++ b/src/app/components/InfoHandle.svelte
@@ -6,6 +6,8 @@
   import ModalHeader from "@lib/components/ModalHeader.svelte"
   import ModalTitle from "@lib/components/ModalTitle.svelte"
   import {PLATFORM_NAME} from "@app/env"
+
+  const back = () => history.back()
 </script>
 
 <Modal
@@ -27,5 +29,5 @@
         class="underline">nostr.how</Link
       >.
     </p>
-    <Button class="button button-primary" onclick={() => history.back()}>Got it</Button>
+    <Button class="button button-primary" onclick={back}>Got it</Button>
   </ModalBody></Modal>
diff --git a/src/app/components/InfoNostr.svelte b/src/app/components/InfoNostr.svelte
index 7ccfb190..86d89df7 100644
--- a/src/app/components/InfoNostr.svelte
+++ b/src/app/components/InfoNostr.svelte
@@ -5,6 +5,8 @@
   import ModalBody from "@lib/components/ModalBody.svelte"
   import ModalHeader from "@lib/components/ModalHeader.svelte"
   import ModalTitle from "@lib/components/ModalTitle.svelte"
+
+  const back = () => history.back()
 </script>
 
 <Modal
@@ -28,5 +30,5 @@
       To learn more about how to manage your keys, or to set up an account, try
       <Link external class="link" href="https://nosta.me/">nosta.me</Link>.
     </p>
-    <Button class="button button-primary" onclick={() => history.back()}>Got it</Button>
+    <Button class="button button-primary" onclick={back}>Got it</Button>
   </ModalBody></Modal>
diff --git a/src/app/components/InfoRelay.svelte b/src/app/components/InfoRelay.svelte
index 73e2cdbd..48889868 100644
--- a/src/app/components/InfoRelay.svelte
+++ b/src/app/components/InfoRelay.svelte
@@ -7,6 +7,8 @@
   import Modal from "@lib/components/Modal.svelte"
   import ModalBody from "@lib/components/ModalBody.svelte"
   import {PLATFORM_NAME} from "@app/env"
+
+  const back = () => history.back()
 </script>
 
 <Modal>
@@ -27,6 +29,6 @@
     </p>
   </ModalBody>
   <ModalFooter>
-    <Button class="button button-primary" onclick={() => history.back()}>Got it</Button>
+    <Button class="button button-primary" onclick={back}>Got it</Button>
   </ModalFooter>
 </Modal>
diff --git a/src/app/components/PinForm.svelte b/src/app/components/PinForm.svelte
index bc522181..1ae65e64 100644
--- a/src/app/components/PinForm.svelte
+++ b/src/app/components/PinForm.svelte
@@ -88,10 +88,7 @@
         Title
       {/snippet}
       {#snippet input()}
-        <input
-          bind:value={title}
-          class="input input-bordered w-full"
-          placeholder="Optional title" />
+        <input bind:value={title} class="input w-full" placeholder="Optional title" />
       {/snippet}
     </Field>
     <Field>
@@ -133,7 +130,7 @@
         <p>A URL or nostr link (note, nevent, naddr, npub, or nprofile).</p>
       {/snippet}
       {#snippet input()}
-        <input bind:value class="input input-bordered w-full" placeholder="URL or nevent..." />
+        <input bind:value class="input w-full" placeholder="URL or nevent..." />
       {/snippet}
     </Field>
   </ModalBody>
diff --git a/src/app/components/PinboardEdit.svelte b/src/app/components/PinboardEdit.svelte
index 936a196d..e233c752 100644
--- a/src/app/components/PinboardEdit.svelte
+++ b/src/app/components/PinboardEdit.svelte
@@ -65,7 +65,7 @@
         Title
       {/snippet}
       {#snippet input()}
-        <input bind:value={title} class="input input-bordered w-full" placeholder="Shelf title" />
+        <input bind:value={title} class="input w-full" placeholder="Shelf title" />
       {/snippet}
     </Field>
     <Field>
@@ -75,7 +75,7 @@
       {#snippet input()}
         <input
           bind:value={description}
-          class="input input-bordered w-full"
+          class="input w-full"
           placeholder="What's this shelf about?" />
       {/snippet}
     </Field>
diff --git a/src/app/components/PollActions.svelte b/src/app/components/PollActions.svelte
index fb7421c4..bf154b22 100644
--- a/src/app/components/PollActions.svelte
+++ b/src/app/components/PollActions.svelte
@@ -12,7 +12,7 @@
   import {canEnforceNip70} from "@app/relays"
   import {makePollPath, makeSpacePath} from "@app/routes"
 
-  interface Props {
+  type Props = {
     url: string
     event: TrustedEvent
     showRoom?: boolean
diff --git a/src/app/components/PrimaryNav.svelte b/src/app/components/PrimaryNav.svelte
index f88a0195..cb1b12f7 100644
--- a/src/app/components/PrimaryNav.svelte
+++ b/src/app/components/PrimaryNav.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
   import type {Snippet} from "svelte"
+  import cx from "classnames"
   import {userProfile} from "@welshman/app"
   import Letter from "@assets/icons/letter.svg?dataurl"
   import Magnifier from "@assets/icons/magnifier.svg?dataurl"
@@ -33,7 +34,7 @@
   )
 </script>
 
-<div class="primary-nav" class:justify-between={PLATFORM_RELAYS.length === 0}>
+<div class={cx("primary-nav", {"justify-between": PLATFORM_RELAYS.length === 0})}>
   <PrimaryNavSpaces />
   {#if PLATFORM_RELAYS.length > 0}
     <Divider />
diff --git a/src/app/components/ProfileInfo.svelte b/src/app/components/ProfileInfo.svelte
index 4af6cc63..198d6fe1 100644
--- a/src/app/components/ProfileInfo.svelte
+++ b/src/app/components/ProfileInfo.svelte
@@ -41,6 +41,7 @@
   const copyLink = () => clip(nprofile1)
   const copyPubkey = () => clip(npub1)
   const copyJson = () => clip(json)
+  const back = () => history.back()
 
   const formatter = new Intl.DateTimeFormat(LOCALE, {
     dateStyle: "long",
@@ -116,6 +117,6 @@
     </div>
   </ModalBody>
   <ModalFooter>
-    <Button class="button button-primary grow" onclick={() => history.back()}>Got it</Button>
+    <Button class="button button-primary grow" onclick={back}>Got it</Button>
   </ModalFooter>
 </Modal>
diff --git a/src/app/components/ProfileList.svelte b/src/app/components/ProfileList.svelte
index 9eaaabbe..f1fe3258 100644
--- a/src/app/components/ProfileList.svelte
+++ b/src/app/components/ProfileList.svelte
@@ -16,6 +16,8 @@
   }
 
   const {subtitle = "", pubkeys, url, ...restProps}: Props = $props()
+
+  const back = () => history.back()
 </script>
 
 <Modal>
@@ -31,6 +33,6 @@
     {/each}
   </ModalBody>
   <ModalFooter>
-    <Button class="button button-primary" onclick={() => history.back()}>Got it</Button>
+    <Button class="button button-primary" onclick={back}>Got it</Button>
   </ModalFooter>
 </Modal>
diff --git a/src/app/components/RoomChat.svelte b/src/app/components/RoomChat.svelte
index 8fe4274c..a8d49490 100644
--- a/src/app/components/RoomChat.svelte
+++ b/src/app/components/RoomChat.svelte
@@ -515,8 +515,9 @@
           {#if type === "new-messages"}
             <div
               {id}
-              class="flex items-center py-2 text-xs transition-colors"
-              class:opacity-0={showFixedNewMessages}>
+              class={cx("flex items-center py-2 text-xs transition-colors", {
+                "opacity-0": showFixedNewMessages,
+              })}>
               <div class="h-px grow bg-primary text-primary-content"></div>
               <p
                 class="rounded-full bg-primary text-primary-content px-2 py-1"
diff --git a/src/app/components/RoomCompose.svelte b/src/app/components/RoomCompose.svelte
index 39a1caa9..17e99704 100644
--- a/src/app/components/RoomCompose.svelte
+++ b/src/app/components/RoomCompose.svelte
@@ -131,7 +131,7 @@
       </Tippy>
     </Button>
   </div>
-  <div class="chat-editor grow overflow-hidden rounded-box">
+  <div class="chat-editor grow overflow-hidden">
     <EditorContent {autofocus} {editor} />
   </div>
   <Button
diff --git a/src/app/components/SpaceMenu.svelte b/src/app/components/SpaceMenu.svelte
index 23978ec4..a2aaad65 100644
--- a/src/app/components/SpaceMenu.svelte
+++ b/src/app/components/SpaceMenu.svelte
@@ -161,8 +161,10 @@
       <strong class="flex items-center gap-1 relative">
         <RelayName {url} class="truncate min-w-0" />
         <div
-          class="absolute -right-3 top-0 h-2 w-2 rounded-full bg-primary text-primary-content transition-all opacity-0"
-          class:opacity-100={$userIsAdmin && $actionItems.length > 0}>
+          class={cx(
+            "absolute -right-3 top-0 h-2 w-2 rounded-full bg-primary text-primary-content transition-all",
+            $userIsAdmin && $actionItems.length > 0 ? "opacity-100" : "opacity-0",
+          )}>
         </div>
         {#if $notificationSettings.push && !$shouldNotify}
           <Icon icon={BellOff} size={3} class="opacity-50" />
diff --git a/src/app/components/Toast.svelte b/src/app/components/Toast.svelte
index 62b99226..8c0a2dc9 100644
--- a/src/app/components/Toast.svelte
+++ b/src/app/components/Toast.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+  import cx from "classnames"
   import {parse, renderAsHtml} from "@welshman/content"
   import Close from "@assets/icons/close.svg?dataurl"
   import {fly} from "@lib/transition"
@@ -84,16 +85,16 @@
     {#key $toast.id}
       <div
         role="alert"
-        class="card relative flex justify-center whitespace-normal text-left"
-        class:text-content={theme === "info"}
-        class:text-error={theme === "error"}
-        style={theme === "error" ? "border-color: var(--error)" : ""}>
+        class={cx("card relative flex justify-center whitespace-normal text-left", {
+          "text-content": theme === "info",
+          "border-error text-error": theme === "error",
+        })}>
         <Button
           class="button button-neutral button-xs button-circle absolute -top-2 -right-2 hidden md:inline-flex flex justify-center items-center"
           onclick={onClose}>
           <Icon icon={Close} size={4} />
         </Button>
-        <p class="md:pr-6" class:welshman-content-error={theme === "error"}>
+        <p class={cx("md:pr-6", {"welshman-content-error": theme === "error"})}>
           {#if $toast.message}
             {@html renderAsHtml(parse({content: $toast.message}))}
             {#if $toast.action}
diff --git a/src/app/components/VideoCallContent.svelte b/src/app/components/VideoCallContent.svelte
index d4078766..3d784752 100644
--- a/src/app/components/VideoCallContent.svelte
+++ b/src/app/components/VideoCallContent.svelte
@@ -247,7 +247,7 @@
       </div>
     {/if}
     <span
-      class="pointer-events-none absolute bottom-1 left-1 max-w-[calc(100%-0.5rem)] truncate rounded bg-base-100/80 px-1.5 py-0.5 text-xs">
+      class="pointer-events-none absolute bottom-1 left-1 max-w-[calc(100%-0.5rem)] truncate rounded bg-surface/80 px-1.5 py-0.5 text-xs">
       {labelFor(tile.liveKitIdentity, tile.source)}{tile.isLocal ? " (you)" : ""}
     </span>
     {#if videoTiles.length > 1}
diff --git a/src/app/feeds.ts b/src/app/feeds.ts
index 888c4a38..f5acfdb8 100644
--- a/src/app/feeds.ts
+++ b/src/app/feeds.ts
@@ -1,18 +1,9 @@
-import {deriveItems, deriveItemsByKey, getter, makeDeriveItem, makeLoadItem} from "@welshman/store"
-import {
-  ensurePlaintext,
-  makeOutboxLoader,
-  makeUserData,
-  makeUserLoader,
-  repository,
-  tracker,
-} from "@welshman/app"
-import {derived, writable} from "svelte/store"
+import {repository, tracker} from "@welshman/app"
+import {writable} from "svelte/store"
 import {
   batch,
   between,
   call,
-  groupBy,
   insertAt,
   int,
   now,
@@ -22,87 +13,13 @@ import {
   MONTH,
   YEAR,
 } from "@welshman/lib"
-import {
-  Address,
-  EVENT_TIME,
-  FEED,
-  FEEDS,
-  asDecryptedEvent,
-  getAddress,
-  getIdFilters,
-  getTagValue,
-  matchFilters,
-  readList,
-} from "@welshman/util"
-import type {Filter, PublishedList, TrustedEvent} from "@welshman/util"
-import {load, mergeRepositoryUpdates, request} from "@welshman/net"
+import {EVENT_TIME, getAddress, getTagValue, matchFilters} from "@welshman/util"
+import type {Filter, TrustedEvent} from "@welshman/util"
+import {mergeRepositoryUpdates, request} from "@welshman/net"
 import type {RepositoryUpdate} from "@welshman/net"
-import {Router} from "@welshman/router"
 import {createScroller} from "@lib/html"
 import {daysBetween} from "@lib/util"
-import {readFeed} from "@lib/feeds"
 import {getEventsForUrl} from "@app/repository"
-export const feedsByAddress = deriveItemsByKey({
-  repository,
-  getKey: feed => getAddress(feed.event),
-  filters: [{kinds: [FEED]}],
-  eventToItem: readFeed,
-})
-
-export const getFeedsByAddress = getter(feedsByAddress)
-
-export const feeds = deriveItems(feedsByAddress)
-
-export const getFeeds = getter(feeds)
-
-export const getFeed = (address: string) => getFeedsByAddress().get(address)
-
-export const fetchFeed = (address: string) => {
-  const {pubkey} = Address.from(address)
-
-  return load({
-    relays: Router.get().FromPubkey(pubkey).getUrls(),
-    filters: getIdFilters([address]),
-  })
-}
-
-export const loadFeed = makeLoadItem(fetchFeed, getFeed)
-
-export const deriveFeed = makeDeriveItem(feedsByAddress, loadFeed)
-
-export const feedsByPubkey = derived(feeds, $feeds => groupBy(f => f.event.pubkey, $feeds))
-
-export const getFeedsByPubkey = getter(feedsByPubkey)
-
-export const getFeedsForPubkey = (pubkey: string) => getFeedsByPubkey().get(pubkey)
-
-export const loadFeedsForPubkey = makeLoadItem(makeOutboxLoader(FEED), getFeedsForPubkey)
-
-export const userFeeds = makeUserData(feedsByPubkey, loadFeedsForPubkey)
-
-export const loadUserFeeds = makeUserLoader(loadFeedsForPubkey)
-
-export const feedFavoritesByPubkey = deriveItemsByKey<PublishedList>({
-  repository,
-  getKey: list => list.event.pubkey,
-  filters: [{kinds: [FEEDS]}],
-  eventToItem: async event =>
-    readList(
-      asDecryptedEvent(event, {
-        content: await ensurePlaintext(event),
-      }),
-    ),
-})
-
-export const getFeedFavoritesByPubkey = getter(feedFavoritesByPubkey)
-
-export const getFeedFavorites = (pubkey: string) => getFeedFavoritesByPubkey().get(pubkey)
-
-export const loadFeedFavorites = makeLoadItem(makeOutboxLoader(FEEDS), getFeedFavorites)
-
-export const userFeedFavorites = makeUserData(feedFavoritesByPubkey, loadFeedFavorites)
-
-export const loadUserFeedFavorites = makeUserLoader(loadFeedFavorites)
 
 export const makeFeed = ({
   relays,
diff --git a/src/app/members.ts b/src/app/members.ts
index ca051aba..faf0c1ac 100644
--- a/src/app/members.ts
+++ b/src/app/members.ts
@@ -19,7 +19,7 @@ import {
   getTagValues,
   sortEventsAsc,
 } from "@welshman/util"
-import type {Filter, PublishedRoomMeta, TrustedEvent} from "@welshman/util"
+import type {Filter, ManagementRequest, PublishedRoomMeta, TrustedEvent} from "@welshman/util"
 import {first, simpleCache, sortBy, spec, uniq} from "@welshman/lib"
 import {addRoomMember, manageRelay, pubkey, waitForThunkError} from "@welshman/app"
 import {load} from "@welshman/net"
@@ -47,7 +47,7 @@ const DEFAULT_LIGHTNESS = 0.5
 
 // Parse the hue from a ["color", hue] tag, falling back to 0.
 export const parseRoleColor = (tags: string[][]): number => {
-  const hue = parseFloat(first(getTags("color", tags))?.[1] ?? "")
+  const hue = parseFloat(getTagValue("color", tags) ?? "")
 
   return isNaN(hue) ? 0 : hue
 }
@@ -105,6 +105,11 @@ export const deriveSpaceMemberRoles = (url: string) =>
 const reloadRole = (url: string, id: string) =>
   load({relays: [url], filters: [{kinds: [RELAY_ROLE], "#d": [id]}]})
 
+// Roles extend NIP-86: these methods aren't in welshman's ManagementMethod, and hue and
+// order go over the wire as JSON numbers, not strings, per the relay's implementation.
+const manageRole = (url: string, method: string, params: (string | number)[]) =>
+  manageRelay(url, {method, params} as ManagementRequest)
+
 export const createRole = async (
   url: string,
   id: string,
@@ -113,11 +118,7 @@ export const createRole = async (
   color: number,
   order: number,
 ): Promise<string | undefined> => {
-  const {error} = await manageRelay(url, {
-    method: "createrole" as ManagementMethod,
-    // hue and order go over the wire as JSON numbers, not strings, per the relay's NIP-86 impl.
-    params: [id, label, description, color, order] as unknown as string[],
-  })
+  const {error} = await manageRole(url, "createrole", [id, label, description, color, order])
 
   if (!error) {
     await reloadRole(url, id)
@@ -134,11 +135,7 @@ export const editRole = async (
   color: number,
   order: number,
 ): Promise<string | undefined> => {
-  const {error} = await manageRelay(url, {
-    method: "editrole" as ManagementMethod,
-    // hue and order go over the wire as JSON numbers, not strings, per the relay's NIP-86 impl.
-    params: [id, label, description, color, order] as unknown as string[],
-  })
+  const {error} = await manageRole(url, "editrole", [id, label, description, color, order])
 
   if (!error) {
     await reloadRole(url, id)
@@ -148,10 +145,7 @@ export const editRole = async (
 }
 
 export const deleteRole = async (url: string, id: string): Promise<string | undefined> => {
-  const {error} = await manageRelay(url, {
-    method: "deleterole" as ManagementMethod,
-    params: [id],
-  })
+  const {error} = await manageRole(url, "deleterole", [id])
 
   return error
 }
@@ -161,10 +155,7 @@ export const assignRole = async (
   pubkey: string,
   roleId: string,
 ): Promise<string | undefined> => {
-  const {error} = await manageRelay(url, {
-    method: "assignrole" as ManagementMethod,
-    params: [pubkey, roleId],
-  })
+  const {error} = await manageRole(url, "assignrole", [pubkey, roleId])
 
   return error
 }
@@ -174,10 +165,7 @@ export const unassignRole = async (
   pubkey: string,
   roleId: string,
 ): Promise<string | undefined> => {
-  const {error} = await manageRelay(url, {
-    method: "unassignrole" as ManagementMethod,
-    params: [pubkey, roleId],
-  })
+  const {error} = await manageRole(url, "unassignrole", [pubkey, roleId])
 
   return error
 }
diff --git a/src/lib/components/Badge.svelte b/src/lib/components/Badge.svelte
index c1c68585..f24dbdd6 100644
--- a/src/lib/components/Badge.svelte
+++ b/src/lib/components/Badge.svelte
@@ -1,17 +1,14 @@
 <script lang="ts">
   import type {Snippet} from "svelte"
+  import type {HTMLAttributes} from "svelte/elements"
   import cx from "classnames"
 
-  const {
-    children,
-    variant = "neutral",
-    ...restProps
-  }: {
+  type Props = HTMLAttributes<HTMLSpanElement> & {
     children?: Snippet
     variant?: "neutral" | "primary" | "warning"
-    class?: string
-    [key: string]: any
-  } = $props()
+  }
+
+  const {children, variant = "neutral", ...restProps}: Props = $props()
 
   const className = $derived(cx("badge", `badge-${variant}`, restProps.class))
 </script>
diff --git a/src/lib/components/Card.svelte b/src/lib/components/Card.svelte
index 95610b19..49f9694c 100644
--- a/src/lib/components/Card.svelte
+++ b/src/lib/components/Card.svelte
@@ -1,7 +1,16 @@
 <script lang="ts">
   import type {Snippet} from "svelte"
+  import type {HTMLAttributes} from "svelte/elements"
   import cx from "classnames"
 
+  type Props = HTMLAttributes<HTMLElement> & {
+    children?: Snippet
+    tag?: string
+    sm?: boolean
+    flat?: boolean
+    interactive?: boolean
+  }
+
   const {
     children,
     tag = "div",
@@ -9,15 +18,7 @@
     flat = false,
     interactive = false,
     ...restProps
-  }: {
-    children?: Snippet
-    tag?: string
-    sm?: boolean
-    flat?: boolean
-    interactive?: boolean
-    class?: string
-    [key: string]: any
-  } = $props()
+  }: Props = $props()
 
   const className = $derived(
     cx(
diff --git a/src/lib/components/CardButton.svelte b/src/lib/components/CardButton.svelte
index bcb494db..9c8ac202 100644
--- a/src/lib/components/CardButton.svelte
+++ b/src/lib/components/CardButton.svelte
@@ -8,10 +8,9 @@
     title?: Snippet
     info?: Snippet
     primary?: boolean
-    [key: string]: any
   }
 
-  const {icon, title, info, primary, ...props}: Props = $props()
+  const {icon, title, info, primary}: Props = $props()
 </script>
 
 <div class="card-button {primary ? 'card-button-primary' : 'card-button-neutral'}">
diff --git a/src/lib/components/ContentSearch.svelte b/src/lib/components/ContentSearch.svelte
index 3d1d9c5d..2c5eaf28 100644
--- a/src/lib/components/ContentSearch.svelte
+++ b/src/lib/components/ContentSearch.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  interface Props {
+  type Props = {
     input?: import("svelte").Snippet
     content?: import("svelte").Snippet
     [key: string]: any
diff --git a/src/lib/components/DateTimeInput.svelte b/src/lib/components/DateTimeInput.svelte
index 101cc6d4..ed2a5f5a 100644
--- a/src/lib/components/DateTimeInput.svelte
+++ b/src/lib/components/DateTimeInput.svelte
@@ -7,7 +7,7 @@
   import Icon from "@lib/components/Icon.svelte"
   import Button from "@lib/components/Button.svelte"
 
-  interface Props {
+  type Props = {
     value?: number | undefined
   }
 
diff --git a/src/lib/components/DateTimeRangeInput.svelte b/src/lib/components/DateTimeRangeInput.svelte
index 03978db9..1ceafe89 100644
--- a/src/lib/components/DateTimeRangeInput.svelte
+++ b/src/lib/components/DateTimeRangeInput.svelte
@@ -5,7 +5,7 @@
   import {anchorDatepicker} from "@lib/html"
   import Icon from "@lib/components/Icon.svelte"
 
-  interface Props {
+  type Props = {
     start?: number | undefined
     end?: number | undefined
   }
diff --git a/src/lib/components/Input.svelte b/src/lib/components/Input.svelte
index e3dec32c..bcca8ec0 100644
--- a/src/lib/components/Input.svelte
+++ b/src/lib/components/Input.svelte
@@ -1,7 +1,15 @@
 <script lang="ts">
   import type {Snippet} from "svelte"
+  import type {HTMLInputAttributes} from "svelte/elements"
   import cx from "classnames"
 
+  type Props = Omit<HTMLInputAttributes, "value"> & {
+    value?: string
+    before?: Snippet
+    after?: Snippet
+    sm?: boolean
+  }
+
   let {
     value = $bindable(),
     before,
@@ -9,14 +17,7 @@
     sm = false,
     class: className = "",
     ...restProps
-  }: {
-    value?: any
-    before?: Snippet
-    after?: Snippet
-    sm?: boolean
-    class?: string
-    [key: string]: any
-  } = $props()
+  }: Props = $props()
 
   const wrapperClass = $derived(cx("input", "input-group", {"input-sm": sm}, className))
 </script>
diff --git a/src/lib/components/Masonry.svelte b/src/lib/components/Masonry.svelte
index c2471478..1913e084 100644
--- a/src/lib/components/Masonry.svelte
+++ b/src/lib/components/Masonry.svelte
@@ -1,10 +1,10 @@
-<script lang="ts">
+<script lang="ts" generics="T">
   import type {Snippet} from "svelte"
 
   type Props = {
-    items: any[]
-    child: Snippet<[any]>
-    getKey: (item: any) => PropertyKey
+    items: T[]
+    child: Snippet<[T]>
+    getKey: (item: T) => PropertyKey
     // Minimum column width, in tailwind spacing units (1 = 0.25rem). The browser
     // fits as many columns as the container allows, so the layout stays
     // responsive without media queries.
diff --git a/src/lib/components/PageContent.svelte b/src/lib/components/PageContent.svelte
index 5808c581..a3c4757a 100644
--- a/src/lib/components/PageContent.svelte
+++ b/src/lib/components/PageContent.svelte
@@ -2,7 +2,7 @@
   import cx from "classnames"
   import type {Snippet} from "svelte"
 
-  interface Props {
+  type Props = {
     element?: Element
     children?: Snippet
     noPad?: boolean
diff --git a/src/routes/spaces/[relay]/library/[address]/+page.svelte b/src/routes/spaces/[relay]/library/[address]/+page.svelte
index 2c379858..b68f2798 100644
--- a/src/routes/spaces/[relay]/library/[address]/+page.svelte
+++ b/src/routes/spaces/[relay]/library/[address]/+page.svelte
@@ -56,6 +56,14 @@
 
   const back = () => history.back()
 
+  const toggleMenu = () => {
+    menuOpen = !menuOpen
+  }
+
+  const closeMenu = () => {
+    menuOpen = false
+  }
+
   const showInfo = () => {
     menuOpen = false
 
@@ -122,11 +130,11 @@
       <Button
         class="button button-neutral button-sm button-square"
         aria-label="More options"
-        onclick={() => (menuOpen = !menuOpen)}>
+        onclick={toggleMenu}>
         <Icon size={4} icon={MenuDots} />
       </Button>
       {#if menuOpen}
-        <Popover hideOnClick onClose={() => (menuOpen = false)}>
+        <Popover hideOnClick onClose={closeMenu}>
           <ul
             transition:fly
             class="menu bg-surface absolute right-0 z-popover mt-2 w-48 gap-1 rounded-2xl p-2">