diff --git a/.changeset/happy-mayflies-destroy.md b/.changeset/happy-mayflies-destroy.md
deleted file mode 100644
index 99c81e29ed..0000000000
--- a/.changeset/happy-mayflies-destroy.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'@penumbra-zone/ui': minor
----
-
-Add `AssetSelector` UI component
diff --git a/.changeset/hungry-yaks-carry.md b/.changeset/hungry-yaks-carry.md
deleted file mode 100644
index 0ddc1ae3b9..0000000000
--- a/.changeset/hungry-yaks-carry.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-'@penumbra-zone/storage': patch
-'minifront': patch
----
-
-Bump registry version to v11.2
diff --git a/.changeset/quick-buckets-deny.md b/.changeset/quick-buckets-deny.md
deleted file mode 100644
index 29aac8d3f3..0000000000
--- a/.changeset/quick-buckets-deny.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'@penumbra-zone/ui': minor
----
-
-Add `SwapInput` and `ValueInput` UI components
diff --git a/.changeset/three-suns-complain.md b/.changeset/three-suns-complain.md
deleted file mode 100644
index 9d455e5db8..0000000000
--- a/.changeset/three-suns-complain.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'minifront': patch
----
-
-Render the error in swap page in case of incorrect decimals or insufficient funds
diff --git a/apps/minifront/CHANGELOG.md b/apps/minifront/CHANGELOG.md
index a678aa5529..b13d49aba0 100644
--- a/apps/minifront/CHANGELOG.md
+++ b/apps/minifront/CHANGELOG.md
@@ -1,5 +1,33 @@
 # minifront
 
+## 6.22.2
+
+### Patch Changes
+
+- Updated dependencies [b6e32f8]
+- Updated dependencies [b6e32f8]
+- Updated dependencies [b6e32f8]
+  - @penumbra-zone/protobuf@6.1.0
+  - @penumbra-zone/bech32m@8.0.0
+  - @penumbra-zone/types@24.0.0
+  - @penumbra-zone/client@19.0.0
+  - @penumbra-zone/getters@18.0.0
+  - @penumbra-zone/perspective@31.0.0
+  - @penumbra-zone/ui@10.0.0
+  - @penumbra-zone/crypto-web@25.0.0
+
+## 6.22.1
+
+### Patch Changes
+
+- f9b8c07: Bump registry version to v11.2
+- e5c76a6: Render the error in swap page in case of incorrect decimals or insufficient funds
+- Updated dependencies [b1d4b7d]
+- Updated dependencies [75ef4f5]
+- Updated dependencies [de9bd06]
+- Updated dependencies [43d8350]
+  - @penumbra-zone/ui@9.2.0
+
 ## 6.22.0
 
 ### Minor Changes
diff --git a/apps/minifront/package.json b/apps/minifront/package.json
index e814da068d..bc61e44ed6 100644
--- a/apps/minifront/package.json
+++ b/apps/minifront/package.json
@@ -1,6 +1,6 @@
 {
   "name": "minifront",
-  "version": "6.22.0",
+  "version": "6.22.2",
   "private": true,
   "license": "(MIT OR Apache-2.0)",
   "type": "module",
@@ -22,7 +22,7 @@
     "@cosmos-kit/core": "^2.13.1",
     "@cosmos-kit/react": "^2.18.0",
     "@interchain-ui/react": "^1.23.29",
-    "@penumbra-labs/registry": "^11.2.0",
+    "@penumbra-labs/registry": "^11.3.1",
     "@penumbra-zone/bech32m": "workspace:*",
     "@penumbra-zone/client": "workspace:*",
     "@penumbra-zone/crypto-web": "workspace:*",
diff --git a/apps/minifront/src/components/ibc/ibc-in/ibc-in-request.tsx b/apps/minifront/src/components/ibc/ibc-in/ibc-in-request.tsx
index c81829770b..aef1ba0d0b 100644
--- a/apps/minifront/src/components/ibc/ibc-in/ibc-in-request.tsx
+++ b/apps/minifront/src/components/ibc/ibc-in/ibc-in-request.tsx
@@ -47,23 +47,21 @@ export const IbcInRequest = () => {
       )}
       <div className='flex w-full gap-2'>
         <Select onValueChange={v => setCoin(data.find(b => b.displayDenom === v))}>
-          <SelectTrigger className='truncate rounded-lg bg-white p-2' variant='light'>
+          <SelectTrigger className='truncate rounded-lg p-2' variant='light'>
             <SelectValue placeholder='Select Asset' />
           </SelectTrigger>
           <SelectContent className='max-w-52 bg-white text-stone-700'>
-            {data.map(b => {
-              return (
-                <SelectItem value={b.displayDenom} key={b.displayDenom} className='p-2'>
-                  <div className='flex gap-2 text-stone-700'>
-                    <Avatar className='size-6'>
-                      <AvatarImage src={getIconWithUmFallback(b)} />
-                      <Identicon uniqueIdentifier={b.displayDenom} type='gradient' size={22} />
-                    </Avatar>
-                    <span className=''>{b.displayDenom}</span>
-                  </div>
-                </SelectItem>
-              );
-            })}
+            {data.map(b => (
+              <SelectItem value={b.displayDenom} key={b.displayDenom}>
+                <div className='flex items-center gap-2 text-stone-700'>
+                  <Avatar className='size-6'>
+                    <AvatarImage src={getIconWithUmFallback(b)} />
+                    <Identicon uniqueIdentifier={b.displayDenom} type='gradient' size={22} />
+                  </Avatar>
+                  <span className=''>{b.displayDenom}</span>
+                </div>
+              </SelectItem>
+            ))}
           </SelectContent>
         </Select>
         <AmountInput />
diff --git a/apps/minifront/src/components/ibc/ibc-out/chain-selector.tsx b/apps/minifront/src/components/ibc/ibc-out/chain-selector.tsx
index 34fd2463fc..5b75ff3937 100644
--- a/apps/minifront/src/components/ibc/ibc-out/chain-selector.tsx
+++ b/apps/minifront/src/components/ibc/ibc-out/chain-selector.tsx
@@ -6,7 +6,6 @@ import {
   SelectValue,
 } from '@penumbra-zone/ui/components/ui/select';
 import { cn } from '@penumbra-zone/ui/lib/utils';
-import { useState } from 'react';
 import { AllSlices } from '../../../state';
 import { Chain } from '@penumbra-labs/registry';
 import { useStoreShallow } from '../../../utils/use-store-shallow';
@@ -20,7 +19,6 @@ const chainSelectorSelector = (state: AllSlices) => ({
 export const ChainSelector = () => {
   const { chain, setChain } = useStoreShallow(chainSelectorSelector);
   const chains = useChains();
-  const [openSelect, setOpenSelect] = useState(false);
 
   return (
     <div className='flex flex-col gap-3 rounded-lg border bg-background px-4 pb-5 pt-3'>
@@ -28,10 +26,8 @@ export const ChainSelector = () => {
       <Select
         value={chain?.displayName ?? ''}
         onValueChange={v => setChain(chains.data?.find(i => i.displayName === v))}
-        open={openSelect}
-        onOpenChange={open => setOpenSelect(open)}
       >
-        <SelectTrigger open={openSelect}>
+        <SelectTrigger className='border-none'>
           <SelectValue placeholder='Select chain'>
             {chain && (
               <div className='flex gap-2'>
@@ -41,7 +37,7 @@ export const ChainSelector = () => {
             )}
           </SelectValue>
         </SelectTrigger>
-        <SelectContent className='left-[-17px]'>
+        <SelectContent>
           {chains.data?.map((i, index) => (
             <SelectItem
               key={index}
diff --git a/apps/minifront/src/components/tx-details/tx-viewer.tsx b/apps/minifront/src/components/tx-details/tx-viewer.tsx
index b2ce0ee03e..84e0e1570f 100644
--- a/apps/minifront/src/components/tx-details/tx-viewer.tsx
+++ b/apps/minifront/src/components/tx-details/tx-viewer.tsx
@@ -48,7 +48,7 @@ export const TxViewer = ({ txInfo }: { txInfo?: TransactionInfo }) => {
 
   // use React-Query to invoke custom hooks that call async translators.
   const { data: receiverView } = useQuery(
-    ['receiverView', txInfo, option],
+    ['receiverView', txInfo?.toJson({ typeRegistry }), option],
     () =>
       fetchReceiverView(
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- TODO: justify
diff --git a/apps/node-status/CHANGELOG.md b/apps/node-status/CHANGELOG.md
index fe57e8f38f..dea2e7c825 100644
--- a/apps/node-status/CHANGELOG.md
+++ b/apps/node-status/CHANGELOG.md
@@ -1,5 +1,26 @@
 # node-status
 
+## 4.1.28
+
+### Patch Changes
+
+- Updated dependencies [b6e32f8]
+- Updated dependencies [b6e32f8]
+  - @penumbra-zone/protobuf@6.1.0
+  - @penumbra-zone/types@24.0.0
+  - @penumbra-zone/ui@10.0.0
+  - @penumbra-zone/crypto-web@25.0.0
+
+## 4.1.27
+
+### Patch Changes
+
+- Updated dependencies [b1d4b7d]
+- Updated dependencies [75ef4f5]
+- Updated dependencies [de9bd06]
+- Updated dependencies [43d8350]
+  - @penumbra-zone/ui@9.2.0
+
 ## 4.1.26
 
 ### Patch Changes
diff --git a/apps/node-status/package.json b/apps/node-status/package.json
index 2de5d20b15..f26899b871 100644
--- a/apps/node-status/package.json
+++ b/apps/node-status/package.json
@@ -1,6 +1,6 @@
 {
   "name": "node-status",
-  "version": "4.1.26",
+  "version": "4.1.28",
   "private": true,
   "license": "(MIT OR Apache-2.0)",
   "type": "module",
diff --git a/packages/bech32m/CHANGELOG.md b/packages/bech32m/CHANGELOG.md
index 22cc6f11fd..ebb3a343ae 100644
--- a/packages/bech32m/CHANGELOG.md
+++ b/packages/bech32m/CHANGELOG.md
@@ -1,5 +1,13 @@
 # @penumbra-zone/bech32
 
+## 8.0.0
+
+### Patch Changes
+
+- b6e32f8: Add isCompatAddress() func
+- Updated dependencies [b6e32f8]
+  - @penumbra-zone/protobuf@6.1.0
+
 ## 7.0.0
 
 ### Patch Changes
diff --git a/packages/bech32m/package.json b/packages/bech32m/package.json
index 6f98c38d30..21836cf2cb 100644
--- a/packages/bech32m/package.json
+++ b/packages/bech32m/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@penumbra-zone/bech32m",
-  "version": "7.0.0",
+  "version": "8.0.0",
   "license": "(MIT OR Apache-2.0)",
   "description": "Tools for manipulating Penumbra bech32m strings",
   "type": "module",
diff --git a/packages/bech32m/src/penumbracompat1.ts b/packages/bech32m/src/penumbracompat1.ts
index 1d8116cc76..8da7caec0b 100644
--- a/packages/bech32m/src/penumbracompat1.ts
+++ b/packages/bech32m/src/penumbracompat1.ts
@@ -12,4 +12,13 @@ export const compatAddressFromBech32 = (penumbracompat1: string): { [innerName]:
   [innerName]: fromBech32(penumbracompat1 as `${typeof prefix}1${string}`, prefix),
 });
 
+export const isCompatAddress = (check: string): check is `${typeof prefix}1${string}` => {
+  try {
+    compatAddressFromBech32(check);
+    return true;
+  } catch {
+    return false;
+  }
+};
+
 export { PENUMBRA_BECH32M_ADDRESS_LENGTH, PENUMBRA_BECH32M_ADDRESS_PREFIX } from './index.js';
diff --git a/packages/client/CHANGELOG.md b/packages/client/CHANGELOG.md
index 4b53ce2cc9..231368df56 100644
--- a/packages/client/CHANGELOG.md
+++ b/packages/client/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @penumbra-zone/client
 
+## 19.0.0
+
+### Patch Changes
+
+- Updated dependencies [b6e32f8]
+  - @penumbra-zone/protobuf@6.1.0
+
 ## 18.1.0
 
 ### Minor Changes
diff --git a/packages/client/package.json b/packages/client/package.json
index e9c185bd43..0992301692 100644
--- a/packages/client/package.json
+++ b/packages/client/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@penumbra-zone/client",
-  "version": "18.1.0",
+  "version": "19.0.0",
   "license": "(MIT OR Apache-2.0)",
   "description": "Package for connecting to any Penumbra extension, including Prax.",
   "type": "module",
diff --git a/packages/crypto/CHANGELOG.md b/packages/crypto/CHANGELOG.md
index a64322c795..ff4ab8d3d9 100644
--- a/packages/crypto/CHANGELOG.md
+++ b/packages/crypto/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @penumbra-zone/crypto-web
 
+## 25.0.0
+
+### Patch Changes
+
+- Updated dependencies [b6e32f8]
+  - @penumbra-zone/types@24.0.0
+
 ## 24.0.0
 
 ### Patch Changes
diff --git a/packages/crypto/package.json b/packages/crypto/package.json
index f603ca0ed8..be34ac07c0 100644
--- a/packages/crypto/package.json
+++ b/packages/crypto/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@penumbra-zone/crypto-web",
-  "version": "24.0.0",
+  "version": "25.0.0",
   "license": "(MIT OR Apache-2.0)",
   "type": "module",
   "engine": {
diff --git a/packages/getters/CHANGELOG.md b/packages/getters/CHANGELOG.md
index d2e8567f61..7108dde8eb 100644
--- a/packages/getters/CHANGELOG.md
+++ b/packages/getters/CHANGELOG.md
@@ -1,5 +1,14 @@
 # @penumbra-zone/getters
 
+## 18.0.0
+
+### Patch Changes
+
+- Updated dependencies [b6e32f8]
+- Updated dependencies [b6e32f8]
+  - @penumbra-zone/protobuf@6.1.0
+  - @penumbra-zone/bech32m@8.0.0
+
 ## 17.0.0
 
 ### Major Changes
diff --git a/packages/getters/package.json b/packages/getters/package.json
index 2824d43768..a36789d726 100644
--- a/packages/getters/package.json
+++ b/packages/getters/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@penumbra-zone/getters",
-  "version": "17.0.0",
+  "version": "18.0.0",
   "license": "(MIT OR Apache-2.0)",
   "description": "Convenience getters for the deeply nested optionals of Penumbra's protobuf types",
   "type": "module",
diff --git a/packages/perspective/CHANGELOG.md b/packages/perspective/CHANGELOG.md
index c8b951735f..eef223e9a7 100644
--- a/packages/perspective/CHANGELOG.md
+++ b/packages/perspective/CHANGELOG.md
@@ -1,5 +1,17 @@
 # @penumbra-zone/perspective
 
+## 31.0.0
+
+### Patch Changes
+
+- Updated dependencies [b6e32f8]
+- Updated dependencies [b6e32f8]
+- Updated dependencies [b6e32f8]
+  - @penumbra-zone/protobuf@6.1.0
+  - @penumbra-zone/bech32m@8.0.0
+  - @penumbra-zone/wasm@29.0.0
+  - @penumbra-zone/getters@18.0.0
+
 ## 30.0.0
 
 ### Patch Changes
diff --git a/packages/perspective/package.json b/packages/perspective/package.json
index 144ed5acb4..25272b01f1 100644
--- a/packages/perspective/package.json
+++ b/packages/perspective/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@penumbra-zone/perspective",
-  "version": "30.0.0",
+  "version": "31.0.0",
   "license": "(MIT OR Apache-2.0)",
   "description": "Tools for assuming different perspectives of Penumbra transactions",
   "type": "module",
diff --git a/packages/protobuf/CHANGELOG.md b/packages/protobuf/CHANGELOG.md
index 1bf6edeece..65064e761b 100644
--- a/packages/protobuf/CHANGELOG.md
+++ b/packages/protobuf/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @penumbra-zone/protobuf
 
+## 6.1.0
+
+### Minor Changes
+
+- b6e32f8: Add MsgUpdateClient to typeRegistry
+
 ## 6.0.0
 
 ### Major Changes
diff --git a/packages/protobuf/package.json b/packages/protobuf/package.json
index 8994ff300d..b09c2fae31 100644
--- a/packages/protobuf/package.json
+++ b/packages/protobuf/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@penumbra-zone/protobuf",
-  "version": "6.0.0",
+  "version": "6.1.0",
   "license": "(MIT OR Apache-2.0)",
   "description": "Exports a `@bufbuild/protobuf` type registry with all message types necessary to communicate with a Penumbra extension",
   "type": "module",
diff --git a/packages/protobuf/src/registry.ts b/packages/protobuf/src/registry.ts
index 01c9f1ef03..0fa6d4e009 100644
--- a/packages/protobuf/src/registry.ts
+++ b/packages/protobuf/src/registry.ts
@@ -1,4 +1,4 @@
-import { IMessageTypeRegistry, createRegistry } from '@bufbuild/protobuf';
+import { createRegistry, IMessageTypeRegistry } from '@bufbuild/protobuf';
 
 import * as ibcCore from './services/cosmos-ibc-core.js';
 import * as penumbraCnidarium from './services/penumbra-cnidarium.js';
@@ -6,8 +6,6 @@ import * as penumbraCore from './services/penumbra-core.js';
 import * as penumbraCustody from './services/penumbra-custody.js';
 import * as penumbraUtil from './services/penumbra-util.js';
 import * as penumbraView from './services/penumbra-view.js';
-
-import { MsgRecvPacket } from '../gen/ibc/core/channel/v1/tx_pb.js';
 import { ClientState, Header } from '../gen/ibc/lightclients/tendermint/v1/tendermint_pb.js';
 import { DutchAuction } from '../gen/penumbra/core/component/auction/v1/auction_pb.js';
 
@@ -38,9 +36,6 @@ export const typeRegistry: IMessageTypeRegistry = createRegistry(
   ClientState,
   Header,
 
-  // gen/ibc/core/channel/v1/tx_pb
-  MsgRecvPacket,
-
   // penumbra/core/component/auction/v1/auction_pb
   DutchAuction,
 );
diff --git a/packages/protobuf/src/services/cosmos-ibc-core.ts b/packages/protobuf/src/services/cosmos-ibc-core.ts
index 7c6e55ba80..17d3049110 100644
--- a/packages/protobuf/src/services/cosmos-ibc-core.ts
+++ b/packages/protobuf/src/services/cosmos-ibc-core.ts
@@ -1,4 +1,8 @@
 export { Query as IbcChannelService } from '../../gen/ibc/core/channel/v1/query_connect.js';
+export { Msg as IbcChannelMsgService } from '../../gen/ibc/core/channel/v1/tx_connect.js';
+
 export { Query as IbcClientService } from '../../gen/ibc/core/client/v1/query_connect.js';
 export { Msg as IbcClientMsgService } from '../../gen/ibc/core/client/v1/tx_connect.js';
+
 export { Query as IbcConnectionService } from '../../gen/ibc/core/connection/v1/query_connect.js';
+export { Msg as IbcConnectionMsgService } from '../../gen/ibc/core/connection/v1/tx_connect.js';
diff --git a/packages/protobuf/src/web.ts b/packages/protobuf/src/web.ts
index 27e5e837d8..10ec114021 100644
--- a/packages/protobuf/src/web.ts
+++ b/packages/protobuf/src/web.ts
@@ -1,6 +1,9 @@
-import type {
+import {
+  IbcChannelMsgService,
   IbcChannelService,
+  IbcClientMsgService,
   IbcClientService,
+  IbcConnectionMsgService,
   IbcConnectionService,
 } from './services/cosmos-ibc-core.js';
 import type { CustodyService } from './services/penumbra-custody.js';
@@ -11,11 +14,11 @@ import type {
   CommunityPoolService,
   CompactBlockService,
   DexService,
-  SimulationService,
   FeeService,
   GovernanceService,
   SctService,
   ShieldedPoolService,
+  SimulationService,
   StakeService,
 } from './services/penumbra-core.js';
 import type { TendermintProxyService } from './services/penumbra-util.js';
@@ -30,8 +33,11 @@ export type PenumbraService =
   | typeof FeeService
   | typeof GovernanceService
   | typeof IbcChannelService
+  | typeof IbcChannelMsgService
   | typeof IbcClientService
+  | typeof IbcClientMsgService
   | typeof IbcConnectionService
+  | typeof IbcConnectionMsgService
   | typeof SctService
   | typeof ShieldedPoolService
   | typeof SimulationService
diff --git a/packages/query/CHANGELOG.md b/packages/query/CHANGELOG.md
index 0ede833dc4..2ced3a8101 100644
--- a/packages/query/CHANGELOG.md
+++ b/packages/query/CHANGELOG.md
@@ -1,5 +1,31 @@
 # @penumbra-zone/query
 
+## 32.0.0
+
+### Minor Changes
+
+- b6e32f8: Check for IbcRelays to add to txs
+
+### Patch Changes
+
+- Updated dependencies [b6e32f8]
+- Updated dependencies [b6e32f8]
+- Updated dependencies [b6e32f8]
+- Updated dependencies [b6e32f8]
+  - @penumbra-zone/protobuf@6.1.0
+  - @penumbra-zone/bech32m@8.0.0
+  - @penumbra-zone/wasm@29.0.0
+  - @penumbra-zone/types@24.0.0
+  - @penumbra-zone/getters@18.0.0
+  - @penumbra-zone/crypto-web@25.0.0
+
+## 31.0.1
+
+### Patch Changes
+
+- e343d22: [bug fix] Only process relevant transactions for NFTs
+- e343d22: Extract, refactor, and test IdentifyTransactions
+
 ## 31.0.0
 
 ### Patch Changes
diff --git a/packages/query/package.json b/packages/query/package.json
index 4efb2b7f95..06c03d7b40 100644
--- a/packages/query/package.json
+++ b/packages/query/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@penumbra-zone/query",
-  "version": "31.0.0",
+  "version": "32.0.0",
   "license": "(MIT OR Apache-2.0)",
   "type": "module",
   "engine": {
diff --git a/packages/query/src/block-processor.ts b/packages/query/src/block-processor.ts
index 356869ed1a..9cf35433d1 100644
--- a/packages/query/src/block-processor.ts
+++ b/packages/query/src/block-processor.ts
@@ -4,21 +4,13 @@ import {
   PositionState,
   PositionState_PositionStateEnum,
 } from '@penumbra-zone/protobuf/penumbra/core/component/dex/v1/dex_pb';
-import {
-  CommitmentSource,
-  Nullifier,
-} from '@penumbra-zone/protobuf/penumbra/core/component/sct/v1/sct_pb';
+import { Nullifier } from '@penumbra-zone/protobuf/penumbra/core/component/sct/v1/sct_pb';
 import { ValidatorInfoResponse } from '@penumbra-zone/protobuf/penumbra/core/component/stake/v1/stake_pb';
-import {
-  Action,
-  Transaction,
-} from '@penumbra-zone/protobuf/penumbra/core/transaction/v1/transaction_pb';
-import { TransactionId } from '@penumbra-zone/protobuf/penumbra/core/txhash/v1/txhash_pb';
+import { Action } from '@penumbra-zone/protobuf/penumbra/core/transaction/v1/transaction_pb';
 import { StateCommitment } from '@penumbra-zone/protobuf/penumbra/crypto/tct/v1/tct_pb';
 import { SpendableNoteRecord, SwapRecord } from '@penumbra-zone/protobuf/penumbra/view/v1/view_pb';
 import { auctionIdFromBech32 } from '@penumbra-zone/bech32m/pauctid';
 import { bech32mIdentityKey } from '@penumbra-zone/bech32m/penumbravalid';
-import { sha256Hash } from '@penumbra-zone/crypto-web/sha256';
 import { getAssetId } from '@penumbra-zone/getters/metadata';
 import {
   getExchangeRateFromValidatorInfoResponse,
@@ -47,6 +39,7 @@ import { getSpendableNoteRecordCommitment } from '@penumbra-zone/getters/spendab
 import { getSwapRecordCommitment } from '@penumbra-zone/getters/swap-record';
 import { CompactBlock } from '@penumbra-zone/protobuf/penumbra/core/component/compact_block/v1/compact_block_pb';
 import { shouldSkipTrialDecrypt } from './helpers/skip-trial-decrypt.js';
+import { identifyTransactions, RelevantTx } from './helpers/identify-txs.js';
 
 declare global {
   // eslint-disable-next-line no-var -- expected globals
@@ -81,10 +74,6 @@ interface ProcessBlockParams {
   skipTrialDecrypt?: boolean;
 }
 
-const BLANK_TX_SOURCE = new CommitmentSource({
-  source: { case: 'transaction', value: { id: new Uint8Array() } },
-});
-
 const POSITION_STATES: PositionState[] = [
   new PositionState({ state: PositionState_PositionStateEnum.OPENED }),
   new PositionState({ state: PositionState_PositionStateEnum.CLOSED }),
@@ -129,9 +118,7 @@ export class BlockProcessor implements BlockProcessorInterface {
       numOfAttempts: Infinity,
       maxDelay: 20_000, // 20 seconds
       retry: async (e, attemptNumber) => {
-        if (globalThis.__DEV__) {
-          console.debug('Sync failure', attemptNumber, e);
-        }
+        console.error(`Sync failure #${attemptNumber}: `, e);
         await this.viewServer.resetTreeToStored();
         return !this.abortController.signal.aborted;
       },
@@ -318,28 +305,25 @@ export class BlockProcessor implements BlockProcessorInterface {
       // this is a network query
       const blockTx = await this.querier.app.txsByHeight(compactBlock.height);
 
-      // identify tx that involve a new record
-      // - compare nullifiers
-      // - compare state commitments
-      // - collect relevant tx for info generation later
-      // - if matched by commitment, collect record with recovered source
-      const { relevantTx, recordsWithSources } = await this.identifyTransactions(
+      // Filter down to transactions & note records in block relevant to user
+      const { relevantTxs, recoveredSourceRecords } = await identifyTransactions(
         spentNullifiers,
         recordsByCommitment,
         blockTx,
+        addr => this.viewServer.isControlledAddress(addr),
       );
 
       // this simply stores the new records with 'rehydrated' sources to idb
       // TODO: this is the second time we save these records, after "saveScanResult"
-      await this.saveRecoveredCommitmentSources(recordsWithSources);
+      await this.saveRecoveredCommitmentSources(recoveredSourceRecords);
 
-      await this.processTransactions(blockTx);
+      await this.processTransactions(relevantTxs);
 
       // at this point txinfo can be generated and saved. this will resolve
       // pending broadcasts, and populate the transaction list.
       // - calls wasm for each relevant tx
       // - saves to idb
-      await this.saveTransactions(compactBlock.height, relevantTx);
+      await this.saveTransactions(compactBlock.height, relevantTxs);
     }
 
     /**
@@ -450,64 +434,6 @@ export class BlockProcessor implements BlockProcessorInterface {
     }
   }
 
-  private async identifyTransactions(
-    spentNullifiers: Set<Nullifier>,
-    commitmentRecordsByStateCommitment: Map<StateCommitment, SpendableNoteRecord | SwapRecord>,
-    blockTx: Transaction[],
-  ) {
-    const relevantTx = new Map<TransactionId, Transaction>();
-    const recordsWithSources = new Array<SpendableNoteRecord | SwapRecord>();
-    for (const tx of blockTx) {
-      let txId: TransactionId | undefined;
-
-      const txCommitments = (tx.body?.actions ?? []).flatMap(({ action }) => {
-        switch (action.case) {
-          case 'output':
-            return action.value.body?.notePayload?.noteCommitment;
-          case 'swap':
-            return action.value.body?.payload?.commitment;
-          case 'swapClaim':
-            return [action.value.body?.output1Commitment, action.value.body?.output2Commitment];
-          default:
-            return;
-        }
-      });
-
-      const txNullifiers = (tx.body?.actions ?? []).map(({ action }) => {
-        switch (action.case) {
-          case 'spend':
-          case 'swapClaim':
-            return action.value.body?.nullifier;
-          default:
-            return;
-        }
-      });
-
-      for (const spentNullifier of spentNullifiers) {
-        if (txNullifiers.some(txNullifier => spentNullifier.equals(txNullifier))) {
-          txId = new TransactionId({ inner: await sha256Hash(tx.toBinary()) });
-          relevantTx.set(txId, tx);
-          spentNullifiers.delete(spentNullifier);
-        }
-      }
-
-      for (const [stateCommitment, spendableNoteRecord] of commitmentRecordsByStateCommitment) {
-        if (txCommitments.some(txCommitment => stateCommitment.equals(txCommitment))) {
-          txId ??= new TransactionId({ inner: await sha256Hash(tx.toBinary()) });
-          relevantTx.set(txId, tx);
-          if (BLANK_TX_SOURCE.equals(spendableNoteRecord.source)) {
-            spendableNoteRecord.source = new CommitmentSource({
-              source: { case: 'transaction', value: { id: txId.inner } },
-            });
-            recordsWithSources.push(spendableNoteRecord);
-          }
-          commitmentRecordsByStateCommitment.delete(stateCommitment);
-        }
-      }
-    }
-    return { relevantTx, recordsWithSources };
-  }
-
   // TODO: refactor. there is definitely a better way to do this.  batch
   // endpoint issue https://github.com/penumbra-zone/penumbra/issues/4688
   private async saveAndReturnMetadata(assetId: AssetId): Promise<Metadata | undefined> {
@@ -591,9 +517,9 @@ export class BlockProcessor implements BlockProcessorInterface {
    * Identify various pieces of data from the transaction that we need to save,
    * such as metadata, liquidity positions, etc.
    */
-  private async processTransactions(txs: Transaction[]) {
-    for (const tx of txs) {
-      for (const { action } of tx.body?.actions ?? []) {
+  private async processTransactions(txs: RelevantTx[]) {
+    for (const { data } of txs) {
+      for (const { action } of data.body?.actions ?? []) {
         await Promise.all([this.identifyAuctionNfts(action), this.identifyLpNftPositions(action)]);
       }
     }
@@ -685,9 +611,9 @@ export class BlockProcessor implements BlockProcessorInterface {
     });
   }
 
-  private async saveTransactions(height: bigint, relevantTx: Map<TransactionId, Transaction>) {
-    for (const [id, transaction] of relevantTx) {
-      await this.indexedDb.saveTransaction(id, height, transaction);
+  private async saveTransactions(height: bigint, relevantTx: RelevantTx[]) {
+    for (const { id, data } of relevantTx) {
+      await this.indexedDb.saveTransaction(id, height, data);
     }
   }
 
diff --git a/packages/query/src/helpers/identify-txs.test.ts b/packages/query/src/helpers/identify-txs.test.ts
new file mode 100644
index 0000000000..7f93a4f717
--- /dev/null
+++ b/packages/query/src/helpers/identify-txs.test.ts
@@ -0,0 +1,380 @@
+import { describe, expect, test } from 'vitest';
+import { Nullifier } from '@penumbra-zone/protobuf/penumbra/core/component/sct/v1/sct_pb';
+import { StateCommitment } from '@penumbra-zone/protobuf/penumbra/crypto/tct/v1/tct_pb';
+import {
+  Action,
+  Transaction,
+  TransactionBody,
+} from '@penumbra-zone/protobuf/penumbra/core/transaction/v1/transaction_pb';
+import {
+  BLANK_TX_SOURCE,
+  getCommitmentsFromActions,
+  getNullifiersFromActions,
+  identifyTransactions,
+} from './identify-txs.js';
+import {
+  Output,
+  OutputBody,
+  Spend,
+  SpendBody,
+} from '@penumbra-zone/protobuf/penumbra/core/component/shielded_pool/v1/shielded_pool_pb';
+import {
+  Swap,
+  SwapBody,
+  SwapClaim,
+  SwapClaimBody,
+} from '@penumbra-zone/protobuf/penumbra/core/component/dex/v1/dex_pb';
+import { SpendableNoteRecord, SwapRecord } from '@penumbra-zone/protobuf/penumbra/view/v1/view_pb';
+import { Any } from '@bufbuild/protobuf';
+import {
+  FungibleTokenPacketData,
+  IbcRelay,
+} from '@penumbra-zone/protobuf/penumbra/core/component/ibc/v1/ibc_pb';
+import { addressFromBech32m } from '@penumbra-zone/bech32m/penumbra';
+import { Address } from '@penumbra-zone/protobuf/penumbra/core/keys/v1/keys_pb';
+import { Packet } from '@penumbra-zone/protobuf/ibc/core/channel/v1/channel_pb';
+import { MsgRecvPacket } from '@penumbra-zone/protobuf/ibc/core/channel/v1/tx_pb';
+
+describe('getCommitmentsFromActions', () => {
+  test('returns empty array when tx.body.actions is undefined', () => {
+    const tx = new Transaction();
+    const commitments = getCommitmentsFromActions(tx);
+    expect(commitments).toEqual([]);
+  });
+
+  test('returns noteCommitment from output actions', () => {
+    const noteCommitment = new StateCommitment({ inner: new Uint8Array([1, 2, 3]) });
+    const outputAction = new Action({
+      action: {
+        case: 'output',
+        value: new Output({
+          body: new OutputBody({
+            notePayload: {
+              noteCommitment,
+            },
+          }),
+        }),
+      },
+    });
+
+    const tx = new Transaction({
+      body: new TransactionBody({
+        actions: [outputAction],
+      }),
+    });
+
+    const commitments = getCommitmentsFromActions(tx);
+    expect(commitments).toEqual([noteCommitment]);
+  });
+
+  test('returns commitment from swap actions', () => {
+    const commitment = new StateCommitment({ inner: new Uint8Array([4, 5, 6]) });
+    const swapAction = new Action({
+      action: {
+        case: 'swap',
+        value: new Swap({
+          body: new SwapBody({
+            payload: {
+              commitment,
+            },
+          }),
+        }),
+      },
+    });
+
+    const tx = new Transaction({
+      body: new TransactionBody({
+        actions: [swapAction],
+      }),
+    });
+
+    const commitments = getCommitmentsFromActions(tx);
+    expect(commitments).toEqual([commitment]);
+  });
+
+  test('returns output commitments from swapClaim actions', () => {
+    const output1Commitment = new StateCommitment({ inner: new Uint8Array([7, 8, 9]) });
+    const output2Commitment = new StateCommitment({ inner: new Uint8Array([10, 11, 12]) });
+
+    const swapClaimAction = new Action({
+      action: {
+        case: 'swapClaim',
+        value: new SwapClaim({
+          body: new SwapClaimBody({
+            output1Commitment,
+            output2Commitment,
+          }),
+        }),
+      },
+    });
+
+    const tx = new Transaction({
+      body: new TransactionBody({
+        actions: [swapClaimAction],
+      }),
+    });
+
+    const commitments = getCommitmentsFromActions(tx);
+    expect(commitments).toEqual([output1Commitment, output2Commitment]);
+  });
+
+  test('ignores actions without commitments', () => {
+    const unknownAction = new Action({
+      action: {
+        case: 'validatorDefinition',
+        value: {},
+      },
+    });
+
+    const tx = new Transaction({
+      body: new TransactionBody({
+        actions: [unknownAction],
+      }),
+    });
+
+    const commitments = getCommitmentsFromActions(tx);
+    expect(commitments).toEqual([]);
+  });
+});
+
+describe('getNullifiersFromActions', () => {
+  test('returns empty array when tx.body.actions is undefined', () => {
+    const tx = new Transaction();
+    const nullifiers = getNullifiersFromActions(tx);
+    expect(nullifiers).toEqual([]);
+  });
+
+  test('returns nullifier from spend actions', () => {
+    const nullifier = new Nullifier({ inner: new Uint8Array([1, 2, 3]) });
+    const spendAction = new Action({
+      action: {
+        case: 'spend',
+        value: new Spend({
+          body: new SpendBody({
+            nullifier,
+          }),
+        }),
+      },
+    });
+
+    const tx = new Transaction({
+      body: new TransactionBody({
+        actions: [spendAction],
+      }),
+    });
+
+    const nullifiers = getNullifiersFromActions(tx);
+    expect(nullifiers).toEqual([nullifier]);
+  });
+
+  test('returns nullifier from swapClaim actions', () => {
+    const nullifier = new Nullifier({ inner: new Uint8Array([4, 5, 6]) });
+    const swapClaimAction = new Action({
+      action: {
+        case: 'swapClaim',
+        value: new SwapClaim({
+          body: new SwapClaimBody({
+            nullifier,
+          }),
+        }),
+      },
+    });
+
+    const tx = new Transaction({
+      body: new TransactionBody({
+        actions: [swapClaimAction],
+      }),
+    });
+
+    const nullifiers = getNullifiersFromActions(tx);
+    expect(nullifiers).toEqual([nullifier]);
+  });
+
+  test('ignores actions without nullifiers', () => {
+    const outputAction = new Action({
+      action: {
+        case: 'output',
+        value: new Output(),
+      },
+    });
+
+    const tx = new Transaction({
+      body: new TransactionBody({
+        actions: [outputAction],
+      }),
+    });
+
+    const nullifiers = getNullifiersFromActions(tx);
+    expect(nullifiers).toEqual([]);
+  });
+});
+
+describe('identifyTransactions', () => {
+  test('returns empty arrays when no relevant transactions are found', async () => {
+    const tx = new Transaction();
+    const blockTx = [tx];
+    const spentNullifiers = new Set<Nullifier>();
+    const commitmentRecords = new Map<StateCommitment, SpendableNoteRecord | SwapRecord>();
+
+    const result = await identifyTransactions(
+      spentNullifiers,
+      commitmentRecords,
+      blockTx,
+      () => false,
+    );
+
+    expect(result.relevantTxs).toEqual([]);
+    expect(result.recoveredSourceRecords).toEqual([]);
+  });
+
+  test('identifies relevant transactions and recovers sources', async () => {
+    // Transaction 1: Matching nullifier
+    const nullifier = new Nullifier({ inner: new Uint8Array([1, 2, 3]) });
+    const tx1 = new Transaction({
+      body: new TransactionBody({
+        actions: [
+          new Action({
+            action: {
+              case: 'spend',
+              value: new Spend({
+                body: new SpendBody({
+                  nullifier,
+                }),
+              }),
+            },
+          }),
+        ],
+      }),
+    });
+
+    // Transaction 2: Matching commitment
+    const commitment = new StateCommitment({ inner: new Uint8Array([4, 5, 6]) });
+    const tx2 = new Transaction({
+      body: new TransactionBody({
+        actions: [
+          new Action({
+            action: {
+              case: 'output',
+              value: new Output({
+                body: new OutputBody({
+                  notePayload: {
+                    noteCommitment: commitment,
+                  },
+                }),
+              }),
+            },
+          }),
+        ],
+      }),
+    });
+
+    // Transaction 3: Irrelevant commitment
+    const tx3 = new Transaction({
+      body: new TransactionBody({
+        actions: [
+          new Action({
+            action: {
+              case: 'output',
+              value: new Output({
+                body: new OutputBody({
+                  notePayload: {
+                    noteCommitment: new StateCommitment({ inner: new Uint8Array([7, 8, 9]) }),
+                  },
+                }),
+              }),
+            },
+          }),
+        ],
+      }),
+    });
+
+    // Transaction 4: Irrelevant nullifier
+    const tx4 = new Transaction({
+      body: new TransactionBody({
+        actions: [
+          new Action({
+            action: {
+              case: 'spend',
+              value: new Spend({
+                body: new SpendBody({
+                  nullifier: new Nullifier({ inner: new Uint8Array([4, 5, 6]) }),
+                }),
+              }),
+            },
+          }),
+        ],
+      }),
+    });
+
+    const spentNullifiers = new Set<Nullifier>([nullifier]);
+
+    const spendableNoteRecord = new SpendableNoteRecord({
+      source: BLANK_TX_SOURCE,
+    });
+
+    const commitmentRecords = new Map<StateCommitment, SpendableNoteRecord | SwapRecord>([
+      [commitment, spendableNoteRecord], // Expecting match
+      [new StateCommitment({ inner: new Uint8Array([1, 6, 9]) }), new SpendableNoteRecord()], // not expecting match
+    ]);
+
+    const spentNullifiersBeforeSize = spentNullifiers.size;
+    const commitmentRecordsBeforeSize = commitmentRecords.size;
+    const result = await identifyTransactions(
+      spentNullifiers,
+      commitmentRecords,
+      [
+        tx1, // relevant
+        tx2, // relevant
+        tx3, // not
+        tx4, // not
+      ],
+      () => false,
+    );
+
+    expect(result.relevantTxs.length).toBe(2);
+    expect(result.recoveredSourceRecords.length).toBe(1);
+
+    // Source was recovered
+    expect(result.recoveredSourceRecords[0]!.source?.equals(BLANK_TX_SOURCE)).toEqual(false);
+
+    // Expect inputs where not mutated
+    expect(spentNullifiersBeforeSize).toEqual(spentNullifiers.size);
+    expect(commitmentRecordsBeforeSize).toEqual(commitmentRecords.size);
+  });
+
+  test('identifies ibc relays', async () => {
+    const knownAddr =
+      'penumbra1e8k5cyds484dxvapeamwveh5khqv4jsvyvaf5wwxaaccgfghm229qw03pcar3ryy8smptevstycch0qk3uu0rgkvtjpxy3cu3rjd0agawqtlz6erev28a6sg69u7cxy0t02nd4';
+    const unknownAddr =
+      'penumbracompat1147mfall0zr6am5r45qkwht7xqqrdsp50czde7empv7yq2nk3z8yyfh9k9520ddgswkmzar22vhz9dwtuem7uxw0qytfpv7lk3q9dp8ccaw2fn5c838rfackazmgf3ahhwqq0da';
+    const tx = new Transaction({
+      body: {
+        actions: [createIbcRelay(knownAddr), createIbcRelay(unknownAddr)],
+      },
+    });
+    const blockTx = [tx];
+    const spentNullifiers = new Set<Nullifier>();
+    const commitmentRecords = new Map<StateCommitment, SpendableNoteRecord | SwapRecord>();
+
+    const result = await identifyTransactions(spentNullifiers, commitmentRecords, blockTx, addr =>
+      addr.equals(new Address(addressFromBech32m(knownAddr))),
+    );
+
+    expect(result.relevantTxs.length).toBe(1);
+    expect(result.relevantTxs[0]?.data.equals(tx)).toBeTruthy();
+    expect(result.recoveredSourceRecords.length).toBe(0);
+  });
+});
+
+const createIbcRelay = (receiver: string): Action => {
+  const tokenPacketData = new FungibleTokenPacketData({ receiver });
+  const encoder = new TextEncoder();
+  const relevantRelay = Any.pack(
+    new MsgRecvPacket({
+      packet: new Packet({ data: encoder.encode(tokenPacketData.toJsonString()) }),
+    }),
+  );
+  return new Action({
+    action: { case: 'ibcRelayAction', value: new IbcRelay({ rawAction: relevantRelay }) },
+  });
+};
diff --git a/packages/query/src/helpers/identify-txs.ts b/packages/query/src/helpers/identify-txs.ts
new file mode 100644
index 0000000000..43068ddc20
--- /dev/null
+++ b/packages/query/src/helpers/identify-txs.ts
@@ -0,0 +1,184 @@
+import {
+  CommitmentSource,
+  Nullifier,
+} from '@penumbra-zone/protobuf/penumbra/core/component/sct/v1/sct_pb';
+import { StateCommitment } from '@penumbra-zone/protobuf/penumbra/crypto/tct/v1/tct_pb';
+import { SpendableNoteRecord, SwapRecord } from '@penumbra-zone/protobuf/penumbra/view/v1/view_pb';
+import { Transaction } from '@penumbra-zone/protobuf/penumbra/core/transaction/v1/transaction_pb';
+import { TransactionId } from '@penumbra-zone/protobuf/penumbra/core/txhash/v1/txhash_pb';
+import { sha256Hash } from '@penumbra-zone/crypto-web/sha256';
+import { MsgRecvPacket } from '@penumbra-zone/protobuf/ibc/core/channel/v1/tx_pb';
+import { FungibleTokenPacketData } from '@penumbra-zone/protobuf/penumbra/core/component/ibc/v1/ibc_pb';
+import { ViewServerInterface } from '@penumbra-zone/types/servers';
+import { parseIntoAddr } from '@penumbra-zone/types/address';
+
+export const BLANK_TX_SOURCE = new CommitmentSource({
+  source: { case: 'transaction', value: { id: new Uint8Array() } },
+});
+
+// Identifies if a tx with a relay action of which the receiver is the user
+const hasRelevantIbcRelay = (
+  tx: Transaction,
+  isControlledAddr: ViewServerInterface['isControlledAddress'],
+) => {
+  return tx.body?.actions.some(action => {
+    if (action.action.case !== 'ibcRelayAction') {
+      return false;
+    }
+
+    if (!action.action.value.rawAction?.is(MsgRecvPacket.typeName)) {
+      return false;
+    }
+
+    const recvPacket = new MsgRecvPacket();
+    const success = action.action.value.rawAction.unpackTo(recvPacket);
+    if (!success) {
+      throw new Error('Error while trying to unpack Any to MsgRecvPacket');
+    }
+
+    if (!recvPacket.packet?.data) {
+      throw new Error('No FungibleTokenPacketData MsgRecvPacket');
+    }
+
+    try {
+      const dataString = new TextDecoder().decode(recvPacket.packet.data);
+      const { receiver } = FungibleTokenPacketData.fromJsonString(dataString);
+      const receivingAddr = parseIntoAddr(receiver);
+      return isControlledAddr(receivingAddr);
+    } catch (e) {
+      return false;
+    }
+  });
+};
+
+// Used as a type-check helper as .filter(Boolean) still results with undefined as a possible value
+const isDefined = <T>(value: T | null | undefined): value is NonNullable<T> =>
+  value !== null && value !== undefined;
+
+export const getCommitmentsFromActions = (tx: Transaction): StateCommitment[] => {
+  if (!tx.body?.actions) {
+    return [];
+  }
+
+  return tx.body.actions
+    .flatMap(({ action }) => {
+      switch (action.case) {
+        case 'output':
+          return action.value.body?.notePayload?.noteCommitment;
+        case 'swap':
+          return action.value.body?.payload?.commitment;
+        case 'swapClaim':
+          return [action.value.body?.output1Commitment, action.value.body?.output2Commitment];
+        default:
+          return;
+      }
+    })
+    .filter(isDefined);
+};
+
+export const getNullifiersFromActions = (tx: Transaction): Nullifier[] => {
+  if (!tx.body?.actions) {
+    return [];
+  }
+
+  return tx.body.actions
+    .flatMap(({ action }) => {
+      switch (action.case) {
+        case 'spend':
+        case 'swapClaim':
+          return action.value.body?.nullifier;
+        default:
+          return;
+      }
+    })
+    .filter(isDefined);
+};
+
+export interface RelevantTx {
+  id: TransactionId;
+  data: Transaction;
+}
+
+type RecoveredSourceRecords = (SpendableNoteRecord | SwapRecord)[];
+
+const generateTxId = async (tx: Transaction): Promise<TransactionId> => {
+  return new TransactionId({ inner: await sha256Hash(tx.toBinary()) });
+};
+
+const searchRelevant = async (
+  tx: Transaction,
+  spentNullifiers: Set<Nullifier>,
+  commitmentRecords: Map<StateCommitment, SpendableNoteRecord | SwapRecord>,
+  isControlledAddr: ViewServerInterface['isControlledAddress'],
+): Promise<
+  { relevantTx: RelevantTx; recoveredSourceRecords: RecoveredSourceRecords } | undefined
+> => {
+  let txId: TransactionId | undefined; // If set, that means this tx is relevant and should be returned to the caller
+  const recoveredSourceRecords: RecoveredSourceRecords = [];
+
+  const txNullifiers = getNullifiersFromActions(tx);
+  for (const spentNullifier of spentNullifiers) {
+    if (txNullifiers.some(txNullifier => spentNullifier.equals(txNullifier))) {
+      txId ??= await generateTxId(tx);
+    }
+  }
+
+  const txCommitments = getCommitmentsFromActions(tx);
+  for (const [stateCommitment, spendableNoteRecord] of commitmentRecords) {
+    if (txCommitments.some(txCommitment => stateCommitment.equals(txCommitment))) {
+      txId ??= await generateTxId(tx);
+
+      // Blank sources can be recovered by associating them with the transaction
+      if (BLANK_TX_SOURCE.equals(spendableNoteRecord.source)) {
+        const recovered = spendableNoteRecord.clone();
+        recovered.source = new CommitmentSource({
+          source: { case: 'transaction', value: { id: txId.inner } },
+        });
+        recoveredSourceRecords.push(recovered);
+      }
+    }
+  }
+
+  if (hasRelevantIbcRelay(tx, isControlledAddr)) {
+    txId ??= await generateTxId(tx);
+  }
+
+  if (txId) {
+    return {
+      relevantTx: { id: txId, data: tx },
+      recoveredSourceRecords,
+    };
+  }
+
+  return undefined;
+};
+
+// identify transactions that involve a new record by comparing nullifiers and state commitments
+// also returns records with recovered sources
+export const identifyTransactions = async (
+  spentNullifiers: Set<Nullifier>,
+  commitmentRecords: Map<StateCommitment, SpendableNoteRecord | SwapRecord>,
+  blockTx: Transaction[],
+  isControlledAddr: ViewServerInterface['isControlledAddress'],
+): Promise<{
+  relevantTxs: RelevantTx[];
+  recoveredSourceRecords: RecoveredSourceRecords;
+}> => {
+  const relevantTxs: RelevantTx[] = [];
+  const recoveredSourceRecords: RecoveredSourceRecords = [];
+
+  const searchPromises = blockTx.map(tx =>
+    searchRelevant(tx, spentNullifiers, commitmentRecords, isControlledAddr),
+  );
+  const results = await Promise.all(searchPromises);
+
+  for (const result of results) {
+    if (result?.relevantTx) {
+      relevantTxs.push(result.relevantTx);
+    }
+    if (result?.recoveredSourceRecords.length) {
+      recoveredSourceRecords.push(...result.recoveredSourceRecords);
+    }
+  }
+  return { relevantTxs, recoveredSourceRecords };
+};
diff --git a/packages/services/CHANGELOG.md b/packages/services/CHANGELOG.md
index 1d27d0b0fd..a6a0e62a37 100644
--- a/packages/services/CHANGELOG.md
+++ b/packages/services/CHANGELOG.md
@@ -1,5 +1,35 @@
 # @penumbra-zone/router
 
+## 35.0.0
+
+### Patch Changes
+
+- Updated dependencies [b6e32f8]
+- Updated dependencies [b6e32f8]
+- Updated dependencies [b6e32f8]
+- Updated dependencies [b6e32f8]
+- Updated dependencies [b6e32f8]
+- Updated dependencies [b6e32f8]
+  - @penumbra-zone/storage@31.0.0
+  - @penumbra-zone/protobuf@6.1.0
+  - @penumbra-zone/bech32m@8.0.0
+  - @penumbra-zone/wasm@29.0.0
+  - @penumbra-zone/query@32.0.0
+  - @penumbra-zone/types@24.0.0
+  - @penumbra-zone/getters@18.0.0
+  - @penumbra-zone/crypto-web@25.0.0
+
+## 34.0.1
+
+### Patch Changes
+
+- Updated dependencies [e343d22]
+- Updated dependencies [f9b8c07]
+- Updated dependencies [e343d22]
+- Updated dependencies [e343d22]
+  - @penumbra-zone/storage@30.0.1
+  - @penumbra-zone/query@31.0.1
+
 ## 34.0.0
 
 ### Patch Changes
diff --git a/packages/services/package.json b/packages/services/package.json
index 0cbb794e52..fff1d08af0 100644
--- a/packages/services/package.json
+++ b/packages/services/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@penumbra-zone/services",
-  "version": "34.0.0",
+  "version": "35.0.0",
   "license": "(MIT OR Apache-2.0)",
   "type": "module",
   "engine": {
diff --git a/packages/storage/CHANGELOG.md b/packages/storage/CHANGELOG.md
index c63e9e437f..5c6014a2b5 100644
--- a/packages/storage/CHANGELOG.md
+++ b/packages/storage/CHANGELOG.md
@@ -1,5 +1,27 @@
 # @penumbra-zone/storage
 
+## 31.0.0
+
+### Patch Changes
+
+- b6e32f8: Bump registry version
+- Updated dependencies [b6e32f8]
+- Updated dependencies [b6e32f8]
+- Updated dependencies [b6e32f8]
+- Updated dependencies [b6e32f8]
+  - @penumbra-zone/protobuf@6.1.0
+  - @penumbra-zone/bech32m@8.0.0
+  - @penumbra-zone/wasm@29.0.0
+  - @penumbra-zone/types@24.0.0
+  - @penumbra-zone/getters@18.0.0
+
+## 30.0.1
+
+### Patch Changes
+
+- e343d22: Version DB to 47
+- f9b8c07: Bump registry version to v11.2
+
 ## 30.0.0
 
 ### Patch Changes
diff --git a/packages/storage/package.json b/packages/storage/package.json
index cec92a5627..0f3b2d83bc 100644
--- a/packages/storage/package.json
+++ b/packages/storage/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@penumbra-zone/storage",
-  "version": "30.0.0",
+  "version": "31.0.0",
   "license": "(MIT OR Apache-2.0)",
   "type": "module",
   "engine": {
@@ -39,13 +39,13 @@
     "idb": "^8.0.0"
   },
   "devDependencies": {
-    "@penumbra-labs/registry": "^11.2.0",
+    "@penumbra-labs/registry": "^11.3.1",
     "@penumbra-zone/protobuf": "workspace:*",
     "fetch-mock": "^10.0.7"
   },
   "peerDependencies": {
     "@bufbuild/protobuf": "^1.10.0",
-    "@penumbra-labs/registry": "^11.2.0",
+    "@penumbra-labs/registry": "^11.3.1",
     "@penumbra-zone/bech32m": "workspace:*",
     "@penumbra-zone/getters": "workspace:*",
     "@penumbra-zone/protobuf": "workspace:*",
diff --git a/packages/storage/src/indexed-db/config.ts b/packages/storage/src/indexed-db/config.ts
index cbf900d0d5..360c728b99 100644
--- a/packages/storage/src/indexed-db/config.ts
+++ b/packages/storage/src/indexed-db/config.ts
@@ -2,4 +2,4 @@
  * The version number for the IndexedDB schema. This version number is used to manage
  * database upgrades and ensure that the correct schema version is applied.
  */
-export const IDB_VERSION = 46;
+export const IDB_VERSION = 47;
diff --git a/packages/storage/src/indexed-db/index.ts b/packages/storage/src/indexed-db/index.ts
index 00682acf85..67b9227eba 100644
--- a/packages/storage/src/indexed-db/index.ts
+++ b/packages/storage/src/indexed-db/index.ts
@@ -64,6 +64,7 @@ import { PartialMessage, PlainMessage } from '@bufbuild/protobuf';
 import { getAmountFromRecord } from '@penumbra-zone/getters/spendable-note-record';
 import { isZero } from '@penumbra-zone/types/amount';
 import { IDB_VERSION } from './config.js';
+import { typeRegistry } from '@penumbra-zone/protobuf';
 
 const assertBytes = (v?: Uint8Array, expect?: number, name = 'value'): v is Uint8Array => {
   if (expect !== undefined && v?.length !== expect) {
@@ -363,7 +364,7 @@ export class IndexedDb implements IndexedDbInterface {
     const tx = new TransactionInfo({ id, height, transaction });
     await this.u.update({
       table: 'TRANSACTIONS',
-      value: tx.toJson() as Jsonified<TransactionInfo>,
+      value: tx.toJson({ typeRegistry }) as Jsonified<TransactionInfo>,
     });
   }
 
@@ -374,7 +375,7 @@ export class IndexedDb implements IndexedDbInterface {
     if (!jsonRecord) {
       return undefined;
     }
-    return TransactionInfo.fromJson(jsonRecord);
+    return TransactionInfo.fromJson(jsonRecord, { typeRegistry });
   }
 
   async getFmdParams(): Promise<FmdParameters | undefined> {
diff --git a/packages/storage/src/indexed-db/stream.ts b/packages/storage/src/indexed-db/stream.ts
index eb760f708b..60f472958a 100644
--- a/packages/storage/src/indexed-db/stream.ts
+++ b/packages/storage/src/indexed-db/stream.ts
@@ -1,6 +1,7 @@
 import { AnyMessage, JsonValue, Message, MessageType } from '@bufbuild/protobuf';
 import { IDBPCursorWithValue } from 'idb';
 import type { PenumbraDb, PenumbraStoreNames } from '@penumbra-zone/types/indexed-db';
+import { typeRegistry } from '@penumbra-zone/protobuf';
 
 export class IdbCursorSource<N extends PenumbraStoreNames, T extends Message<T> = AnyMessage>
   implements UnderlyingDefaultSource<T>
@@ -15,7 +16,7 @@ export class IdbCursorSource<N extends PenumbraStoreNames, T extends Message<T>
     void (async () => {
       let cursor = await this.cursor;
       while (cursor) {
-        cont.enqueue(this.messageType.fromJson(cursor.value as JsonValue));
+        cont.enqueue(this.messageType.fromJson(cursor.value as JsonValue, { typeRegistry }));
         cursor = await cursor.continue();
       }
       cont.close();
diff --git a/packages/tailwind-config/CHANGELOG.md b/packages/tailwind-config/CHANGELOG.md
index 8fb4589cc9..49cf34b2db 100644
--- a/packages/tailwind-config/CHANGELOG.md
+++ b/packages/tailwind-config/CHANGELOG.md
@@ -1,5 +1,21 @@
 # @penumbra-zone/tailwind-config
 
+## 3.1.3
+
+### Patch Changes
+
+- @penumbra-zone/ui@10.0.0
+
+## 3.1.2
+
+### Patch Changes
+
+- Updated dependencies [b1d4b7d]
+- Updated dependencies [75ef4f5]
+- Updated dependencies [de9bd06]
+- Updated dependencies [43d8350]
+  - @penumbra-zone/ui@9.2.0
+
 ## 3.1.1
 
 ### Patch Changes
diff --git a/packages/tailwind-config/package.json b/packages/tailwind-config/package.json
index eaa269e007..7283c84648 100644
--- a/packages/tailwind-config/package.json
+++ b/packages/tailwind-config/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@repo/tailwind-config",
-  "version": "3.1.1",
+  "version": "3.1.3",
   "private": true,
   "license": "(MIT OR Apache-2.0)",
   "main": "index.js",
diff --git a/packages/types/CHANGELOG.md b/packages/types/CHANGELOG.md
index a4c06cf07f..9691149de0 100644
--- a/packages/types/CHANGELOG.md
+++ b/packages/types/CHANGELOG.md
@@ -1,5 +1,19 @@
 # @penumbra-zone/types
 
+## 24.0.0
+
+### Minor Changes
+
+- b6e32f8: Update ViewServerInterface
+
+### Patch Changes
+
+- Updated dependencies [b6e32f8]
+- Updated dependencies [b6e32f8]
+  - @penumbra-zone/protobuf@6.1.0
+  - @penumbra-zone/bech32m@8.0.0
+  - @penumbra-zone/getters@18.0.0
+
 ## 23.0.0
 
 ### Patch Changes
diff --git a/packages/types/package.json b/packages/types/package.json
index 287fcc45c1..4f7cf5b0b7 100644
--- a/packages/types/package.json
+++ b/packages/types/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@penumbra-zone/types",
-  "version": "23.0.0",
+  "version": "24.0.0",
   "license": "(MIT OR Apache-2.0)",
   "type": "module",
   "engine": {
diff --git a/packages/types/src/address.test.ts b/packages/types/src/address.test.ts
new file mode 100644
index 0000000000..9751b2d541
--- /dev/null
+++ b/packages/types/src/address.test.ts
@@ -0,0 +1,24 @@
+import { describe, expect, test } from 'vitest';
+import { parseIntoAddr } from './address.js';
+
+describe('parseIntoAddr', () => {
+  test('works with compat', () => {
+    expect(() =>
+      parseIntoAddr(
+        'penumbracompat1147mfall0zr6am5r45qkwht7xqqrdsp50czde7empv7yq2nk3z8yyfh9k9520ddgswkmzar22vhz9dwtuem7uxw0qytfpv7lk3q9dp8ccaw2fn5c838rfackazmgf3ahhwqq0da',
+      ),
+    ).not.toThrow();
+  });
+
+  test('works with normal addresses', () => {
+    expect(() =>
+      parseIntoAddr(
+        'penumbra1e8k5cyds484dxvapeamwveh5khqv4jsvyvaf5wwxaaccgfghm229qw03pcar3ryy8smptevstycch0qk3uu0rgkvtjpxy3cu3rjd0agawqtlz6erev28a6sg69u7cxy0t02nd4',
+      ),
+    ).not.toThrow();
+  });
+
+  test('raises on invalid addresses', () => {
+    expect(() => parseIntoAddr('not_valid_format')).toThrow();
+  });
+});
diff --git a/packages/types/src/address.ts b/packages/types/src/address.ts
new file mode 100644
index 0000000000..97f1182f6c
--- /dev/null
+++ b/packages/types/src/address.ts
@@ -0,0 +1,10 @@
+import { Address } from '@penumbra-zone/protobuf/penumbra/core/keys/v1/keys_pb';
+import { addressFromBech32m } from '@penumbra-zone/bech32m/penumbra';
+import { compatAddressFromBech32, isCompatAddress } from '@penumbra-zone/bech32m/penumbracompat1';
+
+export const parseIntoAddr = (addrStr: string): Address => {
+  if (isCompatAddress(addrStr)) {
+    return new Address(compatAddressFromBech32(addrStr));
+  }
+  return new Address(addressFromBech32m(addrStr));
+};
diff --git a/packages/types/src/servers.ts b/packages/types/src/servers.ts
index b90d50a846..8d05ec4977 100644
--- a/packages/types/src/servers.ts
+++ b/packages/types/src/servers.ts
@@ -1,10 +1,16 @@
 import { ScanBlockResult } from './state-commitment-tree.js';
 import { CompactBlock } from '@penumbra-zone/protobuf/penumbra/core/component/compact_block/v1/compact_block_pb';
 import { MerkleRoot } from '@penumbra-zone/protobuf/penumbra/crypto/tct/v1/tct_pb';
+import { Address } from '@penumbra-zone/protobuf/penumbra/core/keys/v1/keys_pb';
 
 export interface ViewServerInterface {
   scanBlock(compactBlock: CompactBlock, skipTrialDecrypt: boolean): Promise<boolean>;
+
   flushUpdates(): ScanBlockResult;
+
   resetTreeToStored(): Promise<void>;
+
   getSctRoot(): MerkleRoot;
+
+  isControlledAddress(address: Address): boolean;
 }
diff --git a/packages/ui/.storybook/preview.jsx b/packages/ui/.storybook/preview.jsx
index 3677658652..ff81811e65 100644
--- a/packages/ui/.storybook/preview.jsx
+++ b/packages/ui/.storybook/preview.jsx
@@ -5,7 +5,7 @@ import { ConditionalWrap } from '../src/ConditionalWrap';
 import { PenumbraUIProvider } from '../src/PenumbraUIProvider';
 import { Density } from '../src/Density';
 import { Tabs } from '../src/Tabs';
-import styled from 'styled-components';
+import { styled } from 'styled-components';
 import '../styles/globals.css';
 
 const Column = styled.div`
diff --git a/packages/ui/CHANGELOG.md b/packages/ui/CHANGELOG.md
index 14cf7b86f2..4e4be3e201 100644
--- a/packages/ui/CHANGELOG.md
+++ b/packages/ui/CHANGELOG.md
@@ -1,5 +1,29 @@
 # @penumbra-zone/ui
 
+## 10.0.0
+
+### Patch Changes
+
+- Updated dependencies [b6e32f8]
+- Updated dependencies [b6e32f8]
+- Updated dependencies [b6e32f8]
+  - @penumbra-zone/protobuf@6.1.0
+  - @penumbra-zone/bech32m@8.0.0
+  - @penumbra-zone/types@24.0.0
+  - @penumbra-zone/perspective@31.0.0
+
+## 9.2.0
+
+### Minor Changes
+
+- b1d4b7d: Add `AssetSelector` UI component
+- de9bd06: Add `SwapInput` and `ValueInput` UI components
+- 43d8350: Fix the issue of UI package not being build correctly for some server-side environments
+
+### Patch Changes
+
+- 75ef4f5: Fix copy button styles
+
 ## 9.1.1
 
 ### Patch Changes
diff --git a/packages/ui/components/ui/copy-to-clipboard/copy-to-clipboard.tsx b/packages/ui/components/ui/copy-to-clipboard/copy-to-clipboard.tsx
index 1563de9e65..640c0b71c2 100644
--- a/packages/ui/components/ui/copy-to-clipboard/copy-to-clipboard.tsx
+++ b/packages/ui/components/ui/copy-to-clipboard/copy-to-clipboard.tsx
@@ -38,7 +38,11 @@ const CopyToClipboard = forwardRef<HTMLButtonElement, CopyToClipboardProps>(
       >
         {copied ? (
           <span className='flex items-center gap-2'>
-            {successLabel ?? <span className='whitespace-nowrap'>Copied</span>}
+            {typeof successLabel !== 'undefined' ? (
+              successLabel
+            ) : (
+              <span className='whitespace-nowrap'>Copied</span>
+            )}
             <CheckCircledIcon />
           </span>
         ) : (
diff --git a/packages/ui/components/ui/select/index.tsx b/packages/ui/components/ui/select/index.tsx
index 3764d02b78..2e129aab12 100644
--- a/packages/ui/components/ui/select/index.tsx
+++ b/packages/ui/components/ui/select/index.tsx
@@ -7,7 +7,6 @@ export {
   SelectSeparator,
   SelectTrigger,
   SelectValue,
-  type SelectTriggerProps,
 } from './select';
 export { SelectAccount, type SelectAccountProps } from './select-account';
 export { SelectList } from './select-list';
diff --git a/packages/ui/components/ui/select/select.tsx b/packages/ui/components/ui/select/select.tsx
index 6c2120efb4..68b80928ea 100644
--- a/packages/ui/components/ui/select/select.tsx
+++ b/packages/ui/components/ui/select/select.tsx
@@ -2,15 +2,15 @@
 
 import * as React from 'react';
 import * as SelectPrimitive from '@radix-ui/react-select';
-import { cn } from '../../../lib/utils';
-import { ChevronDownIcon } from '@radix-ui/react-icons';
-import { cva, type VariantProps } from 'class-variance-authority';
+import { ChevronDown, ChevronUp } from 'lucide-react';
+import { cn } from '../../../lib/utils.ts';
+import { cva, VariantProps } from 'class-variance-authority';
 
 const selectVariants = cva('', {
   variants: {
     variant: {
-      dark: 'text-muted',
-      light: 'text-stone-700',
+      dark: 'bg-background text-muted',
+      light: 'bg-white text-stone-700',
     },
   },
   defaultVariants: {
@@ -27,18 +27,17 @@ const SelectValue = SelectPrimitive.Value;
 export interface SelectTriggerProps
   extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>,
     VariantProps<typeof selectVariants> {
-  open?: boolean;
   textColor?: string;
 }
 
 const SelectTrigger = React.forwardRef<
   React.ElementRef<typeof SelectPrimitive.Trigger>,
   SelectTriggerProps
->(({ className, children, open, variant, ...props }, ref) => (
+>(({ className, children, variant, ...props }, ref) => (
   <SelectPrimitive.Trigger
     ref={ref}
     className={cn(
-      'flex w-full items-center justify-between bg-background ring-offset-background focus:outline-none focus:ring-0 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 text-[15px] leading-[22px] font-bold text-light-brown',
+      'flex h-10 w-full items-center justify-between rounded-md border border-input px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1',
       selectVariants({ variant }),
       className,
     )}
@@ -46,18 +45,40 @@ const SelectTrigger = React.forwardRef<
   >
     {children}
     <SelectPrimitive.Icon asChild>
-      <ChevronDownIcon
-        className={cn(
-          'h-6 w-6 transition-all duration-500',
-          open && 'rotate-180',
-          selectVariants({ variant }),
-        )}
-      />
+      <ChevronDown className='size-4 opacity-50' />
     </SelectPrimitive.Icon>
   </SelectPrimitive.Trigger>
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
 
+const SelectScrollUpButton = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>
+>(({ className, ...props }, ref) => (
+  <SelectPrimitive.ScrollUpButton
+    ref={ref}
+    className={cn('flex cursor-default items-center justify-center py-1', className)}
+    {...props}
+  >
+    <ChevronUp className='size-4' />
+  </SelectPrimitive.ScrollUpButton>
+));
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+
+const SelectScrollDownButton = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>
+>(({ className, ...props }, ref) => (
+  <SelectPrimitive.ScrollDownButton
+    ref={ref}
+    className={cn('flex cursor-default items-center justify-center py-1', className)}
+    {...props}
+  >
+    <ChevronDown className='size-4' />
+  </SelectPrimitive.ScrollDownButton>
+));
+SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+
 const SelectContent = React.forwardRef<
   React.ElementRef<typeof SelectPrimitive.Content>,
   React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>
@@ -66,7 +87,7 @@ const SelectContent = React.forwardRef<
     <SelectPrimitive.Content
       ref={ref}
       className={cn(
-        'relative z-50 border border-t-0 overflow-hidden rounded-b-md bg-background text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 px-4',
+        'relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-background text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
         position === 'popper' &&
           'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',
         className,
@@ -74,15 +95,17 @@ const SelectContent = React.forwardRef<
       position={position}
       {...props}
     >
+      <SelectScrollUpButton />
       <SelectPrimitive.Viewport
         className={cn(
-          '',
+          'p-1',
           position === 'popper' &&
             'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]',
         )}
       >
         {children}
       </SelectPrimitive.Viewport>
+      <SelectScrollDownButton />
     </SelectPrimitive.Content>
   </SelectPrimitive.Portal>
 ));
@@ -107,7 +130,7 @@ const SelectItem = React.forwardRef<
   <SelectPrimitive.Item
     ref={ref}
     className={cn(
-      'relative flex w-full select-none items-center font-bold text-muted-foreground outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 cursor-pointer py-[10px]',
+      'relative flex w-full cursor-default select-none items-center text-muted-foreground rounded-sm py-1.5 px-2 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
       className,
     )}
     {...props}
@@ -138,4 +161,6 @@ export {
   SelectLabel,
   SelectItem,
   SelectSeparator,
+  SelectScrollUpButton,
+  SelectScrollDownButton,
 };
diff --git a/packages/ui/components/ui/tx/action-view.tsx b/packages/ui/components/ui/tx/action-view.tsx
index fdecac6e23..b32f040d9c 100644
--- a/packages/ui/components/ui/tx/action-view.tsx
+++ b/packages/ui/components/ui/tx/action-view.tsx
@@ -17,6 +17,7 @@ import { ValidatorVoteComponent } from './actions-views/validator-vote.tsx';
 import { PositionOpenComponent } from './actions-views/position-open.tsx';
 import { PositionCloseComponent } from './actions-views/position-close.tsx';
 import { PositionWithdrawComponent } from './actions-views/position-withdraw.tsx';
+import { IbcRelayComponent } from './actions-views/ibc-relay.tsx';
 
 type Case = Exclude<ActionView['actionView']['case'], undefined>;
 
@@ -112,7 +113,7 @@ export const ActionViewComponent = ({
       return <UnimplementedView label='Validator Definition' />;
 
     case 'ibcRelayAction':
-      return <UnimplementedView label='IBC Relay Action' />;
+      return <IbcRelayComponent value={actionView.value} />;
 
     case 'proposalSubmit':
       return <UnimplementedView label='Proposal Submit' />;
diff --git a/packages/ui/components/ui/tx/actions-views/ibc-relay.tsx b/packages/ui/components/ui/tx/actions-views/ibc-relay.tsx
new file mode 100644
index 0000000000..c911f6e490
--- /dev/null
+++ b/packages/ui/components/ui/tx/actions-views/ibc-relay.tsx
@@ -0,0 +1,144 @@
+import { ViewBox } from '../viewbox';
+import { ActionDetails } from './action-details';
+import {
+  FungibleTokenPacketData,
+  IbcRelay,
+} from '@penumbra-zone/protobuf/penumbra/core/component/ibc/v1/ibc_pb';
+import { MsgRecvPacket } from '@penumbra-zone/protobuf/ibc/core/channel/v1/tx_pb';
+import { MsgUpdateClient } from '@penumbra-zone/protobuf/ibc/core/client/v1/tx_pb';
+import { UnimplementedView } from './unimplemented-view.tsx';
+import { uint8ArrayToBase64 } from '@penumbra-zone/types/base64';
+import { getUtcTime } from './isc20-withdrawal.tsx';
+import { useMemo } from 'react';
+
+// Packet data stored as json string encoded into bytes
+const parsePacket = ({ packet }: MsgRecvPacket): FungibleTokenPacketData | undefined => {
+  if (!packet?.data) {
+    return undefined;
+  }
+
+  try {
+    const dataString = new TextDecoder().decode(packet.data);
+    return FungibleTokenPacketData.fromJsonString(dataString);
+  } catch (e) {
+    return undefined;
+  }
+};
+
+const MsgResvComponent = ({ packet }: { packet: MsgRecvPacket }) => {
+  const packetData = useMemo(() => parsePacket(packet), [packet]);
+
+  return (
+    <ViewBox
+      label='IBC Relay: Msg Received'
+      visibleContent={
+        <ActionDetails>
+          {packetData === undefined && (
+            <ActionDetails.Row label='Data'>Unknown packet data</ActionDetails.Row>
+          )}
+          {!!packetData?.sender && (
+            <ActionDetails.Row label='Sender'>
+              <ActionDetails.TruncatedText>{packetData.sender}</ActionDetails.TruncatedText>
+            </ActionDetails.Row>
+          )}
+          {!!packetData?.receiver && (
+            <ActionDetails.Row label='Receiver'>
+              <ActionDetails.TruncatedText>{packetData.receiver}</ActionDetails.TruncatedText>
+            </ActionDetails.Row>
+          )}
+          {!!packetData?.denom && (
+            <ActionDetails.Row label='Denom'>{packetData.denom}</ActionDetails.Row>
+          )}
+          {!!packetData?.amount && (
+            <ActionDetails.Row label='Amount'>{packetData.amount}</ActionDetails.Row>
+          )}
+          {packetData && 'memo' in packetData && (
+            <ActionDetails.Row label='Memo'>{packetData.memo}</ActionDetails.Row>
+          )}
+          {!!packet.packet?.sequence && (
+            <ActionDetails.Row label='Sequence'>{Number(packet.packet.sequence)}</ActionDetails.Row>
+          )}
+          {!!packet.packet?.sourcePort && (
+            <ActionDetails.Row label='Source Port'>{packet.packet.sourcePort}</ActionDetails.Row>
+          )}
+          {!!packet.packet?.sourceChannel && (
+            <ActionDetails.Row label='Source Channel'>
+              {packet.packet.sourceChannel}
+            </ActionDetails.Row>
+          )}
+          {!!packet.packet?.destinationPort && (
+            <ActionDetails.Row label='Destination Port'>
+              {packet.packet.destinationPort}
+            </ActionDetails.Row>
+          )}
+          {!!packet.packet?.destinationChannel && (
+            <ActionDetails.Row label='Destination Channel'>
+              {packet.packet.destinationChannel}
+            </ActionDetails.Row>
+          )}
+          {!!packet.packet?.timeoutHeight?.revisionHeight && (
+            <ActionDetails.Row label='Timeout revision height'>
+              {Number(packet.packet.timeoutHeight.revisionHeight)}
+            </ActionDetails.Row>
+          )}
+          {!!packet.packet?.timeoutHeight?.revisionNumber && (
+            <ActionDetails.Row label='Timeout revision number'>
+              {Number(packet.packet.timeoutHeight.revisionNumber)}
+            </ActionDetails.Row>
+          )}
+          {!!packet.packet?.timeoutTimestamp && (
+            <ActionDetails.Row label='Timeout timestamp'>
+              {getUtcTime(packet.packet.timeoutTimestamp)}
+            </ActionDetails.Row>
+          )}
+          <ActionDetails.Row label='Signer'>{packet.signer}</ActionDetails.Row>
+          {!!packet.proofHeight?.revisionHeight && (
+            <ActionDetails.Row label='Proof revision height'>
+              {Number(packet.proofHeight.revisionHeight)}
+            </ActionDetails.Row>
+          )}
+          {!!packet.proofHeight?.revisionNumber && (
+            <ActionDetails.Row label='Proof revision number'>
+              {Number(packet.proofHeight.revisionNumber)}
+            </ActionDetails.Row>
+          )}
+          <ActionDetails.Row label='Proof commitment'>
+            <ActionDetails.TruncatedText>
+              {uint8ArrayToBase64(packet.proofCommitment)}
+            </ActionDetails.TruncatedText>
+          </ActionDetails.Row>
+        </ActionDetails>
+      }
+    />
+  );
+};
+
+const UpdateClientComponent = ({ update }: { update: MsgUpdateClient }) => {
+  return (
+    <ViewBox
+      label='IBC Relay: Update Client'
+      visibleContent={
+        <ActionDetails>
+          <ActionDetails.Row label='Client id'>{update.clientId}</ActionDetails.Row>
+          <ActionDetails.Row label='Signer'>{update.signer}</ActionDetails.Row>
+        </ActionDetails>
+      }
+    />
+  );
+};
+
+export const IbcRelayComponent = ({ value }: { value: IbcRelay }) => {
+  if (value.rawAction?.is(MsgRecvPacket.typeName)) {
+    const packet = new MsgRecvPacket();
+    value.rawAction.unpackTo(packet);
+    return <MsgResvComponent packet={packet} />;
+  }
+
+  if (value.rawAction?.is(MsgUpdateClient.typeName)) {
+    const update = new MsgUpdateClient();
+    value.rawAction.unpackTo(update);
+    return <UpdateClientComponent update={update} />;
+  }
+
+  return <UnimplementedView label='IBC Relay' />;
+};
diff --git a/packages/ui/components/ui/tx/actions-views/isc20-withdrawal.tsx b/packages/ui/components/ui/tx/actions-views/isc20-withdrawal.tsx
index 1b3148e93a..8492fa70d5 100644
--- a/packages/ui/components/ui/tx/actions-views/isc20-withdrawal.tsx
+++ b/packages/ui/components/ui/tx/actions-views/isc20-withdrawal.tsx
@@ -4,7 +4,8 @@ import { ActionDetails } from './action-details';
 import { joinLoHiAmount } from '@penumbra-zone/types/amount';
 import { bech32mAddress } from '@penumbra-zone/bech32m/penumbra';
 
-const getUtcTime = (time: bigint) => {
+// Converts nanoseconds timestamp to UTC timestamp string
+export const getUtcTime = (time: bigint) => {
   const formatter = new Intl.DateTimeFormat('en-US', {
     dateStyle: 'medium',
     timeStyle: 'long',
diff --git a/packages/ui/package.json b/packages/ui/package.json
index 350f1fd719..2f5620148d 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@penumbra-zone/ui",
-  "version": "9.1.1",
+  "version": "10.0.0",
   "license": "(MIT OR Apache-2.0)",
   "description": "UI components for Penumbra",
   "type": "module",
@@ -63,7 +63,7 @@
     "@radix-ui/react-popover": "^1.0.7",
     "@radix-ui/react-progress": "^1.0.3",
     "@radix-ui/react-radio-group": "^1.2.0",
-    "@radix-ui/react-select": "^2.0.0",
+    "@radix-ui/react-select": "^2.1.1",
     "@radix-ui/react-slider": "^1.1.2",
     "@radix-ui/react-slot": "^1.0.2",
     "@radix-ui/react-switch": "^1.0.3",
diff --git a/packages/ui/src/AccountSelector/AccountSelectorAddress.tsx b/packages/ui/src/AccountSelector/AccountSelectorAddress.tsx
index 05fcdfff1f..1c8da051fe 100644
--- a/packages/ui/src/AccountSelector/AccountSelectorAddress.tsx
+++ b/packages/ui/src/AccountSelector/AccountSelectorAddress.tsx
@@ -1,6 +1,6 @@
 import type { Address } from '@penumbra-zone/protobuf/penumbra/core/keys/v1/keys_pb';
 import { bech32mAddress } from '@penumbra-zone/bech32m/penumbra';
-import styled, { DefaultTheme } from 'styled-components';
+import { styled, DefaultTheme } from 'styled-components';
 import { useDensity } from '../hooks/useDensity';
 import { Density } from '../types/Density';
 import { CopyToClipboardButton } from '../CopyToClipboardButton';
diff --git a/packages/ui/src/AccountSelector/IbcDepositToggle.tsx b/packages/ui/src/AccountSelector/IbcDepositToggle.tsx
index 7dfe8a4f54..cffd7d57ab 100644
--- a/packages/ui/src/AccountSelector/IbcDepositToggle.tsx
+++ b/packages/ui/src/AccountSelector/IbcDepositToggle.tsx
@@ -1,4 +1,4 @@
-import styled from 'styled-components';
+import { styled } from 'styled-components';
 import { Toggle } from '../Toggle';
 import { Text } from '../Text';
 import { Tooltip } from '../Tooltip';
diff --git a/packages/ui/src/AccountSelector/index.stories.tsx b/packages/ui/src/AccountSelector/index.stories.tsx
index 02c189eb15..a05b53a3af 100644
--- a/packages/ui/src/AccountSelector/index.stories.tsx
+++ b/packages/ui/src/AccountSelector/index.stories.tsx
@@ -3,7 +3,7 @@ import type { Meta, StoryObj } from '@storybook/react';
 import { AccountSelector } from '.';
 import { Address } from '@penumbra-zone/protobuf/penumbra/core/keys/v1/keys_pb';
 import { Text } from '../Text';
-import styled from 'styled-components';
+import { styled } from 'styled-components';
 
 const u8 = (length: number) => Uint8Array.from({ length }, () => Math.floor(Math.random() * 256));
 
diff --git a/packages/ui/src/AccountSelector/index.tsx b/packages/ui/src/AccountSelector/index.tsx
index 255105c3db..9582441058 100644
--- a/packages/ui/src/AccountSelector/index.tsx
+++ b/packages/ui/src/AccountSelector/index.tsx
@@ -1,6 +1,6 @@
 import type { Address } from '@penumbra-zone/protobuf/penumbra/core/keys/v1/keys_pb';
 import { TextInput } from '../TextInput';
-import styled from 'styled-components';
+import { styled } from 'styled-components';
 import { body } from '../utils/typography';
 import { Density } from '../Density';
 import { Button } from '../Button';
diff --git a/packages/ui/src/AddressViewComponent/index.stories.tsx b/packages/ui/src/AddressViewComponent/index.stories.tsx
index 9130b1b4b6..0df3f9a1de 100644
--- a/packages/ui/src/AddressViewComponent/index.stories.tsx
+++ b/packages/ui/src/AddressViewComponent/index.stories.tsx
@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react';
 
 import { AddressViewComponent } from '.';
-import styled from 'styled-components';
+import { styled } from 'styled-components';
 import { ADDRESS_VIEW_DECODED, ADDRESS_VIEW_OPAQUE } from '../utils/bufs';
 
 const MaxWidthWrapper = styled.div`
diff --git a/packages/ui/src/AddressViewComponent/index.tsx b/packages/ui/src/AddressViewComponent/index.tsx
index bd3e8679f3..687efe1391 100644
--- a/packages/ui/src/AddressViewComponent/index.tsx
+++ b/packages/ui/src/AddressViewComponent/index.tsx
@@ -1,7 +1,7 @@
 import { AddressIcon } from './AddressIcon';
 import { AddressView } from '@penumbra-zone/protobuf/penumbra/core/keys/v1/keys_pb';
 import { bech32mAddress } from '@penumbra-zone/bech32m/penumbra';
-import styled from 'styled-components';
+import { styled } from 'styled-components';
 import { Text } from '../Text';
 import { CopyToClipboardButton } from '../CopyToClipboardButton';
 import { Shrink0 } from '../utils/Shrink0';
diff --git a/packages/ui/src/AssetIcon/DelegationTokenIcon.tsx b/packages/ui/src/AssetIcon/DelegationTokenIcon.tsx
index aa8bc12b08..58dd68ce9d 100644
--- a/packages/ui/src/AssetIcon/DelegationTokenIcon.tsx
+++ b/packages/ui/src/AssetIcon/DelegationTokenIcon.tsx
@@ -1,5 +1,5 @@
 import { assetPatterns } from '@penumbra-zone/types/assets';
-import styled from 'styled-components';
+import { styled } from 'styled-components';
 
 const Svg = styled.svg.attrs({
   id: 'delegation',
diff --git a/packages/ui/src/AssetIcon/UnbondingTokenIcon.tsx b/packages/ui/src/AssetIcon/UnbondingTokenIcon.tsx
index a5f2e41982..58b302bf09 100644
--- a/packages/ui/src/AssetIcon/UnbondingTokenIcon.tsx
+++ b/packages/ui/src/AssetIcon/UnbondingTokenIcon.tsx
@@ -1,5 +1,5 @@
 import { assetPatterns } from '@penumbra-zone/types/assets';
-import styled from 'styled-components';
+import { styled } from 'styled-components';
 
 const Svg = styled.svg.attrs({
   id: 'unbonding',
diff --git a/packages/ui/src/AssetIcon/index.tsx b/packages/ui/src/AssetIcon/index.tsx
index 515593a94e..b54e3abbab 100644
--- a/packages/ui/src/AssetIcon/index.tsx
+++ b/packages/ui/src/AssetIcon/index.tsx
@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import styled from 'styled-components';
+import { styled } from 'styled-components';
 import { Metadata } from '@penumbra-zone/protobuf/penumbra/core/asset/v1/asset_pb';
 import { getDisplay } from '@penumbra-zone/getters/metadata';
 import { assetPatterns } from '@penumbra-zone/types/assets';
diff --git a/packages/ui/src/AssetSelector/Custom.tsx b/packages/ui/src/AssetSelector/Custom.tsx
index 0735f42689..89630c4630 100644
--- a/packages/ui/src/AssetSelector/Custom.tsx
+++ b/packages/ui/src/AssetSelector/Custom.tsx
@@ -1,5 +1,5 @@
 import { ReactNode, useId, useState } from 'react';
-import styled from 'styled-components';
+import { styled } from 'styled-components';
 import { RadioGroup } from '@radix-ui/react-radio-group';
 import { Dialog } from '../Dialog';
 import { IsAnimatingProvider } from '../IsAnimatingProvider';
diff --git a/packages/ui/src/AssetSelector/ListItem.tsx b/packages/ui/src/AssetSelector/ListItem.tsx
index 9d94ba325d..315d7895d6 100644
--- a/packages/ui/src/AssetSelector/ListItem.tsx
+++ b/packages/ui/src/AssetSelector/ListItem.tsx
@@ -1,5 +1,5 @@
 import { RadioGroupItem } from '@radix-ui/react-radio-group';
-import styled from 'styled-components';
+import { styled } from 'styled-components';
 import { motion } from 'framer-motion';
 import { AssetIcon } from '../AssetIcon';
 import { Text } from '../Text';
diff --git a/packages/ui/src/AssetSelector/Trigger.tsx b/packages/ui/src/AssetSelector/Trigger.tsx
index 033d1dbecf..c5acc88a4f 100644
--- a/packages/ui/src/AssetSelector/Trigger.tsx
+++ b/packages/ui/src/AssetSelector/Trigger.tsx
@@ -1,5 +1,5 @@
 import { forwardRef, MouseEventHandler } from 'react';
-import styled, { css } from 'styled-components';
+import { styled, css } from 'styled-components';
 import { ChevronsUpDownIcon } from 'lucide-react';
 import { motion } from 'framer-motion';
 import { getMetadataFromBalancesResponse } from '@penumbra-zone/getters/balances-response';
diff --git a/packages/ui/src/AssetSelector/index.tsx b/packages/ui/src/AssetSelector/index.tsx
index 23c0e2e8d2..cfc6955ec4 100644
--- a/packages/ui/src/AssetSelector/index.tsx
+++ b/packages/ui/src/AssetSelector/index.tsx
@@ -1,5 +1,5 @@
 import { useMemo, useState } from 'react';
-import styled from 'styled-components';
+import { styled } from 'styled-components';
 import { Metadata } from '@penumbra-zone/protobuf/penumbra/core/asset/v1/asset_pb';
 import { BalancesResponse } from '@penumbra-zone/protobuf/penumbra/view/v1/view_pb';
 
diff --git a/packages/ui/src/Button/index.tsx b/packages/ui/src/Button/index.tsx
index 9c9cc6489b..7839fa9b88 100644
--- a/packages/ui/src/Button/index.tsx
+++ b/packages/ui/src/Button/index.tsx
@@ -1,5 +1,5 @@
 import { FC, forwardRef, MouseEventHandler, ReactNode } from 'react';
-import styled, { css, DefaultTheme } from 'styled-components';
+import { styled, css, DefaultTheme } from 'styled-components';
 import { asTransientProps } from '../utils/asTransientProps';
 import { Priority, focusOutline, overlays, buttonBase } from '../utils/button';
 import { getBackgroundColor } from './helpers';
diff --git a/packages/ui/src/ButtonGroup/index.tsx b/packages/ui/src/ButtonGroup/index.tsx
index 29b947ec57..ab2de464b7 100644
--- a/packages/ui/src/ButtonGroup/index.tsx
+++ b/packages/ui/src/ButtonGroup/index.tsx
@@ -2,7 +2,7 @@ import { LucideIcon } from 'lucide-react';
 import { MouseEventHandler } from 'react';
 import { ActionType } from '../utils/ActionType';
 import { Button } from '../Button';
-import styled from 'styled-components';
+import { styled } from 'styled-components';
 import { media } from '../utils/media';
 import { Density } from '../types/Density';
 import { useDensity } from '../hooks/useDensity';
diff --git a/packages/ui/src/Card/Title.tsx b/packages/ui/src/Card/Title.tsx
index 21471c0fde..6730c61fc5 100644
--- a/packages/ui/src/Card/Title.tsx
+++ b/packages/ui/src/Card/Title.tsx
@@ -1,4 +1,4 @@
-import styled from 'styled-components';
+import { styled } from 'styled-components';
 import { large } from '../utils/typography';
 import { ReactNode } from 'react';
 import { CharacterTransition } from '../CharacterTransition';
diff --git a/packages/ui/src/Card/index.stories.tsx b/packages/ui/src/Card/index.stories.tsx
index cf191ee559..3edbfc4bcb 100644
--- a/packages/ui/src/Card/index.stories.tsx
+++ b/packages/ui/src/Card/index.stories.tsx
@@ -3,7 +3,7 @@ import type { Meta, StoryObj } from '@storybook/react';
 import { Card } from '.';
 
 import storiesBg from './storiesBg.jpg';
-import styled from 'styled-components';
+import { styled } from 'styled-components';
 import { Text } from '../Text';
 import { FormField } from '../FormField';
 import { TextInput } from '../TextInput';
diff --git a/packages/ui/src/Card/index.tsx b/packages/ui/src/Card/index.tsx
index b16e2674fc..2fc9adeae8 100644
--- a/packages/ui/src/Card/index.tsx
+++ b/packages/ui/src/Card/index.tsx
@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import styled, { WebTarget } from 'styled-components';
+import { styled, WebTarget } from 'styled-components';
 import { hexOpacity } from '../utils/hexOpacity';
 import { motion } from 'framer-motion';
 import { Title } from './Title';
diff --git a/packages/ui/src/CharacterTransition/index.stories.tsx b/packages/ui/src/CharacterTransition/index.stories.tsx
index 54f43237d7..a60f888afe 100644
--- a/packages/ui/src/CharacterTransition/index.stories.tsx
+++ b/packages/ui/src/CharacterTransition/index.stories.tsx
@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { CharacterTransition } from '.';
-import styled from 'styled-components';
+import { styled } from 'styled-components';
 
 const WhiteTextWrapper = styled.div`
   color: ${props => props.theme.color.text.primary};
diff --git a/packages/ui/src/CharacterTransition/index.tsx b/packages/ui/src/CharacterTransition/index.tsx
index 3dcd772b14..c415901492 100644
--- a/packages/ui/src/CharacterTransition/index.tsx
+++ b/packages/ui/src/CharacterTransition/index.tsx
@@ -1,6 +1,6 @@
 import { motion } from 'framer-motion';
 import { Fragment, memo } from 'react';
-import styled from 'styled-components';
+import { styled } from 'styled-components';
 
 /**
  * Since we're splitting individual characters and wrapping them in `<span />`s,
diff --git a/packages/ui/src/Colors.stories.tsx b/packages/ui/src/Colors.stories.tsx
index c9da483999..a4570881c5 100644
--- a/packages/ui/src/Colors.stories.tsx
+++ b/packages/ui/src/Colors.stories.tsx
@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { Grid } from './Grid';
 import { Text } from './Text';
-import styled from 'styled-components';
+import { styled } from 'styled-components';
 import type { ColorVariant, Color as TColor, TextColorVariant } from './PenumbraUIProvider/theme';
 import { Fragment } from 'react';
 import { media } from './utils/media';
diff --git a/packages/ui/src/Dialog/index.stories.tsx b/packages/ui/src/Dialog/index.stories.tsx
index 370d4bb00b..f51cfad8be 100644
--- a/packages/ui/src/Dialog/index.stories.tsx
+++ b/packages/ui/src/Dialog/index.stories.tsx
@@ -4,7 +4,7 @@ import { Dialog } from '.';
 import { Button } from '../Button';
 import { ComponentType } from 'react';
 import { Text } from '../Text';
-import styled from 'styled-components';
+import { styled } from 'styled-components';
 import { Ban, Handshake, ThumbsUp } from 'lucide-react';
 
 const WhiteTextWrapper = styled.div`
diff --git a/packages/ui/src/Dialog/index.tsx b/packages/ui/src/Dialog/index.tsx
index 50ecfcc077..7b0960aec6 100644
--- a/packages/ui/src/Dialog/index.tsx
+++ b/packages/ui/src/Dialog/index.tsx
@@ -1,5 +1,5 @@
 import { createContext, ReactNode, useContext } from 'react';
-import styled from 'styled-components';
+import { styled } from 'styled-components';
 import * as RadixDialog from '@radix-ui/react-dialog';
 import { Text } from '../Text';
 import { X } from 'lucide-react';
diff --git a/packages/ui/src/Display/index.stories.tsx b/packages/ui/src/Display/index.stories.tsx
index d3a938c7fc..00265605b3 100644
--- a/packages/ui/src/Display/index.stories.tsx
+++ b/packages/ui/src/Display/index.stories.tsx
@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react';
 
 import { Display } from '.';
-import styled from 'styled-components';
+import { styled } from 'styled-components';
 import { Text } from '../Text';
 
 const meta: Meta<typeof Display> = {
diff --git a/packages/ui/src/Display/index.tsx b/packages/ui/src/Display/index.tsx
index 1c82dcc497..758831e7bc 100644
--- a/packages/ui/src/Display/index.tsx
+++ b/packages/ui/src/Display/index.tsx
@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import styled from 'styled-components';
+import { styled } from 'styled-components';
 import { media } from '../utils/media';
 
 const Root = styled.section`
diff --git a/packages/ui/src/FormField/index.tsx b/packages/ui/src/FormField/index.tsx
index 0012e4d9f9..552df3f891 100644
--- a/packages/ui/src/FormField/index.tsx
+++ b/packages/ui/src/FormField/index.tsx
@@ -1,4 +1,4 @@
-import styled from 'styled-components';
+import { styled } from 'styled-components';
 import { small, strong } from '../utils/typography';
 import { ReactNode } from 'react';
 import { DisabledContext } from '../utils/DisabledContext';
diff --git a/packages/ui/src/Grid/index.stories.tsx b/packages/ui/src/Grid/index.stories.tsx
index 14f95a435b..68ae46aaa0 100644
--- a/packages/ui/src/Grid/index.stories.tsx
+++ b/packages/ui/src/Grid/index.stories.tsx
@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { Grid } from '.';
-import styled from 'styled-components';
+import { styled } from 'styled-components';
 import { Text } from '../Text';
 
 const meta: Meta<typeof Grid> = {
diff --git a/packages/ui/src/Grid/index.tsx b/packages/ui/src/Grid/index.tsx
index 049d470463..3444298f91 100644
--- a/packages/ui/src/Grid/index.tsx
+++ b/packages/ui/src/Grid/index.tsx
@@ -1,5 +1,5 @@
 import { PropsWithChildren } from 'react';
-import styled from 'styled-components';
+import { styled } from 'styled-components';
 import { AsTransientProps, asTransientProps } from '../utils/asTransientProps';
 import { media } from '../utils/media';
 
diff --git a/packages/ui/src/Identicon/index.tsx b/packages/ui/src/Identicon/index.tsx
index 3959a760fd..89671bd9d9 100644
--- a/packages/ui/src/Identicon/index.tsx
+++ b/packages/ui/src/Identicon/index.tsx
@@ -1,6 +1,6 @@
 import { useMemo } from 'react';
 import { generateGradient, generateSolidColor } from './generate';
-import styled from 'styled-components';
+import { styled } from 'styled-components';
 
 /**
  * The view box size is separate from the passed-in `size` prop.
diff --git a/packages/ui/src/MenuItem/index.tsx b/packages/ui/src/MenuItem/index.tsx
index 419ad1d50f..96341d4ff1 100644
--- a/packages/ui/src/MenuItem/index.tsx
+++ b/packages/ui/src/MenuItem/index.tsx
@@ -2,7 +2,7 @@ import type { LucideIcon } from 'lucide-react';
 import type { FC, MouseEventHandler } from 'react';
 import { MenuItem as SharedMenuItem, DropdownMenuItemBase } from '../utils/menuItem';
 import { Text } from '../Text';
-import styled from 'styled-components';
+import { styled } from 'styled-components';
 import { asTransientProps } from '../utils/asTransientProps.ts';
 
 const IconAdornment = styled.i`
diff --git a/packages/ui/src/Pill/index.tsx b/packages/ui/src/Pill/index.tsx
index 1f02fae387..41947b357f 100644
--- a/packages/ui/src/Pill/index.tsx
+++ b/packages/ui/src/Pill/index.tsx
@@ -1,4 +1,4 @@
-import styled, { DefaultTheme } from 'styled-components';
+import { styled, DefaultTheme } from 'styled-components';
 import { asTransientProps } from '../utils/asTransientProps';
 import { ReactNode } from 'react';
 import { body, technical, detail, detailTechnical } from '../utils/typography';
diff --git a/packages/ui/src/Popover/index.stories.tsx b/packages/ui/src/Popover/index.stories.tsx
index 5d06fb031d..70719d36c5 100644
--- a/packages/ui/src/Popover/index.stories.tsx
+++ b/packages/ui/src/Popover/index.stories.tsx
@@ -4,7 +4,7 @@ import { Popover } from '.';
 import { Button } from '../Button';
 import { ComponentType, useState } from 'react';
 import { Text } from '../Text';
-import styled from 'styled-components';
+import { styled } from 'styled-components';
 import { Shield } from 'lucide-react';
 import { Density } from '../Density';
 
diff --git a/packages/ui/src/Progress/index.tsx b/packages/ui/src/Progress/index.tsx
index ba91fc0791..3c13381b6d 100644
--- a/packages/ui/src/Progress/index.tsx
+++ b/packages/ui/src/Progress/index.tsx
@@ -1,5 +1,5 @@
 import * as ProgressPrimitive from '@radix-ui/react-progress';
-import styled, { type DefaultTheme, keyframes } from 'styled-components';
+import { styled, type DefaultTheme, keyframes } from 'styled-components';
 
 export const infiniteLoading = keyframes`
   from {
diff --git a/packages/ui/src/SegmentedControl/index.tsx b/packages/ui/src/SegmentedControl/index.tsx
index 77acd3a6a2..6731175c56 100644
--- a/packages/ui/src/SegmentedControl/index.tsx
+++ b/packages/ui/src/SegmentedControl/index.tsx
@@ -1,4 +1,4 @@
-import styled, { DefaultTheme } from 'styled-components';
+import { styled, DefaultTheme } from 'styled-components';
 import { button } from '../utils/typography';
 import { focusOutline, overlays, buttonBase } from '../utils/button';
 import { Density } from '../types/Density';
diff --git a/packages/ui/src/Slider/index.tsx b/packages/ui/src/Slider/index.tsx
index 637708b833..38eb66758d 100644
--- a/packages/ui/src/Slider/index.tsx
+++ b/packages/ui/src/Slider/index.tsx
@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import styled, { css } from 'styled-components';
+import { styled, css } from 'styled-components';
 import * as RadixSlider from '@radix-ui/react-slider';
 import { detail, detailTechnical } from '../utils/typography';
 import { theme } from '../PenumbraUIProvider/theme';
diff --git a/packages/ui/src/SwapInput/index.tsx b/packages/ui/src/SwapInput/index.tsx
index d3c6bc6df2..48b427ebcf 100644
--- a/packages/ui/src/SwapInput/index.tsx
+++ b/packages/ui/src/SwapInput/index.tsx
@@ -1,4 +1,4 @@
-import styled from 'styled-components';
+import { styled } from 'styled-components';
 import { ArrowLeftRight } from 'lucide-react';
 import { Metadata } from '@penumbra-zone/protobuf/penumbra/core/asset/v1/asset_pb';
 import { BalancesResponse } from '@penumbra-zone/protobuf/penumbra/view/v1/view_pb';
diff --git a/packages/ui/src/Table/index.tsx b/packages/ui/src/Table/index.tsx
index 2812727126..b3ce822426 100644
--- a/packages/ui/src/Table/index.tsx
+++ b/packages/ui/src/Table/index.tsx
@@ -1,5 +1,5 @@
 import { PropsWithChildren, ReactNode } from 'react';
-import styled, { css } from 'styled-components';
+import { styled, css } from 'styled-components';
 import { tableHeading, tableItem } from '../utils/typography';
 import { Density } from '../types/Density';
 import { useDensity } from '../hooks/useDensity';
diff --git a/packages/ui/src/Tabs/index.tsx b/packages/ui/src/Tabs/index.tsx
index c187cc93fd..877574013d 100644
--- a/packages/ui/src/Tabs/index.tsx
+++ b/packages/ui/src/Tabs/index.tsx
@@ -1,4 +1,4 @@
-import styled, { css, DefaultTheme } from 'styled-components';
+import { styled, css, DefaultTheme } from 'styled-components';
 import { tab, tabSmall } from '../utils/typography';
 import { motion } from 'framer-motion';
 import { useId } from 'react';
diff --git a/packages/ui/src/Text/index.stories.tsx b/packages/ui/src/Text/index.stories.tsx
index c830404c43..d9163cf1ac 100644
--- a/packages/ui/src/Text/index.stories.tsx
+++ b/packages/ui/src/Text/index.stories.tsx
@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react';
 
 import { Text } from '.';
-import styled from 'styled-components';
+import { styled } from 'styled-components';
 import { useArgs } from '@storybook/preview-api';
 
 const meta: Meta<typeof Text> = {
diff --git a/packages/ui/src/Text/index.tsx b/packages/ui/src/Text/index.tsx
index dc6efc562d..8083490dd8 100644
--- a/packages/ui/src/Text/index.tsx
+++ b/packages/ui/src/Text/index.tsx
@@ -1,4 +1,4 @@
-import styled, { css, DefaultTheme, WebTarget } from 'styled-components';
+import { styled, css, DefaultTheme, WebTarget } from 'styled-components';
 import {
   body,
   detail,
diff --git a/packages/ui/src/TextInput/index.tsx b/packages/ui/src/TextInput/index.tsx
index 5b1d8aef15..32b82da61d 100644
--- a/packages/ui/src/TextInput/index.tsx
+++ b/packages/ui/src/TextInput/index.tsx
@@ -1,4 +1,4 @@
-import styled from 'styled-components';
+import { styled } from 'styled-components';
 import { small } from '../utils/typography';
 import { ActionType, getOutlineColorByActionType } from '../utils/ActionType';
 import { useDisabled } from '../hooks/useDisabled';
diff --git a/packages/ui/src/Toggle/index.tsx b/packages/ui/src/Toggle/index.tsx
index 73c9f1d254..f1ef623a2e 100644
--- a/packages/ui/src/Toggle/index.tsx
+++ b/packages/ui/src/Toggle/index.tsx
@@ -1,6 +1,6 @@
 import * as RadixToggle from '@radix-ui/react-toggle';
 import { useDisabled } from '../hooks/useDisabled';
-import styled from 'styled-components';
+import { styled } from 'styled-components';
 import { buttonBase } from '../utils/button';
 import { useDensity } from '../hooks/useDensity';
 import { Density } from '../types/Density';
diff --git a/packages/ui/src/Tooltip/index.tsx b/packages/ui/src/Tooltip/index.tsx
index 0ccd6fcb41..b356c1c814 100644
--- a/packages/ui/src/Tooltip/index.tsx
+++ b/packages/ui/src/Tooltip/index.tsx
@@ -1,6 +1,6 @@
 import * as RadixTooltip from '@radix-ui/react-tooltip';
 import { ReactNode } from 'react';
-import styled from 'styled-components';
+import { styled } from 'styled-components';
 import { Text } from '../Text';
 import { buttonBase } from '../utils/button';
 import { small } from '../utils/typography';
diff --git a/packages/ui/src/ValueInput/index.tsx b/packages/ui/src/ValueInput/index.tsx
index 49335ecb88..23b69d932f 100644
--- a/packages/ui/src/ValueInput/index.tsx
+++ b/packages/ui/src/ValueInput/index.tsx
@@ -9,7 +9,7 @@ import { BalancesResponse } from '@penumbra-zone/protobuf/penumbra/view/v1/view_
 import { getBalanceView } from '@penumbra-zone/getters/balances-response';
 import { fromValueView } from '@penumbra-zone/types/amount';
 import { Density } from '../Density';
-import styled from 'styled-components';
+import { styled } from 'styled-components';
 
 const SelectorWrapper = styled.div`
   padding-top: ${props => props.theme.spacing(2)};
diff --git a/packages/ui/src/ValueViewComponent/index.tsx b/packages/ui/src/ValueViewComponent/index.tsx
index 2d1a2f5492..b86162d21d 100644
--- a/packages/ui/src/ValueViewComponent/index.tsx
+++ b/packages/ui/src/ValueViewComponent/index.tsx
@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import styled from 'styled-components';
+import { styled } from 'styled-components';
 import { ValueView } from '@penumbra-zone/protobuf/penumbra/core/asset/v1/asset_pb';
 import { getMetadata } from '@penumbra-zone/getters/value-view';
 import { getFormattedAmtFromValueView } from '@penumbra-zone/types/value-view';
diff --git a/packages/ui/src/WalletBalance/index.tsx b/packages/ui/src/WalletBalance/index.tsx
index f7573e0e89..c76cb8c026 100644
--- a/packages/ui/src/WalletBalance/index.tsx
+++ b/packages/ui/src/WalletBalance/index.tsx
@@ -1,5 +1,5 @@
 import type { MouseEventHandler } from 'react';
-import styled, { type DefaultTheme } from 'styled-components';
+import { styled, type DefaultTheme } from 'styled-components';
 import { Wallet } from 'lucide-react';
 import type { BalancesResponse } from '@penumbra-zone/protobuf/penumbra/view/v1/view_pb';
 import { getFormattedAmtFromValueView } from '@penumbra-zone/types/value-view';
diff --git a/packages/ui/src/utils/Shrink0.tsx b/packages/ui/src/utils/Shrink0.tsx
index 11b6a178e0..bf74b28ded 100644
--- a/packages/ui/src/utils/Shrink0.tsx
+++ b/packages/ui/src/utils/Shrink0.tsx
@@ -1,4 +1,4 @@
-import styled from 'styled-components';
+import { styled } from 'styled-components';
 
 /**
  * Utility component for wrapping other markup in a `flex-shrink: 0` container.
diff --git a/packages/ui/src/utils/menuItem.ts b/packages/ui/src/utils/menuItem.ts
index 83792d23d3..26458713bf 100644
--- a/packages/ui/src/utils/menuItem.ts
+++ b/packages/ui/src/utils/menuItem.ts
@@ -1,4 +1,4 @@
-import styled from 'styled-components';
+import { styled } from 'styled-components';
 import { ActionType, getColorByActionType, getOutlineColorByActionType } from './ActionType.ts';
 
 export interface DropdownMenuItemBase {
diff --git a/packages/ui/src/utils/popover.ts b/packages/ui/src/utils/popover.ts
index 6db614c7b3..1c38d3b795 100644
--- a/packages/ui/src/utils/popover.ts
+++ b/packages/ui/src/utils/popover.ts
@@ -1,4 +1,4 @@
-import styled, { DefaultTheme, keyframes } from 'styled-components';
+import { styled, keyframes } from 'styled-components';
 
 export type PopoverContext = 'default' | 'success' | 'caution' | 'error';
 
diff --git a/packages/wasm/CHANGELOG.md b/packages/wasm/CHANGELOG.md
index 49324c1a63..b7f6289755 100644
--- a/packages/wasm/CHANGELOG.md
+++ b/packages/wasm/CHANGELOG.md
@@ -1,5 +1,20 @@
 # @penumbra-zone/wasm
 
+## 29.0.0
+
+### Minor Changes
+
+- b6e32f8: Add is_controlled_address() support
+
+### Patch Changes
+
+- Updated dependencies [b6e32f8]
+- Updated dependencies [b6e32f8]
+- Updated dependencies [b6e32f8]
+  - @penumbra-zone/protobuf@6.1.0
+  - @penumbra-zone/bech32m@8.0.0
+  - @penumbra-zone/types@24.0.0
+
 ## 28.0.0
 
 ### Minor Changes
diff --git a/packages/wasm/crate/src/keys.rs b/packages/wasm/crate/src/keys.rs
index 739919d27c..209d26a350 100644
--- a/packages/wasm/crate/src/keys.rs
+++ b/packages/wasm/crate/src/keys.rs
@@ -8,8 +8,7 @@ use penumbra_proof_params::{
     SPEND_PROOF_PROVING_KEY, SWAPCLAIM_PROOF_PROVING_KEY, SWAP_PROOF_PROVING_KEY,
 };
 use penumbra_proto::core::keys::v1 as pb;
-use penumbra_proto::core::keys::v1::WalletId;
-use penumbra_proto::{DomainType, Message};
+use penumbra_proto::DomainType;
 use rand_core::OsRng;
 use wasm_bindgen::prelude::*;
 
@@ -75,9 +74,7 @@ pub fn get_wallet_id(full_viewing_key: &[u8]) -> WasmResult<Vec<u8>> {
     utils::set_panic_hook();
 
     let fvk: FullViewingKey = FullViewingKey::decode(full_viewing_key)?;
-    // Can do `fvk.wallet_id().encode_to_vec()` when Domain impl added to WalletId in core
-    let wallet_id_proto = WalletId::from(fvk.wallet_id());
-    Ok(wallet_id_proto.encode_to_vec())
+    Ok(fvk.wallet_id().encode_to_vec())
 }
 
 /// get address by index using FVK
@@ -125,3 +122,17 @@ pub fn get_index_by_address(full_viewing_key: &[u8], address: &[u8]) -> WasmResu
     let result = serde_wasm_bindgen::to_value(&index)?;
     Ok(result)
 }
+
+/// Checks if address is controlled by full viewing key provided
+#[wasm_bindgen]
+pub fn is_controlled_address(full_viewing_key: &[u8], address: &[u8]) -> WasmResult<bool> {
+    utils::set_panic_hook();
+
+    let address: Address = Address::decode(address)?;
+    let fvk: FullViewingKey = FullViewingKey::decode(full_viewing_key)?;
+    Ok(is_controlled_inner(&fvk, &address))
+}
+
+pub fn is_controlled_inner(fvk: &FullViewingKey, address: &Address) -> bool {
+    fvk.address_index(address).is_some()
+}
diff --git a/packages/wasm/crate/src/view_server.rs b/packages/wasm/crate/src/view_server.rs
index 0e23b2dea2..f2e67a480b 100644
--- a/packages/wasm/crate/src/view_server.rs
+++ b/packages/wasm/crate/src/view_server.rs
@@ -3,7 +3,7 @@ use std::collections::BTreeMap;
 use indexed_db_futures::IdbDatabase;
 use penumbra_asset::asset::{Id, Metadata};
 use penumbra_compact_block::{CompactBlock, StatePayload};
-use penumbra_keys::FullViewingKey;
+use penumbra_keys::{Address, FullViewingKey};
 use penumbra_proto::DomainType;
 use penumbra_sct::Nullifier;
 use penumbra_shielded_pool::note;
@@ -17,6 +17,7 @@ use wasm_bindgen::prelude::wasm_bindgen;
 use wasm_bindgen::JsValue;
 
 use crate::error::WasmResult;
+use crate::keys::is_controlled_inner;
 use crate::note_record::SpendableNoteRecord;
 use crate::storage::{init_idb_storage, Storage};
 use crate::swap_record::SwapRecord;
@@ -311,6 +312,15 @@ impl ViewServer {
         let root = self.sct.root();
         Ok(root.encode_to_vec())
     }
+
+    /// Checks if address is controlled by view server full viewing key
+    #[wasm_bindgen]
+    pub fn is_controlled_address(&self, address: &[u8]) -> WasmResult<bool> {
+        utils::set_panic_hook();
+
+        let address: Address = Address::decode(address)?;
+        Ok(is_controlled_inner(&self.fvk, &address))
+    }
 }
 
 pub fn load_tree(stored_tree: StoredTree) -> Tree {
diff --git a/packages/wasm/crate/tests/test_keys.rs b/packages/wasm/crate/tests/test_keys.rs
index 5df81218d8..8f295b5c36 100644
--- a/packages/wasm/crate/tests/test_keys.rs
+++ b/packages/wasm/crate/tests/test_keys.rs
@@ -1,10 +1,13 @@
 extern crate core;
 
+use penumbra_keys::keys::{AddressIndex, Bip44Path, SeedPhrase, SpendKey};
 use penumbra_keys::FullViewingKey;
 use penumbra_proto::core::keys::v1::WalletId;
 use penumbra_proto::{DomainType, Message};
-use penumbra_wasm::keys::get_wallet_id;
+use penumbra_wasm::keys::{get_wallet_id, is_controlled_inner};
+use rand_core::OsRng;
 use std::str::FromStr;
+use wasm_bindgen_test::wasm_bindgen_test;
 
 #[test]
 fn successfully_get_wallet_id() {
@@ -24,11 +27,28 @@ fn successfully_get_wallet_id() {
     assert_eq!(expected_bech32_str, walet_id_str);
 }
 
-#[test]
-#[ignore]
-// revise this test since we cannot call wasm-bindgen imported functions on non-wasm targets
+#[wasm_bindgen_test]
 fn raises_if_fvk_invalid() {
     let fvk = FullViewingKey::from_str("penumbrafullviewingkey1sjeaceqzgaeye2ksnz8q73mp6rpx2ykdtzs8wurrnhwdn8vqwuxhxtjdndrjc74udjh0uch0tatnrd93q50wp9pfk86h3lgpew8lsqsz2a6la").unwrap();
     let err = get_wallet_id(fvk.encode_to_vec().as_slice()).unwrap_err();
     assert_eq!("invalid length", err.to_string());
 }
+
+#[test]
+fn detects_controlled_addr() {
+    let fvk = FullViewingKey::from_str("penumbrafullviewingkey1sjeaceqzgaeye2ksnz8q73mp6rpx2ykdtzs8wurrnhwdn8vqwuxhxtjdndrjc74udjh0uch0tatnrd93q50wp9pfk86h3lgpew8lsqsz2a6la").unwrap();
+    let (addr, _) = fvk.payment_address(AddressIndex::new(0));
+    assert!(is_controlled_inner(&fvk, &addr));
+}
+
+#[test]
+fn returns_false_on_unknown_addr() {
+    let fvk = FullViewingKey::from_str("penumbrafullviewingkey1sjeaceqzgaeye2ksnz8q73mp6rpx2ykdtzs8wurrnhwdn8vqwuxhxtjdndrjc74udjh0uch0tatnrd93q50wp9pfk86h3lgpew8lsqsz2a6la").unwrap();
+    let other_address =
+        SpendKey::from_seed_phrase_bip44(SeedPhrase::generate(OsRng), &Bip44Path::new(0))
+            .full_viewing_key()
+            .incoming()
+            .payment_address(AddressIndex::from(0u32))
+            .0;
+    assert!(!is_controlled_inner(&fvk, &other_address));
+}
diff --git a/packages/wasm/package.json b/packages/wasm/package.json
index c328bf14da..ed2de21e6e 100644
--- a/packages/wasm/package.json
+++ b/packages/wasm/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@penumbra-zone/wasm",
-  "version": "28.0.0",
+  "version": "29.0.0",
   "license": "(MIT OR Apache-2.0)",
   "type": "module",
   "engine": {
diff --git a/packages/wasm/src/address.ts b/packages/wasm/src/address.ts
index 12496436b1..99f8c128f2 100644
--- a/packages/wasm/src/address.ts
+++ b/packages/wasm/src/address.ts
@@ -1,4 +1,4 @@
-import { get_index_by_address } from '../wasm/index.js';
+import { get_index_by_address, is_controlled_address } from '../wasm/index.js';
 import {
   Address,
   AddressIndex,
@@ -19,10 +19,5 @@ export const isControlledAddress = (fullViewingKey: FullViewingKey, address?: Ad
   if (!address) {
     return false;
   }
-
-  const viewableIndex = get_index_by_address(
-    fullViewingKey.toBinary(),
-    address.toBinary(),
-  ) as JsonValue;
-  return Boolean(viewableIndex);
+  return is_controlled_address(fullViewingKey.toBinary(), address.toBinary());
 };
diff --git a/packages/wasm/src/view-server.ts b/packages/wasm/src/view-server.ts
index bde894a12f..232ac86702 100644
--- a/packages/wasm/src/view-server.ts
+++ b/packages/wasm/src/view-server.ts
@@ -10,7 +10,8 @@ import {
 } from '@penumbra-zone/types/state-commitment-tree';
 import type { IdbConstants } from '@penumbra-zone/types/indexed-db';
 import type { ViewServerInterface } from '@penumbra-zone/types/servers';
-import { FullViewingKey } from '@penumbra-zone/protobuf/penumbra/core/keys/v1/keys_pb';
+import { Address, FullViewingKey } from '@penumbra-zone/protobuf/penumbra/core/keys/v1/keys_pb';
+import { isControlledAddress } from './address.js';
 
 declare global {
   // eslint-disable-next-line no-var -- TODO: explain
@@ -92,4 +93,8 @@ export class ViewServer implements ViewServerInterface {
       newSwaps: (new_swaps ?? []).map(s => SwapRecord.fromJson(s)),
     };
   }
+
+  isControlledAddress(address: Address): boolean {
+    return isControlledAddress(this.fullViewingKey, address);
+  }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index ab457086f9..03d4d34189 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -180,8 +180,8 @@ importers:
         specifier: ^1.23.29
         version: 1.23.29(@types/react@18.3.3)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@penumbra-labs/registry':
-        specifier: ^11.2.0
-        version: 11.2.0
+        specifier: ^11.3.1
+        version: 11.3.1
       '@penumbra-zone/bech32m':
         specifier: workspace:*
         version: link:../../packages/bech32m
@@ -539,8 +539,8 @@ importers:
         version: 8.0.0
     devDependencies:
       '@penumbra-labs/registry':
-        specifier: ^11.2.0
-        version: 11.2.0
+        specifier: ^11.3.1
+        version: 11.3.1
       '@penumbra-zone/protobuf':
         specifier: workspace:*
         version: link:../protobuf
@@ -657,7 +657,7 @@ importers:
         specifier: ^1.2.0
         version: 1.2.0(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@radix-ui/react-select':
-        specifier: ^2.0.0
+        specifier: ^2.1.1
         version: 2.1.1(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@radix-ui/react-slider':
         specifier: ^1.1.2
@@ -782,7 +782,7 @@ importers:
         version: 8.1.11(@types/react-dom@18.3.0)(@types/react@18.3.3)(prettier@3.3.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@storybook/addon-interactions':
         specifier: ^8.1.1
-        version: 8.1.11(vitest@1.6.0(@types/node@20.14.10)(@vitest/browser@1.6.0(playwright@1.45.1)(vitest@1.6.0))(jsdom@24.1.0(bufferutil@4.0.8)(utf-8-validate@5.0.10))(terser@5.31.1))
+        version: 8.1.11(vitest@1.6.0(@types/node@20.14.10)(@vitest/browser@1.6.0)(jsdom@24.1.0(bufferutil@4.0.8)(utf-8-validate@5.0.10))(terser@5.31.1))
       '@storybook/addon-links':
         specifier: ^8.1.1
         version: 8.1.11(react@18.3.1)
@@ -2905,8 +2905,8 @@ packages:
     resolution: {integrity: sha512-HNjmfLQEVRZmHRET336f20H/8kOozUGwk7yajvsonjNxbj2wBTK1WsQuHkD5yYh9RxFGL2EyDHryOihOwUoKDA==}
     engines: {node: '>= 10.0.0'}
 
-  '@penumbra-labs/registry@11.2.0':
-    resolution: {integrity: sha512-kGxu6KWjFl581eEYMk9/ODehrxJT9YB9TxNxJOYSKXt+8ni9kovovcj5jdP7MkP7bGHrNEssSziWvjCg2nfuug==}
+  '@penumbra-labs/registry@11.3.1':
+    resolution: {integrity: sha512-0hBfPZW4Y3my6RzYSBGI3cwutW+C7KJXn5OLXOhhXPsH+VlexrxvKIWc8nJeUwRCTtBkRR0lUSwuIhnaw0tsyQ==}
 
   '@pkgjs/parseargs@0.11.0':
     resolution: {integrity: sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==}
@@ -14310,7 +14310,7 @@ snapshots:
       '@parcel/watcher-win32-ia32': 2.4.1
       '@parcel/watcher-win32-x64': 2.4.1
 
-  '@penumbra-labs/registry@11.2.0': {}
+  '@penumbra-labs/registry@11.3.1': {}
 
   '@pkgjs/parseargs@0.11.0':
     optional: true
@@ -16270,11 +16270,11 @@ snapshots:
     dependencies:
       '@storybook/global': 5.0.0
 
-  '@storybook/addon-interactions@8.1.11(vitest@1.6.0(@types/node@20.14.10)(@vitest/browser@1.6.0(playwright@1.45.1)(vitest@1.6.0))(jsdom@24.1.0(bufferutil@4.0.8)(utf-8-validate@5.0.10))(terser@5.31.1))':
+  '@storybook/addon-interactions@8.1.11(vitest@1.6.0(@types/node@20.14.10)(@vitest/browser@1.6.0)(jsdom@24.1.0(bufferutil@4.0.8)(utf-8-validate@5.0.10))(terser@5.31.1))':
     dependencies:
       '@storybook/global': 5.0.0
       '@storybook/instrumenter': 8.1.11
-      '@storybook/test': 8.1.11(vitest@1.6.0(@types/node@20.14.10)(@vitest/browser@1.6.0(playwright@1.45.1)(vitest@1.6.0))(jsdom@24.1.0(bufferutil@4.0.8)(utf-8-validate@5.0.10))(terser@5.31.1))
+      '@storybook/test': 8.1.11(vitest@1.6.0(@types/node@20.14.10)(@vitest/browser@1.6.0)(jsdom@24.1.0(bufferutil@4.0.8)(utf-8-validate@5.0.10))(terser@5.31.1))
       '@storybook/types': 8.1.11
       polished: 4.3.1
       ts-dedent: 2.2.0
@@ -17078,14 +17078,14 @@ snapshots:
       - prettier
       - supports-color
 
-  '@storybook/test@8.1.11(vitest@1.6.0(@types/node@20.14.10)(@vitest/browser@1.6.0(playwright@1.45.1)(vitest@1.6.0))(jsdom@24.1.0(bufferutil@4.0.8)(utf-8-validate@5.0.10))(terser@5.31.1))':
+  '@storybook/test@8.1.11(vitest@1.6.0(@types/node@20.14.10)(@vitest/browser@1.6.0)(jsdom@24.1.0(bufferutil@4.0.8)(utf-8-validate@5.0.10))(terser@5.31.1))':
     dependencies:
       '@storybook/client-logger': 8.1.11
       '@storybook/core-events': 8.1.11
       '@storybook/instrumenter': 8.1.11
       '@storybook/preview-api': 8.1.11
       '@testing-library/dom': 10.1.0
-      '@testing-library/jest-dom': 6.4.5(vitest@1.6.0(@types/node@20.14.10)(@vitest/browser@1.6.0(playwright@1.45.1)(vitest@1.6.0))(jsdom@24.1.0(bufferutil@4.0.8)(utf-8-validate@5.0.10))(terser@5.31.1))
+      '@testing-library/jest-dom': 6.4.5(vitest@1.6.0(@types/node@20.14.10)(@vitest/browser@1.6.0)(jsdom@24.1.0(bufferutil@4.0.8)(utf-8-validate@5.0.10))(terser@5.31.1))
       '@testing-library/user-event': 14.5.2(@testing-library/dom@10.1.0)
       '@vitest/expect': 1.6.0
       '@vitest/spy': 1.6.0
@@ -17368,7 +17368,7 @@ snapshots:
       lz-string: 1.5.0
       pretty-format: 27.5.1
 
-  '@testing-library/jest-dom@6.4.5(vitest@1.6.0(@types/node@20.14.10)(@vitest/browser@1.6.0(playwright@1.45.1)(vitest@1.6.0))(jsdom@24.1.0(bufferutil@4.0.8)(utf-8-validate@5.0.10))(terser@5.31.1))':
+  '@testing-library/jest-dom@6.4.5(vitest@1.6.0(@types/node@20.14.10)(@vitest/browser@1.6.0)(jsdom@24.1.0(bufferutil@4.0.8)(utf-8-validate@5.0.10))(terser@5.31.1))':
     dependencies:
       '@adobe/css-tools': 4.4.0
       '@babel/runtime': 7.24.7