fix: template various fixes [skip-line-limit]

packages/enclave-react/README.md

@@ -122,7 +122,6 @@ function MyComponent() {
 - `isInitialized`: Boolean indicating if SDK is ready
 - `error`: Error message if initialization failed
 - `requestE3`: Function to request E3 computation
-- `activateE3`: Function to activate E3 environment
 - `publishInput`: Function to publish encrypted inputs
 - `onEnclaveEvent`: Function to subscribe to events
 - `off`: Function to unsubscribe from events

templates/default/client/src/context/WizardContext.tsx

@@ -17,17 +17,16 @@ import { getEnclaveSDKConfig } from '@/utils/sdk-config'
 export enum WizardStep {
   CONNECT_WALLET = 1,
   REQUEST_COMPUTATION = 2,
-  ACTIVATE_E3 = 3,
-  ENTER_INPUTS = 4,
-  ENCRYPT_SUBMIT = 5,
-  RESULTS = 6,
+  ENTER_INPUTS = 3,
+  ENCRYPT_SUBMIT = 4,
+  RESULTS = 5,
 }
 
 export interface E3State {
   id: bigint | null
   isRequested: boolean
   isCommitteePublished: boolean
-  isActivated: boolean
+  isCiphertextPublished: boolean
   publicKey: `0x${string}` | null
   expiresAt: bigint | null
   plaintextOutput: string | null
@@ -38,7 +37,7 @@ const INITIAL_E3_STATE: E3State = {
   id: null,
   isRequested: false,
   isCommitteePublished: false,
-  isActivated: false,
+  isCiphertextPublished: false,
   publicKey: null,
   expiresAt: null,
   plaintextOutput: null,

templates/default/client/src/pages/WizardRoutes.tsx

@@ -12,13 +12,11 @@ import {
   NumberSquareThreeIcon,
   NumberSquareFourIcon,
   NumberSquareFiveIcon,
-  NumberSquareSixIcon,
 } from '@phosphor-icons/react'
 
 // Step components
 import ConnectWallet from './steps/ConnectWallet'
 import RequestComputation from './steps/RequestComputation'
-import ActivateE3 from './steps/ActivateE3'
 import EnterInputs from './steps/EnterInputs'
 import EncryptSubmit from './steps/EncryptSubmit'
 import Results from './steps/Results'
@@ -41,10 +39,9 @@ interface StepConfig {
 const STEPS: StepConfig[] = [
   { step: WizardStep.CONNECT_WALLET, path: '/step1', component: ConnectWallet, icon: NumberSquareOneIcon },
   { step: WizardStep.REQUEST_COMPUTATION, path: '/step2', component: RequestComputation, icon: NumberSquareTwoIcon },
-  { step: WizardStep.ACTIVATE_E3, path: '/step3', component: ActivateE3, icon: NumberSquareThreeIcon },
-  { step: WizardStep.ENTER_INPUTS, path: '/step4', component: EnterInputs, icon: NumberSquareFourIcon },
-  { step: WizardStep.ENCRYPT_SUBMIT, path: '/step5', component: EncryptSubmit, icon: NumberSquareFiveIcon },
-  { step: WizardStep.RESULTS, path: '/step6', component: Results, icon: NumberSquareSixIcon },
+  { step: WizardStep.ENTER_INPUTS, path: '/step3', component: EnterInputs, icon: NumberSquareThreeIcon },
+  { step: WizardStep.ENCRYPT_SUBMIT, path: '/step4', component: EncryptSubmit, icon: NumberSquareFourIcon },
+  { step: WizardStep.RESULTS, path: '/step5', component: Results, icon: NumberSquareFiveIcon },
 ]
 
 /**

templates/default/client/src/pages/components/ErrorDisplay.tsx

@@ -20,7 +20,7 @@ const ErrorDisplay: React.FC<ErrorDisplayProps> = ({ error, showDetails, onToggl
   const technicalMessage = error.message || JSON.stringify(error, null, 2)
 
   return (
-    <div className='rounded-lg border border-red-200 bg-red-50 p-4'>
+    <div role='alert' className='rounded-lg border border-red-200 bg-red-50 p-4'>
       <p className='mb-2 text-sm text-red-600'>
         <strong>Error:</strong> {userMessage}
       </p>