Merge pull request #3349 from ava-labs/owen/staking-manager-deployment

`Console`: Filter for Native Token Staking Manager code in Owen's PR #2880

Author: navillanueva

app/console/history/page.tsx

@@ -100,12 +100,12 @@ export default function ConsoleHistoryPage() {
           type: 'address'
         });
       }
-      if (toolboxStore.stakingManagerAddress && toolboxStore.stakingManagerAddress !== '') {
+      if (toolboxStore.nativeStakingManagerAddress && toolboxStore.nativeStakingManagerAddress !== '') {
         items.push({
-          id: 'tb-staking-mgr',
-          title: 'Staking Manager',
+          id: 'tb-native-staking-mgr',
+          title: 'Native Token Staking Manager',
           description: 'Deployed Contract',
-          address: toolboxStore.stakingManagerAddress,
+          address: toolboxStore.nativeStakingManagerAddress,
           chainId,
           type: 'address'
         });

app/console/permissionless-l1s/native-staking-manager-setup/[step]/client-page.tsx

@@ -0,0 +1,15 @@
+"use client";
+
+import StepFlow from "@/components/console/step-flow";
+import { steps } from "../steps";
+
+export default function NativeStakingManagerSetupClientPage({ currentStepKey }: { currentStepKey: string }) {
+    const basePath = "/console/permissionless-l1s/native-staking-manager-setup";
+    return (
+        <StepFlow
+            steps={steps}
+            basePath={basePath}
+            currentStepKey={currentStepKey}
+        />
+    );
+}

app/console/permissionless-l1s/native-staking-manager-setup/[step]/page.tsx

@@ -0,0 +1,8 @@
+import NativeStakingManagerSetupClientPage from "./client-page";
+
+export default async function Page({ params }: { params: Promise<{ step: string }> }) {
+    const { step } = await params;
+    return (
+        <NativeStakingManagerSetupClientPage currentStepKey={step} />
+    );
+}

app/console/permissionless-l1s/native-staking-manager-setup/page.tsx

@@ -0,0 +1,7 @@
+import { redirect } from "next/navigation";
+
+export default function Page() {
+  redirect("/console/permissionless-l1s/native-staking-manager-setup/deploy-native-token-staking-manager");
+}
+
+

app/console/permissionless-l1s/native-staking-manager-setup/steps.ts

@@ -0,0 +1,26 @@
+import { type StepDefinition } from "@/components/console/step-flow";
+import ReadContract from "@/components/toolbox/console/permissioned-l1s/validator-manager-setup/ReadContract";
+import DeployNativeTokenStakingManager from "@/components/toolbox/console/permissionless-l1s/setup/native/DeployNativeStakingManager";
+import InitializeNativeTokenStakingManager from "@/components/toolbox/console/permissionless-l1s/setup/native/InitializeNativeStakingManager";
+import DeployExampleRewardCalculator from "@/components/toolbox/console/permissionless-l1s/setup/DeployExampleRewardCalculator";
+import TransferOwnershipToStakingManager from "@/components/toolbox/console/permissionless-l1s/setup/TransferOwnershipToStakingManager";
+import EnableStakingManagerMinting from "@/components/toolbox/console/permissionless-l1s/setup/native/EnableStakingManagerMinting";
+
+export const steps: StepDefinition[] = [
+    {
+        type: "single",
+        key: "deploy-native-token-staking-manager",
+        title: "Deploy Staking Manager",
+        component: DeployNativeTokenStakingManager,
+    },
+    { type: "single", key: "deploy-example-reward-calculator", title: "Deploy Example Reward Calculator", component: DeployExampleRewardCalculator },
+    {
+        type: "single",
+        key: "initialize-native-staking-manager",
+        title: "Initialize Staking Manager",
+        component: InitializeNativeTokenStakingManager,
+    },
+    { type: "single", key: "enable-staking-minting", title: "Enable StakingManager in Native Minter", component: EnableStakingManagerMinting },
+    { type: "single", key: "transfer-ownership", title: "Transfer Ownership to Staking Manager", component: TransferOwnershipToStakingManager },
+    { type: "single", key: "read-contract", title: "Read Contract", component: ReadContract },
+];

components/console/console-sidebar.tsx

@@ -230,16 +230,9 @@ const data = {
       icon: Globe,
       items: [
         {
-          title: "Migrate from Permissioned L1",
-          url: "/console/permissionless-l1s/deploy-reward-manager",
+          title: "Native Staking Manager Setup",
+          url: "/console/permissionless-l1s/native-staking-manager-setup",
           icon: GitMerge,
-          comingSoon: true,
-        },
-        {
-          title: "Stake & Unstake",
-          url: "/console/permissionless-l1s/manage-validators",
-          icon: Hexagon,
-          comingSoon: true,
         },
       ],
     },

components/toolbox/components/AllowListComponents.tsx

@@ -15,18 +15,20 @@ function SetEnabledComponent({
   precompileType = "precompiled contract",
   abi = allowListAbi.abi,
   onSuccess,
+  defaultAddress,
 }: {
   precompileAddress: string;
   precompileType?: string;
   abi?: any;
   onSuccess?: () => void;
+  defaultAddress?: string;
 }) {
   const { publicClient, walletEVMAddress, walletChainId } =
     useWalletStore();
   const { coreWalletClient } = useConnectedWallet();
   const viemChain = useViemChainStore();
   const [isProcessing, setIsProcessing] = useState(false);
-  const [enabledAddress, setEnabledAddress] = useState<string>("");
+  const [enabledAddress, setEnabledAddress] = useState<string>(defaultAddress || "");
   const [txHash, setTxHash] = useState<string | null>(null);
   const [error, setError] = useState<string | null>(null);
 
@@ -523,11 +525,13 @@ export function AllowlistComponent({
   precompileType = "precompiled contract",
   abi = allowListAbi.abi,
   onSuccess,
+  defaultEnabledAddress,
 }: {
   precompileAddress: string;
   precompileType?: string;
   abi?: any;
   onSuccess?: () => void;
+  defaultEnabledAddress?: string;
 }) {
   return (
     <div className="space-y-6">
@@ -538,6 +542,7 @@ export function AllowlistComponent({
             precompileType={precompileType}
             abi={abi}
             onSuccess={onSuccess}
+            defaultAddress={defaultEnabledAddress}
           />
           <SetManagerComponent
             precompileAddress={precompileAddress}

components/toolbox/components/CheckPrecompile.tsx

@@ -116,4 +116,4 @@ export const CheckPrecompile = ({
     }
 
     return <>{children}</>;
-}; 
+}; 

components/toolbox/components/ValidatorListInput.tsx

@@ -29,6 +29,7 @@ interface ValidatorListInputProps {
   maxValidators?: number;
   selectedSubnetId?: string | null;
   isTestnet?: boolean;
+  hideConsensusWeight?: boolean;
 }
 
 export function ValidatorListInput({
@@ -42,6 +43,7 @@ export function ValidatorListInput({
   maxValidators,
   selectedSubnetId = null,
   isTestnet = false,
+  hideConsensusWeight = false,
 }: ValidatorListInputProps) {
 
   const [error, setError] = useState<string | null>(null)
@@ -85,6 +87,7 @@ export function ValidatorListInput({
           onChange={onChange}
           l1TotalInitializedWeight={l1TotalInitializedWeight}
           userPChainBalanceNavax={userPChainBalanceNavax}
+          hideConsensusWeight={hideConsensusWeight}
         />
       </div>
     </div>

components/toolbox/components/ValidatorListInput/ValidatorItem.tsx

@@ -14,6 +14,7 @@ interface Props {
   onUpdate: (index: number, updated: Partial<ConvertToL1Validator>) => void
   l1TotalInitializedWeight?: bigint | null
   userPChainBalanceNavax?: bigint | null
+  hideConsensusWeight?: boolean
 }
 
 export function ValidatorItem({
@@ -25,6 +26,7 @@ export function ValidatorItem({
   onUpdate,
   l1TotalInitializedWeight = null,
   userPChainBalanceNavax = null,
+  hideConsensusWeight = false,
 }: Props) {
 
   let insufficientBalanceError: string | null = null
@@ -89,29 +91,31 @@ export function ValidatorItem({
             />
           </div>
 
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
-            <div className="space-y-2">
-              <label className="block text-sm font-medium text-zinc-700 dark:text-zinc-300">
-                Consensus Weight
-              </label>
-              <input
-                type="number"
-                value={validator.validatorWeight.toString()}
-                onChange={(e) => onUpdate(index, { validatorWeight: BigInt(e.target.value || 0) })}
-                className={cn(
-                  "w-full rounded p-2",
-                  "bg-zinc-50 dark:bg-zinc-900",
-                  "border border-zinc-200 dark:border-zinc-700",
-                  "text-zinc-900 dark:text-zinc-100",
-                  "shadow-sm focus:ring focus:ring-primary/30 focus:ring-opacity-50",
+          <div className={cn("grid gap-3", hideConsensusWeight ? "grid-cols-1" : "grid-cols-1 md:grid-cols-2")}>
+            {!hideConsensusWeight && (
+              <div className="space-y-2">
+                <label className="block text-sm font-medium text-zinc-700 dark:text-zinc-300">
+                  Consensus Weight
+                </label>
+                <input
+                  type="number"
+                  value={validator.validatorWeight.toString()}
+                  onChange={(e) => onUpdate(index, { validatorWeight: BigInt(e.target.value || 0) })}
+                  className={cn(
+                    "w-full rounded p-2",
+                    "bg-zinc-50 dark:bg-zinc-900",
+                    "border border-zinc-200 dark:border-zinc-700",
+                    "text-zinc-900 dark:text-zinc-100",
+                    "shadow-sm focus:ring focus:ring-primary/30 focus:ring-opacity-50",
+                  )}
+                />
+                {hasWeightError && (
+                  <p className="text-xs mt-1 text-red-500 dark:text-red-400">
+                    Warning: This validator's weight is 20% or more of the current L1 total stake ({ Number(validator.validatorWeight * 10000n / l1TotalInitializedWeight / 100n).toFixed(2) }%). Recommended to be less than 20%.
+                  </p>
                 )}
-              />
-              {hasWeightError && (
-                <p className="text-xs mt-1 text-red-500 dark:text-red-400">
-                  Warning: This validator's weight is 20% or more of the current L1 total stake ({ Number(validator.validatorWeight * 10000n / l1TotalInitializedWeight / 100n).toFixed(2) }%). Recommended to be less than 20%.
-                </p>
-              )}
-            </div>
+              </div>
+            )}
             <div className="space-y-2">
               <label className="block text-sm font-medium text-zinc-700 dark:text-zinc-300">
                 Validator Balance (P-Chain AVAX)