feat: Optimus agent

.github/workflows/release.yml

@@ -60,15 +60,8 @@ jobs:
       # Download and build with PyInstaller
       - name: Get trader bin
         run: |
-          trader_version=$(poetry run python -c "import yaml; config = yaml.safe_load(open('templates/trader.yaml')); print(config['service_version'])")
-          echo $trader_version
           make ./dist/aea_bin
-        #instead of this one mwe use make; mkdir dist && curl -L -o dist/aea_bin "https://github.com/valory-xyz/trader/releases/download/${trader_version}/trader_bin_${{ env.OS_ARCH }}"
 
-      # -- old optimus getter
-      # optimus_version=$(poetry run python -c "import yaml; config = yaml.safe_load(open('templates/optimus.yaml')); print(config['service_version'])")
-      #     echo $optimus_version
-      #     mkdir dist && curl -L -o dist/aea_bin "https://github.com/valory-xyz/optimus/releases/download/${$optimus_version}/optimus_bin_${{ env.OS_ARCH }}"
       - name: Build with PyInstaller
         run: |
           poetry run pyinstaller operate/tendermint.py --onefile

.github/workflows/release_dev.yml

@@ -60,15 +60,8 @@ jobs:
       # Download and build with PyInstaller
       - name: Get trader bin
         run: |
-          trader_version=$(poetry run python -c "import yaml; config = yaml.safe_load(open('templates/trader.yaml')); print(config['service_version'])")
-          echo $trader_version
           make ./dist/aea_bin
-        #instead of this one mwe use make; mkdir dist && curl -L -o dist/aea_bin "https://github.com/valory-xyz/trader/releases/download/${trader_version}/trader_bin_${{ env.OS_ARCH }}"
 
-      # -- old optimus getter
-      # optimus_version=$(poetry run python -c "import yaml; config = yaml.safe_load(open('templates/optimus.yaml')); print(config['service_version'])")
-      #     echo $optimus_version
-      #     mkdir dist && curl -L -o dist/aea_bin "https://github.com/valory-xyz/optimus/releases/download/${$optimus_version}/optimus_bin_${{ env.OS_ARCH }}"
       - name: Build with PyInstaller
         run: |
           poetry run pyinstaller operate/tendermint.py --onefile

.gitignore

@@ -51,4 +51,5 @@ leak_report
 *.log
 
 # custom script for development
+.scripts/
 custom-script.sh

download_binaries.sh

@@ -2,12 +2,3 @@
 
 BIN_DIR="electron/bins/"
 mkdir -p $BIN_DIR
-
-trader_version=$(poetry run python -c "import yaml; config = yaml.safe_load(open('templates/trader.yaml')); print(config['service_version'])")
-# optimus_version=$(poetry run python -c "import yaml; config = yaml.safe_load(open('templates/optimus.yaml')); print(config['service_version'])")
-
-# curl -L -o "${BIN_DIR}aea_bin_x64" "https://github.com/valory-xyz/optimus/releases/download/${optimus_version}/optimus_bin_x64"
-# curl -L -o "${BIN_DIR}aea_bin_arm64" "https://github.com/valory-xyz/optimus/releases/download/${optimus_version}/optimus_bin_arm64"
-
-curl -L -o "${BIN_DIR}aea_bin_x64" "https://github.com/valory-xyz/trader/releases/download/${trader_version}/trader_bin_x64"
-curl -L -o "${BIN_DIR}aea_bin_arm64" "https://github.com/valory-xyz/trader/releases/download/${trader_version}/trader_bin_arm64"

electron/store.js

@@ -26,6 +26,7 @@ const schema = {
     },
   },
   agentsFunCelo: { type: 'object', default: defaultInitialAgentSettings },
+  optimus: { type: 'object', default: defaultInitialAgentSettings },
 };
 
 /**

frontend/client/enums.ts

@@ -1,21 +1,39 @@
+import { ValueOf } from '@/types/Util';
+
 export enum MiddlewareAction {
   STATUS = 0,
   BUILD = 1,
   DEPLOY = 2,
   STOP = 3,
 }
 
+/**
+ * @note Use this enum to infer all the middleware chains existing in the system
+ * else use the SupportedMiddlewareChain enum for the chains that are supported by the agents and to be strictly typed.
+ *
+ * @warning The value doesn’t actually represent the real chain name;
+ * it reflects the open-autonomy internal name instead.
+ */
 export enum MiddlewareChain {
   ETHEREUM = 'ethereum',
   GOERLI = 'goerli',
   GNOSIS = 'gnosis',
   SOLANA = 'solana',
-  OPTIMISM = 'optimism',
+  OPTIMISM = 'optimistic', // @note "optimistic" and not "optimism"
   BASE = 'base',
   MODE = 'mode',
   CELO = 'celo',
 }
 
+const MIDDLEWARE_CHAINS = {
+  gnosis: MiddlewareChain.GNOSIS,
+  optimism: MiddlewareChain.OPTIMISM,
+  base: MiddlewareChain.BASE,
+  mode: MiddlewareChain.MODE,
+  celo: MiddlewareChain.CELO,
+} as const;
+export type SupportedMiddlewareChain = ValueOf<typeof MIDDLEWARE_CHAINS>;
+
 export enum MiddlewareLedger {
   ETHEREUM = 0,
   SOLANA = 1,

frontend/client/types.ts

@@ -7,6 +7,7 @@ import {
   MiddlewareChain,
   MiddlewareDeploymentStatus,
   MiddlewareLedger,
+  SupportedMiddlewareChain,
 } from './enums';
 
 export type ServiceHash = string;
@@ -62,7 +63,7 @@ export type MiddlewareServiceResponse = {
   hash_history: {
     [block: string]: string;
   };
-  home_chain: MiddlewareChain;
+  home_chain: SupportedMiddlewareChain;
   keys: ServiceKeys[];
   service_path?: string;
   chain_configs: {
@@ -81,8 +82,10 @@ export type ServiceTemplate = {
   description: string;
   image: string;
   service_version: string;
-  home_chain: string;
-  configurations: { [key: string]: ConfigurationTemplate };
+  home_chain: SupportedMiddlewareChain;
+  configurations: Partial<
+    Record<SupportedMiddlewareChain, ConfigurationTemplate>
+  >;
   env_variables: { [key: string]: EnvVariableAttributes };
   deploy?: boolean;
 };

frontend/components/AddressLink.tsx

@@ -1,14 +1,14 @@
 import { ReactNode } from 'react';
 
-import { MiddlewareChain } from '@/client';
+import { SupportedMiddlewareChain } from '@/client';
 import { UNICODE_SYMBOLS } from '@/constants/symbols';
 import { EXPLORER_URL_BY_MIDDLEWARE_CHAIN } from '@/constants/urls';
 import { Address } from '@/types/Address';
 import { truncateAddress } from '@/utils/truncate';
 
 type AddressLinkProps = {
   address: Address;
-  middlewareChain: MiddlewareChain;
+  middlewareChain: SupportedMiddlewareChain;
   prefix?: ReactNode;
   hideLinkArrow?: boolean;
 };

frontend/components/AgentForms/MemeooorrAgentForm/MemeooorrAgentForm.tsx

@@ -78,7 +78,7 @@ export const MemeooorrAgentForm = ({
 }: MemeooorrAgentFormProps) => {
   const [formState] = Form.useForm<MemeooorrFormValues>();
 
-  const { isMemeooorrFieldUpdateCompleted } = useSharedContext();
+  const { isMemeooorrFieldUpdateRequired } = useSharedContext();
   const form = useMemo(
     () => formInstance || formState,
     [formInstance, formState],
@@ -158,7 +158,7 @@ export const MemeooorrAgentForm = ({
       <Divider style={{ margin: '8px 0' }} />
       <XAccountApiTokens
         showTokensRequiredMessage={
-          !isMemeooorrFieldUpdateCompleted && agentFormType !== 'create'
+          isMemeooorrFieldUpdateRequired && agentFormType !== 'create'
         }
       />
 

frontend/components/AgentForms/common/formUtils.ts

@@ -11,18 +11,18 @@ export const commonFieldProps: FormItemProps = {
 /**
  * Field properties for optional form fields. These fields are not required.
  */
-export const optionalFieldProps: FormItemProps = {
+const optionalCommonFieldProps: FormItemProps = {
   rules: [{ required: false }],
 } as const;
 
-export const modiusAgentFieldProps: FormItemProps = {
+export const requiredFieldProps: FormItemProps = {
   ...commonFieldProps,
   validateFirst: true,
   normalize: (value: string) => value.trim(),
 } as const;
 
-export const modiusAgentFieldOptionalProps: FormItemProps = {
-  ...optionalFieldProps,
+export const optionalFieldProps: FormItemProps = {
+  ...optionalCommonFieldProps,
   validateFirst: true,
   normalize: (value: string) => value.trim(),
 } as const;
@@ -68,10 +68,10 @@ export const validateSlug = (_: unknown, value?: string): Promise<void> => {
     return Promise.reject('Please enter only the slug, not the full URL.');
   }
 
-  // Slug should only contain lowercase letters, numbers, hyphens, and underscores
-  if (!/^[a-z0-9-_]+$/.test(value)) {
+  // Slug should only contain letters, numbers, hyphens, and underscores
+  if (!/^[a-zA-Z0-9-_]+$/.test(value)) {
     return Promise.reject(
-      'Invalid slug format. Only lowercase letters, numbers, hyphens, and underscores are allowed.',
+      'Invalid slug format. Only letters, numbers, hyphens, and underscores are allowed.',
     );
   }
 

frontend/components/SetupPage/SetupYourAgent/ModiusAgentForm/labels.tsx → frontend/components/AgentForms/common/labels.tsx

@@ -25,7 +25,7 @@ export const TenderlyAccessTokenLabel = () => (
       <Paragraph className="text-sm m-0">
         To locate your personal access token:
       </Paragraph>
-      <ol className="pl-16 text-sm">
+      <ol className="pl-16 text-sm mb-4">
         <li>
           <Text className="text-sm">
             Connect to{' '}
@@ -118,14 +118,14 @@ export const CoinGeckoApiKeyLabel = () => (
   </Flex>
 );
 
-export const ModiusGeminiApiKeyLabel = () => (
+export const GeminiApiKeyLabel = ({ name }: { name: 'Modius' | 'Optimus' }) => (
   <Flex align="center" gap={6}>
     <Text>Gemini API key</Text>
     <InfoTooltip placement="bottom" overlayInnerStyle={TOOLTIP_STYLE}>
       <Paragraph className="text-sm m-0">
         The Gemini API key allows you to chat with your agent and update its
-        goals through Modius’ profile. You can generate one for free on{' '}
-        <a target="_blank" href={GEMINI_API_URL}>
+        goals through {name}’ profile. You can generate one for free on{' '}
+        <a target="_blank" rel="noopener noreferrer" href={GEMINI_API_URL}>
           Google AI Studio
         </a>
         .

frontend/components/Layout/TopBar.tsx

@@ -1,8 +1,11 @@
-import { Typography } from 'antd';
+import { QuestionCircleOutlined, SettingOutlined } from '@ant-design/icons';
+import { Button, Flex, Typography } from 'antd';
 import styled from 'styled-components';
 
 import { COLOR } from '@/constants/colors';
+import { Pages } from '@/enums/Pages';
 import { useElectronApi } from '@/hooks/useElectronApi';
+import { usePageState } from '@/hooks/usePageState';
 import { useStore } from '@/hooks/useStore';
 
 const { Text } = Typography;
@@ -11,7 +14,6 @@ const TrafficLightIcon = styled.div`
   width: 12px;
   height: 12px;
   border-radius: 50%;
-  margin-left: 8px;
   -webkit-app-region: no-drag;
 `;
 
@@ -29,6 +31,7 @@ const DisabledLight = styled(TrafficLightIcon)`
 
 const TrafficLights = styled.div`
   display: flex;
+  gap: 8px;
   align-items: center;
   margin-right: 24px;
   -webkit-app-region: no-drag;
@@ -40,9 +43,10 @@ const TopBarContainer = styled.div`
   left: 0;
   right: 0;
   z-index: 1;
+  height: 45px;
   display: flex;
   align-items: center;
-  padding: 10px 8px;
+  padding: 0px 24px;
   border-radius: 8px 8px 0 0px;
   border-bottom: 1px solid ${COLOR.BORDER_GRAY};
   background: ${COLOR.WHITE};
@@ -52,6 +56,7 @@ const TopBarContainer = styled.div`
 export const TopBar = () => {
   const electronApi = useElectronApi();
   const store = useStore();
+  const { goto } = usePageState();
   const envName = store?.storeState?.environmentName;
 
   return (
@@ -63,6 +68,21 @@ export const TopBar = () => {
       </TrafficLights>
 
       <Text>{`Pearl (beta) ${envName ? `(${envName})` : ''}`.trim()}</Text>
+
+      <Flex align="center" className="ml-auto">
+        <Button
+          type="text"
+          shape="circle"
+          icon={<QuestionCircleOutlined />}
+          onClick={() => goto(Pages.HelpAndSupport)}
+        />
+        <Button
+          type="text"
+          shape="circle"
+          icon={<SettingOutlined />}
+          onClick={() => goto(Pages.Settings)}
+        />
+      </Flex>
     </TopBarContainer>
   );
 };

frontend/components/MainPage/header/AgentButton/AgentNotRunningButton.tsx

@@ -34,7 +34,7 @@ import { updateServiceIfNeeded } from '@/utils/service';
  */
 const useServiceDeployment = () => {
   const { showNotification } = useElectronApi();
-  const { isMemeooorrFieldUpdateCompleted } = useSharedContext();
+  const { isMemeooorrFieldUpdateRequired } = useSharedContext();
 
   const { goto: gotoPage } = usePageState();
   const { masterWallets, masterSafes, masterEoa } = useMasterWalletContext();
@@ -100,7 +100,7 @@ const useServiceDeployment = () => {
 
     // agent specific checks
     // If the memeooorr field update is not completed, can't start the agent
-    if (!isMemeooorrFieldUpdateCompleted) return false;
+    if (isMemeooorrFieldUpdateRequired) return false;
 
     // allow starting based on refill requirements
     return canStartAgent;
@@ -118,7 +118,7 @@ const useServiceDeployment = () => {
     needsInitialFunding,
     selectedStakingProgramMeta?.deprecated,
     canStartAgent,
-    isMemeooorrFieldUpdateCompleted,
+    isMemeooorrFieldUpdateRequired,
   ]);
 
   const pauseAllPolling = useCallback(() => {