• Add and test a typescript implementation of y-exporter's v2 Simple APY calculation, found here https://github.com/yearn/yearn-exporter/blob/e613ae38af6b0ad79af10c8d7e682b23a2b8a78a/yearn/apy/v2.py#L33

• Update getApyComputer to handle the type v2:simple:
  https://github.com/yearn/dashboard_ui/blob/208a9fdf9bb3a48406dbec58646a8a7991069e10/src/apy/index.ts#L19

⚠ According to yDaemon, the only vault using the v2 Simple calculation is yvUSDC 0.30. Adding this apy is not a priority,

• Edit target ratios in-place
• Popup code button in toolbar

• Teardown unused routes (include dependencies that are no longer needed)
• The API contains two entry points, one for production and one for testing. Both enumerate their own routing configuration. Only one routing config is needed though, so refactor those into one routing config.

Right now the frontend mostly hardcodes the distinction between the ethereum and fantom chains.
Eg: #76 (comment)

Instead, let's have a simple way of adding new chains as we go.

• Review existing hardcoded multichain logic (code and css)
• Refactor so that chains are managed from a json file

• Add and test a typescript implementation of y-exporter's Simple Curve APY calculation, found here
  https://github.com/yearn/yearn-exporter/blob/master/yearn/apy/curve/simple.py#L56

• Update getApyComputer to handle the type crv:
  https://github.com/yearn/dashboard_ui/blob/208a9fdf9bb3a48406dbec58646a8a7991069e10/src/apy/index.ts#L19

from @newmickymousse

highlight whenever there is no health check or is it not the correct value

Currently seafood's vault TVL charts are rendered in the browser. This is OK, but drags both the loading and scrolling performance of seafood's main vaults list. Instead, render and cache these charts in the backend. This way the browser can handle the charts as simple images instead of canvas objects.

Vault cards currently feature sparklines with fake TVL data:

• What's the best way to get TVL series for each vault given we want to load all of this data when the dashboard first loads? One suggestion, per Marius:

prod is still down but you can query staging to get the TVL for FTM and ETH, you can also adjust the expr and specify the network dimension.

curl 'https://staging.yearn.vision/api/ds/query' -H 'Accept: application/json, text/plain, */*' -H 'content-type: application/json' --data-raw '{"queries":[{"datasource":{"uid":"PBFE396EC0B189D67","type":"prometheus"},"exemplar":false,"expr":"(avg(yearn{network=\"ETH\", param=\"vecrv balance\"}) * avg(yearn{network=\"ETH\", param=\"crv price\"}) or vector(0)) + (sum(yearn{network=\"ETH\", param=\"tvl\"}) or vector(0)) + (sum(yearn_vault{network=\"ETH\", param=\"tvl\"}) or vector(0)) + (sum(yearn_vault{network=\"FTM\", param=\"tvl\"}) or vector(0)) + (sum(iearn{network=\"ETH\", param=\"tvl\"}) or vector(0)) - (sum((yearn_strategy{network=\"ETH\", param=\"delegatedAssets\"} / 1000000000000000000 > 0) * on(vault, version) group_left yearn_vault{network=\"ETH\", param=\"token price\"}) or vector(0))  - (sum((yearn_strategy{network=\"FTM\", param=\"delegatedAssets\"} / 1000000000000000000 > 0) * on(vault, version) group_left yearn_vault{network=\"FTM\", param=\"token price\"}) or vector(0))","utcOffsetSec":0,"datasourceId":1}],"from":"1652658600000","to":"1652659200000"}'

• Seafood's vault card design has some empty space. We can fill it with anything, doesn't have to be TVL or a sparkline for that matter. Are there other suggestions?

• Use skeleton for output values
• Disable and flash simulator button while working

The web worker for the useVaults hook currently uses multicalls to get data not yet available in the yDaemon api. The multicalls were written against an older version of yDaemon, some may not be needed anymore. Review those multicalls and remove any that are no longer required and can be merged from the latest yDaemon data instead.

This improves the performance of seafood's data sync.

When I use the dialog's Manual mode I can use a vault address, choose a function, and successfully create a new block. But if I use a strategy address, I get an error in the console and the block is not created.

TypeError: Cannot read properties of null (reading 'address')

To reproduce:

• Sandbox
• Add block
• Manual
• Enter a strategy address (eg, 0x0A5157244e4F82F100A461CA65C7b05C8dACf835)
• Chose any function
• Click Add block

from @flashfish0x

A functionality I always wanted to add was integration with github. For instance on the sandbox page when you get the code snippet, or on the single vault page when you do an adjust ration. We use that code snippet to do a multisig transaction on ethereym or fantom. That is done by pasting that code into a github repository and then opening a pull request at which point a bot takes over to simulate the transaction and push it to the chain. Being able to go straight from seafood to the github pull request without copy and pasting would be great.

requires #71

Here's an example of how to PR the sms repo:
https://github.com/yearn/dashboard_ui/blob/208a9fdf9bb3a48406dbec58646a8a7991069e10/src/components/Vault/Code.js#L147

• Mobile-first layout refactor
• Update "loading" ui

The add block dialog fails to show strategies and functions after I've been using it for several minutes. I noticed the same thing happening on the vault harvest page. After the app's been open a bit, I start getting websocket errors in the console:

WebSocket is already in CLOSING or CLOSED state.

To reproduce:

• Sandbox
• Add block
• Wait several minutes
• Select any vault

from @flashfish0x

the debt ratio changes need to be ordered down then up. So all changes that are a decrease need to go first, then afterwards the increases.. basically it should be ordered by delta

for example this would fail because the increases happen before the decreases

trying to click on the address to go to basescan or arbiscan doesnt seem to work well on all other networks.
I noticed base and arbi but opti seems to be fine.
It does seem to work on this page tho oddly enough

Seafood's vault data set includes both endorsed and experimental vaults, but currently you can't tell the difference in the UI.

• Add a tag (or some kind of indicator) to experimental vaults
• Add an "Experimental Vaults" filter to the vault dash that is off by default. When off, do not include experimental vaults in the dash results. When on, include experimental vaults.

To tag and filter vaults, use the new endorsed field that was introduced here:
7b333bd

If a vault is endorsed, it is not experimental. If a vault is not endorsed, it is experimental.

Replace occurrences of: https://github.com/yearn/dashboard_ui/blob/main/src/components/Loading.js
With: https://github.com/yearn/dashboard_ui/blob/main/src/components/controls/Spinner.tsx
Remove Loading.js from the project.

• For laptop screens (~1440 pixels wide), filter UI on the vault dash overflows as you toggle more settings.
• Also shrinks text filter to the point of being unusable

tasks

Update the toolbar to use fixed widths for its different components and use ellipsis to truncate text overflow. Here's a template:

For mobile, seafood hides the simulator status bar until the sim is running then hides it again when the sim is complete. This is OK, but it also hides if there's a sim error. This means the sim fails without giving the user a clear indiciation.

As a strategist, I want to keep a list of my favorite vaults and strategies, so that:

• I can find what I want faster in the vault browser
• Adding blocks to the sandbox is faster

Tasks:

• Toggle favorite status from vault and strategy tiles
• Toggle favorites filtering when listing vaults and strategies
  • Vaults browser
  • Add blocks dialog

• The vault page needs a layout that fits the rest of the site. For example, here's a wireframe from months back when the project first started:

• Review vault page data model (eg from @flashfish0x : I havent [used ethcall] on the individual vault pages yet which is why they can be a bit slow loading.)

Include network id in the url path for vaults in case of address collisions across networks.

Add a table of monthly history of APYs to the Vault page. To get the data, query the yearn vision api. Here's an example of how to query the vision api for weekly TVLs:
https://github.com/yearn/dashboard_ui/blob/main/api/routes/vision/index.js#L15

The table of historic APYs looks like this, with APY reports each month and one for the and of the year:

for example

from @flashfish0x

One thing on the simulations that needs to be improved. When we click on a strategy it shows functions from an ABI which is currently just stored in json. But all strategies are different so we need to get the ABI from etherscan/ftmscan to give the user the correct choice of functions.

Adding a github login lets Seafood know who's logged in and enables features like: automating vault\strat sms PRs, saving favorites and other user settings outside the browser.

• Register seafood app: https://github.com/settings/applications/new
• Add oauth callback endpoint to seafood's api (to request gh access token)
• UI (login/profile button)

On startup Seafood loads coarse grained data on all vaults and strategies and makes this data available through a context at the top of its component hierarchy. This is very useful, but we'd like to improve it like this:

• Optimize data loading for UI responsiveness (eg minimize blocking, make component available JIT)
• Add UI indicators for loading status and freshness
• Maybe add some browser caching (eg, using a service worker)

The current apy code has vaultRpc passed into the compute function, then calls pricePerShare at different historic points, for example:
https://github.com/yearn/dashboard_ui/blob/208a9fdf9bb3a48406dbec58646a8a7991069e10/src/apy/v2/averaged.ts#L19

Better would be to make those pps calls ahead of computation, passing in an array of historic pps instead of vaultRpc. This way the pps history is available for other methods of computing APY and makes the compute function more testable.

Review seafood's current dashboard design with these goals:

• Keep navigation elements on screen when scrolling while maximizing dash real estate
• Remove background gradients. Bg gradients are OK for product\landing pages. But when a page contains a lot of components, especially rendered components like charts, gradients create more gpu\redraw pressure which interferes with smooth scrolling and page transitions.
• Streamline vault tile design. Emphasize and create more space for vault info, de-emphasize controls\buttons
• Factor out "scroll overpass" components. These look nice, but are complicated to maintain\debug.

Here's the current dash:

The redash looks something like this:

With the vault tile redesign like this:

The current text filter searches vaults by vault name only. But I would also like to filter by a vault's token name or symbol. For example, if I filter by ycrv I currently get no results, but should see all curve vaults.

Enter a vault, strategy, or want address in the vault dashboard's search box, then filter the vaults list accordingly.

like this, but without the redirect:

When showing token amounts Seafood currently rounds out tokens that are very small against usd. For example Seafood shows 0.00 assets for this USDR vault when the correct value us 0.00000806.

https://seafood.yearn.watch/vault/0x531fDb1C8429F404116932226D487db94471C4b7

Update Seafood to work like this instead:

Tasks

• Update formatNumber to include compact forms for numbers less than zero using greek si units for milli, micro, nano, and pico. For numbers greater than zero change the logic to use an uppercase unit. For numbers less than zero use lowercase. Here's formatNumber:
  

  seafood/src/utils/utils.js

  Line 38 in 9d96454

  function formatNumber(number, decimals = 2, nonFinite = '∞', compact = false) {

• Add tests here to demonstrate the new formats work:
  https://github.com/yearn/seafood/blob/main/src/utils/utils.test.js

• Update the Tokens component to support hover and click features. Use a localstorage value to store the user's current preference (unclicked vs clicked, ie compact vs expanded):
  

  seafood/src/components/controls/Fields.tsx

  Line 80 in 9d96454

  export function Tokens(

From @flashfish0x

could we add a new tab for factory vaults? like we currently have one for curve. could either filter by factory in the name or by one from the factory registry

from @newmickymousse

show how many token rewards are available to sell after a harvest ..for all the strategies with trade handler