diff --git a/components/Staking.tsx b/components/Staking.tsx
index 8c4badb..3fa9426 100644
--- a/components/Staking.tsx
+++ b/components/Staking.tsx
@@ -52,175 +52,118 @@ const Staking: React.FC = () => {
- If you hold the staking token "UM" you can delegate, or stake, those
- tokens to a validator. This enables you to receive rewards and
- participate in governance in exchange for taking on the risk of
- validator misbehavior.
+ Holders of UM can stake their tokens to participate in network validation and governance.
-
-
-
To stake with Prax, follow these steps:
-
- -
- First ensure you hold the Penumbra protocol's staking token 'UM'.
-
- - Next, select the 'Stake' tab on your frontend.
- -
- On the 'Stake' tab, you can see how much 'UM' you have available
- to delegate, along with a list of possible validators.
-
-
-
-
-
For each validator, you will see some important data:
-
- -
- 'VP': the voting power of the validator in the governance system,
-
- - 'Com': the commission rate that validator takes.
-
-
-
-
- Once you select a validator to stake with, you can click the
- 'Delegate' button.
-
-
- Select how much 'UM' you wish to delegate, then press 'Delegate':
-
-

-
-
- It will take a few moments for the delegation transaction to be
- prepared, then Prax will generate a view of your transaction. Verify
- one of the outputs is to the validator you selected, then click
- 'Approve':
-
-

-
-
- You should see a pop-up in the lower right hand of the page indicating
- that the transaction was approved!
-
-
-

-
-
- You will receive the delegation token associated with that validator.
- At a later point, you can undelegate by clicking the 'Undelegate'
- button to undelegate from that validator, and receive staking tokens.
+ Use the
+
+ Stake page
+
+ to delegate to a validator.
-
- {delegationTokens.length === 0 && (
-
-
-
Waiting for a staking delegation to occur
-
+
+
Waiting for a staking delegation to occur
+
+ />
+
-
- )}
+ )}
- {delegationTokens.length > 0 && (
-
-
-
Staked UM successfully!
-
-
+
+
Staked UM successfully!
+
+
- {delegationTokens?.map((balance) => {
- const validator = validators?.find((validator) =>
- getMetadataFromBalancesResponse(balance).base?.includes(
- bech32mIdentityKey({
- ik:
- validator?.validator?.identityKey?.ik ?? new Uint8Array(),
- }),
- ),
- )?.validator;
- return (
-
-
-
- {/*TODO: support ellipsis in the value view component*/}
+ >
+ {delegationTokens?.map((balance) => {
+ const validator = validators?.find((validator) =>
+ getMetadataFromBalancesResponse(balance).base?.includes(
+ bech32mIdentityKey({
+ ik:
+ validator?.validator?.identityKey?.ik ?? new Uint8Array(),
+ }),
+ ),
+ )?.validator;
+ return (
- using delegation token:
-
+
+
+ {/*TODO: support ellipsis in the value view component*/}
+
+ using delegation token:
+
+
-
- );
- })}
-
-
-
Info
-
- Delegation tokens are liquid - you can swap them the same way you
- would other assets. They will also show up under your Balances in
- frontends.
-
+ );
+ })}
+
+
+
Info
+
+ Delegation tokens are liquid - you can swap them the same way you
+ would other assets. They will also show up under your Balances in
+ frontends.
+
+
-
- )}
+ )}
+
);
};
diff --git a/components/Swap.tsx b/components/Swap.tsx
index 9797b89..38af67d 100644
--- a/components/Swap.tsx
+++ b/components/Swap.tsx
@@ -22,138 +22,27 @@ const Swap: React.FC = () => {
- Penumbra offers a built-in DEX that allows you to swap tokens
- privately and with the best trade execution.
-
-
- We recommend swapping the USDC that you bridged in earlier to UM, the
- Penumbra staking token, but you can choose to swap any pair you want.
+ Use the
- Click here
+ Swap page
- to go to the Minifront Swap page.
-
-
-
-
-
Instant Swaps
-
-
- The simplest type of swap available is an "instant swap". This can be
- accessed by setting the 'Speed' slider all the way to the left-hand
- setting ('Instant Price').
-
-
-
- Using the selectors on the right-hand side, choose the two tokens you
- wish to swap between:
-
-
-

-
-
- The left-hand side specifies the source token, which you will swap for
- the right-hand side. The amount of the source token you wish to swap
- is specified in the input box below the 'Trade' label.
-
-
-
- Thanks to Penumbra's DEX design, you're guaranteed to get the best
- market execution price at the time you perform the swap.
+ to try swapping the USDC that you bridged in earlier to UM, the
+ Penumbra staking token – or any other swap you prefer.
-
- To see a preview of how the swap will execute, you can press the
- 'Estimate' button. This will show you information including:
+ Set the 'Speed' slider to the leftmost setting, Instant Price, to
+ perform a swap at the current market price. Choosing a slower speed will
+ perform an auction, offering your swap over time at gradually diminishing
+ prices until all your input tokens are sold.
-
- - The total amount of the desired token to be received
- -
- The individual routes taken to perform the swap (the Penumbra DEX
- allows synthetic liquidity by swapping through other trading pairs!)
-
- - The price impact of executing your swap
-
-
-
-
-

-
-
- If you're happy with the proposed swap, press the 'Swap' button and
- wait for the transaction to be built.
-
-
-
- Prax will prompt you to sign the transaction after it's built. Click
- 'Approve' in the extension and your swap will be executed at market
- price.
-
-
-
Gradual Dutch Auctions
-
-
- Penumbra's DEX also supports{' '}
- Gradual Dutch Auctions which allow
- you to perform price discovery based on market demand, by offering
- your swap over a period of time at diminishing prices until all tokens
- are sold.
-
-
-
- Using the 'Speed' slider mechanism, you can view how different time
- scales affect the number of auctions that will be created. By moving
- the slider to the right, the auction will take place over a greater
- amount of time, leading to tokens being sold at more price points.
-
-
-
- You must also specify the maximum and minimum prices you're willing to
- sell your tokens at. This way, you can ensure that the auction allows
- you to get the highest prices possible for your tokens, without
- selling them for less than you're comfortable with.
-
-
-
-
-

-
-
- Press 'Start auctions' and Prax will present to you the proposed
- transaction, which allows you to view all the individual Dutch
- Auctions:
-
-
-
-
-

+
-
- As with the Instant Swap, you can
- then press 'Approve' in Prax to submit the auction.
-
);
diff --git a/pages/web.mdx b/pages/web.mdx
index a3e5072..3a9c130 100644
--- a/pages/web.mdx
+++ b/pages/web.mdx
@@ -1,6 +1,11 @@
import WalletInstallSteps from '@/components/WalletInstallSteps';
import {Balances} from '@/components/Balances';
+import Deposit from "@/components/Deposit";
import { Callout, Steps } from 'nextra/components'
+import Swap from "@/components/Swap";
+import Staking from "@/components/Staking";
+import Disconnect from "@/components/Disconnect";
+
@@ -17,33 +22,40 @@ Connected sites, like this one, can view your addresses and balances:
### Shield Funds
-Test
+Transfers into Penumbra shield funds, recording them privately.
+
+
+
+### Swap
+
+
+
+### Stake
+
+
+
+### Sending Tokens
+
+Use the [Send](https://stake.with.starlingcyber.net/#/send) page to send tokens privately within Penumbra.
+
+Penumbra transactions include a shielded memo describing the purpose of the transaction. The memo is only visible to the sender and receiver of the transaction.
+You can test sending tokens to one of your other sub-accounts by using the arrows on the account selector in the extension popup to select a different sub-account.
-
+### Vote
-(Old Content)
+UM stakers can participate in governance using [https://void.vote/](https://void.vote/).
+This frontend allows viewing proposals, and voting on them through the Prax wallet.
-Penumbra's web tooling is designed to support a decentralized ecosystem of
-frontends. This allows different frontends to focus on different user
-profiles and ensures that no single frontend deployment or codebase has control
-over users' access to the protocol.
+### Disconnecting Frontends
-Penumbra wallets like [Prax] sync, scan, decrypt, and locally index user data.
-When users connect to a frontend, the wallet acts as a "personal RPC", granting
-that frontend access to the user's private data. Prax is the first browser
-wallet for Penumbra, and is open-source software that runs entirely on your
-computer.
+To revoke a site's access to your data, navigate to the Settings page in
+Prax Wallet, click Connected Sites, and click the trash button next to
+the site's URL.
-This chapter has guides on using Prax together with a Penumbra frontend to
-perform various actions:
+You can do this now to `https://guide.penumbra.zone` to verify that
+disconnection cuts off this page's access to your data.
-- [Prax Wallet](./web/prax.md) describes how to use Prax to generate a wallet.
-- [Viewing Balances](./web/balances.md) describes how to view balances.
-- [Shielding Funds](./web/ibc-transfers.md) describes how to shield transactions via IBC transfers.
-- [Sending Funds](./web/send.md) describes how to send funds.
-- [Swapping Tokens](./web/swap.md) describes how to perform token swaps.
-- [Staking](./web/stake.md) describes how to stake tokens.
-- [Governance](./web/vote.md) describes how to participate in governance.
+
-[Prax]: https://chromewebstore.google.com/detail/prax-wallet/lkpmkhpnhknhmibgnmmhdhgdilepfghe
\ No newline at end of file
+
\ No newline at end of file
diff --git a/pages/web/_meta.json b/pages/web/_meta.json
deleted file mode 100644
index 1dd309e..0000000
--- a/pages/web/_meta.json
+++ /dev/null
@@ -1,8 +0,0 @@
-{
- "balances": "Viewing Balances",
- "ibc-transfers": "Shielding Funds",
- "send": "Sending Funds",
- "swap": "Swapping Tokens",
- "stake": "Staking",
- "vote": "Governance"
-}
diff --git a/pages/web/balances.mdx b/pages/web/balances.mdx
deleted file mode 100644
index f590fc2..0000000
--- a/pages/web/balances.mdx
+++ /dev/null
@@ -1,10 +0,0 @@
-import {Balances} from '@/components/Balances';
-
-# Viewing Balances
-
-To view your balance, simply navigate to the `Assets` tab in the frontend site you are using. The balance of your wallet will be displayed there, separated by asset type.
-Here you may also toggle into a `Transactions` view, which will allow you to see the connected wallet's transaction history, and dive into their transaction details.
-
-Connected sites can also query your data, so if you connected your wallet, this guide can also show your balances:
-
-
diff --git a/pages/web/disconnect.mdx b/pages/web/disconnect.mdx
deleted file mode 100644
index 69402bc..0000000
--- a/pages/web/disconnect.mdx
+++ /dev/null
@@ -1,3 +0,0 @@
-import Disconnect from "@/components/Disconnect";
-
-
diff --git a/pages/web/ibc-transfers.mdx b/pages/web/ibc-transfers.mdx
deleted file mode 100644
index 962b3ea..0000000
--- a/pages/web/ibc-transfers.mdx
+++ /dev/null
@@ -1,10 +0,0 @@
-import Deposit from "@/components/Deposit";
-
-# Shielding Funds
-
-To shield funds originating on other chains, you can use the IBC transfer feature in the Prax Wallet, found under the `Shield Funds` tab.
-This feature allows you to send tokens from other chains into Penumbra's shielded pool, where they will benefit from Penumbra's enhanced privacy and become available to use on the DEX.
-For incoming transfers to the shielded pool, you must connect a wallet from a counterparty chain to the Prax Wallet, and then initiate the transfer from the counterparty chain's wallet.
-To unshield funds, you can use the `Shield Funds` tab to send tokens from Penumbra to another chain, by selecting a counterparty chain and destination address and clicking `Unshield Assets`.
-
-
diff --git a/pages/web/prax.mdx b/pages/web/prax.mdx
deleted file mode 100644
index e80c31e..0000000
--- a/pages/web/prax.mdx
+++ /dev/null
@@ -1,60 +0,0 @@
-import WalletInstall from '@/components/WalletInstall';
-
-# Prax Wallet Interactive Guide
-
-Welcome to the interactive guide for the Prax Wallet web extension, a browser
-wallet extension for Penumbra. Prax Wallet is open-source software
-that runs entirely on your computer.
-
-This step-by-step tutorial is designed to help you navigate and use the Prax Wallet effectively.
-Please follow each section in order to ensure the best experience.
-
-
-
-## Installing the extension
-
-The Penumbra Wallet web extension only supports the Google Chrome browser.
-You must run Chrome in order to follow the instructions below.
-
-Visit the Web Store page to download the [Prax Wallet](https://chromewebstore.google.com/detail/prax-wallet/lkpmkhpnhknhmibgnmmhdhgdilepfghe), and click **Add to Chrome** to install it.
-
-## Generating a wallet
-
-When you first open the extension, you'll be offered to import a pre-existing wallet. If you don't already have one, choose **Create a new wallet**.
-During the guided tutorial, you'll need to set a passphrase to protect your wallet. The passphrase
-is *not* the same as the recovery phrase. The passphrase is used to restrict access to the web wallet
-on your computer. The recovery phrase can be used to import your wallet on a fresh installation, or
-on a different machine. Make sure to store both the passphrase and the recovery phrase
-securely, for example in a password manager.
-
-Re-enter portions of the recovery phrase when prompted, to confirm that you've saved it properly.
-
-## Select your preferred RPC endpoint
-
-Once you import or generate a wallet, you will be prompted to select an RPC endpoint, which is the URL the extension uses to sync with the network.
-These are hosted by the community (including yourself, if you like), and those provided in the UI are typically offered by known validators.
-You may also provide your own custom endpoint, whether that is a community provider not provided as a default option, or hosted on a node you run yourself.
-
-## Select your preferred frontend app
-
-The extension will prompt you to select a frontend app to use with the wallet. This is a web interface that you will use to interact with the blockchain.
-The provided options are community-hosted frontends, and you may also provide your own custom frontend URL.
-Connecting a frontend to your wallet grants the frontend provider a full viewing key for your wallet in order to decrypt and display relevant information, such as your wallet balance.
-*This means that the front-end provider has read access (only) to your wallet and all of its activity.* This is necessary for the encrypted data on-chain to be parsed and rendered in a human-readable format.
-However, this means that you should only connect to frontend providers that you trust, because they can see any actions taken by the connected wallet by using the provided full viewing key.
-If you desire greater privacy than this provides, you can always run your own frontend, or utilize the command-line client, [`pcli`](./pcli.md), to interact with the blockchain directly.
-
-## Updating to a new version of the extension
-
-The extension should be automatically updated every time a new version is released.
-You can view the latest version of the extension on the [Prax Wallet] page at the
-Chrome Web Store. To force a check for updates:
-
-1. Click the three-dot icon in the top right corner of the browser.
-2. From the drop-down menu, choose **Extensions -> Manage Extensions**.
-3. Select **Update** on the top panel.
-
-After updating the extension manually, it may be helpful to clear the local cache,
-as described above.
-
-[Prax Wallet] https://chromewebstore.google.com/detail/prax-wallet/lkpmkhpnhknhmibgnmmhdhgdilepfghe
diff --git a/pages/web/send.mdx b/pages/web/send.mdx
deleted file mode 100644
index 9590bd0..0000000
--- a/pages/web/send.mdx
+++ /dev/null
@@ -1,8 +0,0 @@
-# Sending Funds
-
-You can use the Send page to send and receive tokens inside Penumbra's multi-asset shielded pool. You can select what asset you want to send by clicking the asset name on the send page. Fees can be paid in the native staking token by default, or alternate fee tokens such as OSMO or USDC. Like other blockchains, the fee tier determines priority for inclusion in the next block.
-
-Penumbra transactions also include a `memo` field, but unlike other blockchains, this memo field can only be read by the receiver of the transaction.
-
-To receive funds, navigate to the 'Receive' tab on the send page. Here you can select what account to use to receive funds, but it's safe and privacy-preserving to receive multiple times to the same address. Unless you have a specific reason to, there's no need to check the "IBC Deposit Address" switch; for most use cases, you should simply use the "Shield Funds" tab to perform IBC deposits.
-
diff --git a/pages/web/stake.mdx b/pages/web/stake.mdx
deleted file mode 100644
index e558aa4..0000000
--- a/pages/web/stake.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-import Staking from "@/components/Staking";
-
-# Staking
-
-
diff --git a/pages/web/swap.mdx b/pages/web/swap.mdx
deleted file mode 100644
index 5550fe6..0000000
--- a/pages/web/swap.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-import Swap from "@/components/Swap";
-
-# Swapping Tokens
-
-
diff --git a/pages/web/vote.mdx b/pages/web/vote.mdx
deleted file mode 100644
index fe947da..0000000
--- a/pages/web/vote.mdx
+++ /dev/null
@@ -1,7 +0,0 @@
-# Governance
-
-There exists a web frontend for voting: [https://void.vote/](https://void.vote/).
-
-This frontend allows viewing proposals, and voting on them through the Prax wallet.
-Prax can also be used to [stake](/web/stake) funds for use in voting.
-