Add staking deployment vars

.env.example

@@ -1,5 +1,7 @@
-FORK_URL=
 NODE_ENV=
+FORK_URL=
 DEV_RPC=
+
+# TODO: determine if these are needed
 STAKING_TEST_KEYS_PATH=
 IS_STAGING=

README.md

@@ -13,7 +13,6 @@ Pearl is an application used to run autonomous agents powered by the OLAS Networ
 - Javascript / TypeScript
 - Python (3.10)
 - Poetry (^1.7.1)
-- Docker Engine
 
 ## Getting Started
 
@@ -26,7 +25,7 @@ The following installation steps assume you have the following on each OS:
 
 <details><summary><h4>NodeJS</summary></h4>
 
-NodeJS is best installed and managed through NVM. It allows you to install and select specific versions of NodeJS. Pearl has been built using version 20.11, LTS.
+NodeJS is best installed and managed through NVM. It allows you to install and select specific versions of NodeJS. Pearl has been built using version 20 LTS.
 
 <h5>Linux</h5>
 
@@ -117,38 +116,6 @@ If promoted to run `pipx ensurepath`, run it.
 
 </details>
 
-<details><summary><h4>Docker</h4></summary>
-
-<h5>Linux</h5>
-
-*Update the `ubuntu.22.04~jammy` version string to your current OS version before running the following command:*
-
-```bash
-VERSION_STRING=5:24.0.7-1~ubuntu.22.04~jammy
-sudo apt-get install docker-ce=$VERSION_STRING docker-ce-cli=$VERSION_STRING containerd.io docker-buildx-plugin docker-compose-plugin
-sudo usermod -aG docker $USER
-```
-
-If you are unsure about your current OS version/codename, you can find it by running:
-
-```bash
-lsb_release -a
-```
-
-<h5>MacOS</h5>
-
-You can [install Docker Desktop via the Docker website](https://www.docker.com/products/docker-desktop/). Be sure to select the correct version for your system's CPU architecture.
-
-If you are unsure about your system's CPU architecture, run the following command:
-
-```bash
-uname -p
-# x86 64    Intel chip
-# arm64     Apple chip
-```
-
-</details>
-
 <h3>Setting up your .env file</h3>
 
 Create an `.env` file in the root directory, or rename `.env.example` to `.env`.
@@ -202,7 +169,7 @@ Provided your system dependencies are installed, environment variables are set,
 You can start Pearl by running the following command in the root directory:
 
 ```bash
-yarn start
+yarn dev
 ```
 
 This will run Electron, which launches the NextJS frontend and the Python backend as child processes.
@@ -254,9 +221,4 @@ poetry run python scripts/fund.py 0xYOURADDRESS
 poetry run python scripts/transfer_olas.py PATH_TO_KEY_CONTAINING_OLAS ADDRESS_TO_TRANSFER AMOUNT
 ```
 
-</details>
-
-<h2>Notes and Common Issues</h2>
-
-- If Pearl is running, it will kill any attempt to run another Pearl instance. This is to ensure there are no port conflicts.
-- Enivironment variables are cached in the terminal, if you change them while your terminal is open, you will need to restart the terminal.
+</details>

electron/install.js

@@ -14,7 +14,7 @@ const { paths } = require('./constants');
  * - use "" (nothing as a suffix) for latest release candidate, for example "0.1.0rc26"
  * - use "alpha" for alpha release, for example "0.1.0rc26-alpha"
  */
-const OlasMiddlewareVersion = '0.1.0rc120';
+const OlasMiddlewareVersion = '0.1.0rc124';
 
 const path = require('path');
 const { app } = require('electron');

frontend/components/MainPage/sections/GasBalanceSection.tsx

@@ -1,5 +1,6 @@
 import { ArrowUpOutlined, InfoCircleOutlined } from '@ant-design/icons';
 import { Skeleton, Tooltip, Typography } from 'antd';
+import { isNil } from 'lodash';
 import { useEffect, useMemo, useState } from 'react';
 import styled from 'styled-components';
 
@@ -65,6 +66,10 @@ const BalanceStatus = () => {
   ]);
 
   const status = useMemo(() => {
+    if (isNil(isLowBalance)) {
+      return { statusName: 'Loading...', StatusComponent: EmptyDot };
+    }
+
     if (isLowBalance) {
       return { statusName: 'Too low', StatusComponent: EmptyDot };
     }

frontend/components/MainPage/sections/NeedsFundsSection.tsx

@@ -62,10 +62,11 @@ const useNeedsFunds = () => {
   const hasEnoughOlasForInitialFunding = useMemo(() => {
     const olasInSafe = safeBalance?.OLAS || 0;
     const olasStakedBySafe = totalOlasStakedBalance || 0;
+    const olasRequiredToFundService = serviceFundRequirements.olas || 0;
 
     const olasInSafeAndStaked = olasInSafe + olasStakedBySafe;
 
-    return olasInSafeAndStaked >= serviceFundRequirements.olas;
+    return olasInSafeAndStaked >= olasRequiredToFundService;
   }, [
     safeBalance?.OLAS,
     totalOlasStakedBalance,

frontend/components/ManageStakingPage/StakingContractSection/alerts.tsx

@@ -2,6 +2,7 @@ import { Flex, Typography } from 'antd';
 
 import { CustomAlert } from '@/components/Alert';
 import { UNICODE_SYMBOLS } from '@/constants/symbols';
+import { useStakingProgram } from '@/hooks/useStakingProgram';
 
 const { Text } = Typography;
 
@@ -14,8 +15,11 @@ export const AlertInsufficientMigrationFunds = ({
   stakedOlasBalance: number;
   totalOlasRequiredForStaking: number;
 }) => {
-  const requiredOlasDeposit =
-    totalOlasRequiredForStaking - (stakedOlasBalance + masterSafeOlasBalance);
+  const { activeStakingProgram } = useStakingProgram();
+
+  const requiredOlasDeposit = activeStakingProgram
+    ? totalOlasRequiredForStaking - (stakedOlasBalance + masterSafeOlasBalance) // when staked
+    : totalOlasRequiredForStaking - masterSafeOlasBalance; // when not staked
 
   return (
     <CustomAlert