From d51456abcbf975d876839ab97635ee8e39baab5c Mon Sep 17 00:00:00 2001
From: ci-bot <ci-bot@remix-project.org>
Date: Mon, 8 Sep 2025 14:49:37 +0100
Subject: [PATCH 01/15] Add plumbing for template explorer to modal plugin

---
 .../src/app/plugins/notification.tsx          |  9 ++++-
 .../app/src/lib/remix-app/actions/modals.ts   |  4 ++-
 .../app/src/lib/remix-app/context/context.tsx |  4 ++-
 .../src/lib/remix-app/context/provider.tsx    | 36 +++++++++++++++++--
 .../app/src/lib/remix-app/interface/index.ts  | 35 ++++++++++++++++++
 5 files changed, 83 insertions(+), 5 deletions(-)

diff --git a/apps/remix-ide/src/app/plugins/notification.tsx b/apps/remix-ide/src/app/plugins/notification.tsx
index 2d0455a31de..009e5bd9b9b 100644
--- a/apps/remix-ide/src/app/plugins/notification.tsx
+++ b/apps/remix-ide/src/app/plugins/notification.tsx
@@ -1,8 +1,10 @@
+/* eslint-disable @nrwl/nx/enforce-module-boundaries */
 import { Plugin } from '@remixproject/engine'
 import { LibraryProfile, MethodApi, StatusEvents } from '@remixproject/plugin-utils'
 import { AppModal } from '@remix-ui/app'
 import { AlertModal } from '@remix-ui/app'
 import { dispatchModalInterface } from '@remix-ui/app'
+import { TemplateExplorerModal } from 'libs/remix-ui/app/src/lib/remix-app/interface'
 
 interface INotificationApi {
   events: StatusEvents
@@ -10,6 +12,7 @@ interface INotificationApi {
     modal: (args: AppModal) => void
     alert: (args: AlertModal) => void
     toast: (message: string) => void
+    templateExplorer: (args: TemplateExplorerModal) => void
   }
 }
 
@@ -17,7 +20,7 @@ const profile: LibraryProfile<INotificationApi> = {
   name: 'notification',
   displayName: 'Notification',
   description: 'Displays notifications',
-  methods: ['modal', 'alert', 'toast']
+  methods: ['modal', 'alert', 'toast', 'templateExplorer']
 }
 
 export class NotificationPlugin extends Plugin implements MethodApi<INotificationApi> {
@@ -34,6 +37,10 @@ export class NotificationPlugin extends Plugin implements MethodApi<INotificatio
     return this.dispatcher.modal(args)
   }
 
+  async templateExplorer(args: TemplateExplorerModal) {
+    return this.dispatcher.templateExplorer(args)
+  }
+
   async alert(args: AlertModal) {
     return this.dispatcher.alert(args)
   }
diff --git a/libs/remix-ui/app/src/lib/remix-app/actions/modals.ts b/libs/remix-ui/app/src/lib/remix-app/actions/modals.ts
index 4c2e70764d9..14dd00dae38 100644
--- a/libs/remix-ui/app/src/lib/remix-app/actions/modals.ts
+++ b/libs/remix-ui/app/src/lib/remix-app/actions/modals.ts
@@ -1,4 +1,4 @@
-import { AppModal } from '../interface'
+import { AppModal, TemplateExplorerModal } from '../interface'
 
 type ActionMap<M extends { [index: string]: any }> = {
     [Key in keyof M]: M[Key] extends undefined
@@ -13,6 +13,7 @@ type ActionMap<M extends { [index: string]: any }> = {
 
 export const enum modalActionTypes {
   setModal = 'SET_MODAL',
+  setTemplateExplorer = 'SET_TEMPLATE_EXPLORER',
   setToast = 'SET_TOAST',
   processQueue = 'PROCESS_QUEUEU',
   handleHideModal = 'HANDLE_HIDE_MODAL',
@@ -21,6 +22,7 @@ export const enum modalActionTypes {
 
 type ModalPayload = {
   [modalActionTypes.setModal]: AppModal
+  [modalActionTypes.setTemplateExplorer]: TemplateExplorerModal
   [modalActionTypes.handleHideModal]: any
   [modalActionTypes.setToast]: { message: string | JSX.Element, timestamp: number }
   [modalActionTypes.handleToaster]: any,
diff --git a/libs/remix-ui/app/src/lib/remix-app/context/context.tsx b/libs/remix-ui/app/src/lib/remix-app/context/context.tsx
index 48aa1b391e1..3acadcdd688 100644
--- a/libs/remix-ui/app/src/lib/remix-app/context/context.tsx
+++ b/libs/remix-ui/app/src/lib/remix-app/context/context.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { AlertModal, AppModal, AppState } from '../interface'
+import { AlertModal, AppModal, AppState, TemplateExplorerModal } from '../interface'
 import { ModalInitialState } from '../state/modals'
 import { AppAction } from '../actions/app'
 
@@ -26,6 +26,7 @@ export interface dispatchModalInterface {
   modal: (data: AppModal) => void
   toast: (message: string | JSX.Element) => void
   alert: (data: AlertModal) => void
+  templateExplorer: (data: TemplateExplorerModal) => void
   handleHideModal: () => void
   handleToaster: () => void
 }
@@ -34,6 +35,7 @@ export const dispatchModalContext = React.createContext<dispatchModalInterface>(
   modal: (data: AppModal) => {},
   toast: (message: string | JSX.Element) => {},
   alert: (data: AlertModal) => {},
+  templateExplorer: (data: TemplateExplorerModal) => {},
   handleHideModal: () => {},
   handleToaster: () => {}
 })
diff --git a/libs/remix-ui/app/src/lib/remix-app/context/provider.tsx b/libs/remix-ui/app/src/lib/remix-app/context/provider.tsx
index baa7931ce85..3f766c1ee5a 100644
--- a/libs/remix-ui/app/src/lib/remix-app/context/provider.tsx
+++ b/libs/remix-ui/app/src/lib/remix-app/context/provider.tsx
@@ -1,7 +1,7 @@
 import React, { useReducer } from 'react'
 import { useIntl, IntlShape } from 'react-intl'
 import { modalActionTypes } from '../actions/modals'
-import { AlertModal, AppModal } from '../interface'
+import { AlertModal, AppModal, TemplateExplorerModal } from '../interface'
 import { modalReducer } from '../reducer/modals'
 import { ModalInitialState } from '../state/modals'
 import { ModalTypes } from '../types'
@@ -51,6 +51,38 @@ export const ModalProvider = ({ children = [], reducer = modalReducer, initialSt
     })
   }
 
+  const templateExplorer = (modalData: TemplateExplorerModal) => {
+    dispatch({
+      type: modalActionTypes.setTemplateExplorer,
+      payload: {
+        id: modalData.id,
+        title: modalData.title,
+        message: modalData.message,
+        okLabel: modalData.okLabel,
+        okFn: modalData.okFn,
+        cancelLabel: modalData.cancelLabel,
+        cancelFn: modalData.cancelFn,
+        timestamp: modalData.timestamp,
+        hide: modalData.hide,
+        validationFn: modalData.validationFn,
+        resolve: modalData.resolve,
+        next: modalData.next,
+        data: modalData.data,
+        showCancelIcon: modalData.showCancelIcon,
+        preventBlur: modalData.preventBlur,
+        placeholderText: modalData.placeholderText,
+        workspaceTemplateGroup: modalData.workspaceTemplateGroup,
+        workspaceTemplate: modalData.workspaceTemplate,
+        workspaceTemplateOptions: modalData.workspaceTemplateOptions,
+        workspaceName: modalData.workspaceName,
+        modifyWorkspaceName: modalData.modifyWorkspaceName,
+        workspaceDescription: modalData.workspaceDescription,
+        workspaceTags: modalData.workspaceTags,
+        modifyWorkspace: modalData.modifyWorkspace
+      }
+    })
+  }
+
   const alert = (modalData: AlertModal) => {
     return modal({
       id: modalData.id,
@@ -85,7 +117,7 @@ export const ModalProvider = ({ children = [], reducer = modalReducer, initialSt
   }
 
   return (
-    <dispatchModalContext.Provider value={{ modal, toast, alert, handleHideModal, handleToaster }}>
+    <dispatchModalContext.Provider value={{ modal, toast, alert, handleHideModal, handleToaster, templateExplorer }}>
       <modalContext.Provider value={{ modals, toasters, focusModal, focusToaster }}>{children}</modalContext.Provider>
     </dispatchModalContext.Provider>
   )
diff --git a/libs/remix-ui/app/src/lib/remix-app/interface/index.ts b/libs/remix-ui/app/src/lib/remix-app/interface/index.ts
index 084795e3212..98d1667fe06 100644
--- a/libs/remix-ui/app/src/lib/remix-app/interface/index.ts
+++ b/libs/remix-ui/app/src/lib/remix-app/interface/index.ts
@@ -1,5 +1,7 @@
+/* eslint-disable @nrwl/nx/enforce-module-boundaries */
 import { branch, desktopConnection, GitHubUser } from '@remix-api'
 import { AppModalCancelTypes, ModalTypes } from '../types'
+import { Template, TemplateGroup, TemplateOption } from 'libs/remix-ui/workspace/src/lib/utils/constants'
 
 export type ValidationResult = {
     valid: boolean,
@@ -49,6 +51,39 @@ export interface forceChoiceModal {
   message: string | JSX.Element,
 }
 
+export interface TemplateExplorerModal {
+  id: string
+  title?: string,
+  message: JSX.Element,
+  workspaceName: string,
+  modifyWorkspaceName: boolean,
+  workspaceDescription: string,
+  workspaceTemplateOptions: TemplateOption,
+  workspaceTemplateGroup: TemplateGroup,
+  workspaceTemplate: Template,
+  timestamp?: number
+  hide?: boolean
+  validationFn?: (value: string) => ValidationResult
+  // eslint-disable-next-line no-undef
+  okLabel: string | JSX.Element
+  okFn?: (value?:any) => void
+  cancelLabel?: string | JSX.Element
+  cancelFn?: (reason?: AppModalCancelTypes) => void,
+  modalType?: ModalTypes,
+  modalParentClass?: string
+  defaultValue?: string
+  hideFn?: () => void,
+  resolve?: (value?:any) => void,
+  next?: () => void,
+  data?: any,
+  showCancelIcon?: boolean,
+  preventBlur?: boolean
+  placeholderText?: string
+  searchTerm?: string
+  workspaceTags?: string[]
+  modifyWorkspace?: boolean
+}
+
 export interface AppState {
     gitHubUser: GitHubUser
     currentBranch: branch

From d9af0cfd5dfd54a48e68ec7b7b32cb68da46d51b Mon Sep 17 00:00:00 2001
From: ci-bot <ci-bot@remix-project.org>
Date: Mon, 8 Sep 2025 17:14:07 +0100
Subject: [PATCH 02/15] setup and state changes for template explorer modal

---
 .../src/app/plugins/notification.tsx          |  1 +
 .../components/modals/dialogViewPlugin.tsx    |  4 ++--
 .../src/lib/remix-app/context/provider.tsx    | 12 ++++++++--
 .../app/src/lib/remix-app/interface/index.ts  |  1 +
 .../app/src/lib/remix-app/reducer/modals.ts   |  4 ++++
 .../app/src/lib/remix-app/state/modals.ts     | 24 ++++++++++++++++++-
 .../home-tab/src/lib/remix-ui-home-tab.tsx    | 13 ++++++++++
 7 files changed, 54 insertions(+), 5 deletions(-)

diff --git a/apps/remix-ide/src/app/plugins/notification.tsx b/apps/remix-ide/src/app/plugins/notification.tsx
index 009e5bd9b9b..4c9feadde46 100644
--- a/apps/remix-ide/src/app/plugins/notification.tsx
+++ b/apps/remix-ide/src/app/plugins/notification.tsx
@@ -38,6 +38,7 @@ export class NotificationPlugin extends Plugin implements MethodApi<INotificatio
   }
 
   async templateExplorer(args: TemplateExplorerModal) {
+    console.log('templateExplorer', args)
     return this.dispatcher.templateExplorer(args)
   }
 
diff --git a/libs/remix-ui/app/src/lib/remix-app/components/modals/dialogViewPlugin.tsx b/libs/remix-ui/app/src/lib/remix-app/components/modals/dialogViewPlugin.tsx
index d5610de56cd..03268574bce 100644
--- a/libs/remix-ui/app/src/lib/remix-app/components/modals/dialogViewPlugin.tsx
+++ b/libs/remix-ui/app/src/lib/remix-app/components/modals/dialogViewPlugin.tsx
@@ -3,11 +3,11 @@ import { AppContext } from '../../context/context'
 import { useDialogDispatchers } from '../../context/provider'
 
 const DialogViewPlugin = () => {
-  const { modal, alert, toast } = useDialogDispatchers()
+  const { modal, alert, toast, templateExplorer } = useDialogDispatchers()
   const app = useContext(AppContext)
 
   useEffect(() => {
-    app.modal.setDispatcher({ modal, alert, toast })
+    app.modal.setDispatcher({ modal, alert, toast, templateExplorer })
   }, [])
   return <></>
 }
diff --git a/libs/remix-ui/app/src/lib/remix-app/context/provider.tsx b/libs/remix-ui/app/src/lib/remix-app/context/provider.tsx
index 3f766c1ee5a..439768de35b 100644
--- a/libs/remix-ui/app/src/lib/remix-app/context/provider.tsx
+++ b/libs/remix-ui/app/src/lib/remix-app/context/provider.tsx
@@ -14,7 +14,7 @@ declare global {
 }
 
 export const ModalProvider = ({ children = [], reducer = modalReducer, initialState = ModalInitialState } = {}) => {
-  const [{ modals, toasters, focusModal, focusToaster }, dispatch] = useReducer(reducer, initialState)
+  const [{ modals, toasters, focusModal, focusToaster, focusTemplateExplorer }, dispatch] = useReducer(reducer, initialState)
 
   const onNextFn = async () => {
     dispatch({
@@ -118,7 +118,7 @@ export const ModalProvider = ({ children = [], reducer = modalReducer, initialSt
 
   return (
     <dispatchModalContext.Provider value={{ modal, toast, alert, handleHideModal, handleToaster, templateExplorer }}>
-      <modalContext.Provider value={{ modals, toasters, focusModal, focusToaster }}>{children}</modalContext.Provider>
+      <modalContext.Provider value={{ modals, toasters, focusModal, focusToaster, focusTemplateExplorer }}>{children}</modalContext.Provider>
     </dispatchModalContext.Provider>
   )
 }
@@ -141,3 +141,11 @@ export const useDialogs = () => {
 export const useDialogDispatchers = () => {
   return React.useContext(dispatchModalContext)
 }
+
+export function defaultFocusTemplateExplorer () {
+  return (
+    <>
+      <p className="fs-3 text-center">Template Explorer</p>
+    </>
+  )
+}
diff --git a/libs/remix-ui/app/src/lib/remix-app/interface/index.ts b/libs/remix-ui/app/src/lib/remix-app/interface/index.ts
index 98d1667fe06..251604da3b7 100644
--- a/libs/remix-ui/app/src/lib/remix-app/interface/index.ts
+++ b/libs/remix-ui/app/src/lib/remix-app/interface/index.ts
@@ -43,6 +43,7 @@ export interface ModalState {
     toasters: {message: (string | JSX.Element), timestamp: number }[],
     focusModal: AppModal,
     focusToaster: {message: (string | JSX.Element), timestamp: number }
+    focusTemplateExplorer: TemplateExplorerModal
 }
 
 export interface forceChoiceModal {
diff --git a/libs/remix-ui/app/src/lib/remix-app/reducer/modals.ts b/libs/remix-ui/app/src/lib/remix-app/reducer/modals.ts
index 9be604ce80f..4e26a6073af 100644
--- a/libs/remix-ui/app/src/lib/remix-app/reducer/modals.ts
+++ b/libs/remix-ui/app/src/lib/remix-app/reducer/modals.ts
@@ -83,5 +83,9 @@ export const modalReducer = (state: ModalState = ModalInitialState, action: Moda
       return { ...state, toasters: []}
     }
   }
+
+  case modalActionTypes.setTemplateExplorer: {
+    return { ...state, focusTemplateExplorer: action.payload }
+  }
   }
 }
diff --git a/libs/remix-ui/app/src/lib/remix-app/state/modals.ts b/libs/remix-ui/app/src/lib/remix-app/state/modals.ts
index 56993cc7ec9..cd6135ef0ba 100644
--- a/libs/remix-ui/app/src/lib/remix-app/state/modals.ts
+++ b/libs/remix-ui/app/src/lib/remix-app/state/modals.ts
@@ -1,4 +1,6 @@
+import { Template, TemplateGroup } from '@remix-ui/workspace'
 import { ModalState } from '../interface'
+import { defaultFocusTemplateExplorer } from '../context/provider'
 
 export const ModalInitialState: ModalState = {
   modals: [],
@@ -15,5 +17,25 @@ export const ModalInitialState: ModalState = {
     cancelFn: () => { },
     showCancelIcon: false
   },
-  focusToaster: { message: '', timestamp: 0 }
+  focusToaster: { message: '', timestamp: 0 },
+  focusTemplateExplorer: {
+    id: '',
+    hide: true,
+    title: '',
+    message: defaultFocusTemplateExplorer(),
+    validationFn: () => { return { valid: true, message: '' } },
+    okLabel: '',
+    okFn: () => { },
+    cancelLabel: '',
+    cancelFn: () => { },
+    showCancelIcon: false,
+    preventBlur: false,
+    placeholderText: '',
+    workspaceName: '',
+    modifyWorkspaceName: false,
+    workspaceDescription: '',
+    workspaceTemplateOptions: {},
+    workspaceTemplateGroup: {} as TemplateGroup,
+    workspaceTemplate: {} as Template,
+  }
 }
diff --git a/libs/remix-ui/home-tab/src/lib/remix-ui-home-tab.tsx b/libs/remix-ui/home-tab/src/lib/remix-ui-home-tab.tsx
index 4f47bd6cbd7..c82d98399bb 100644
--- a/libs/remix-ui/home-tab/src/lib/remix-ui-home-tab.tsx
+++ b/libs/remix-ui/home-tab/src/lib/remix-ui-home-tab.tsx
@@ -77,6 +77,18 @@ export const RemixUiHomeTab = (props: RemixUiHomeTabProps) => {
   //   return (<></>)
   // }
 
+  const openTemplateExplorer = async () => {
+    console.log('openTemplateExplorer')
+    await plugin.call('notification', 'templateExplorer', {
+      id: 'templateExplorer',
+      title: 'Explore all templates',
+      message: <div>Explore all templates</div>,
+      okLabel: 'Explore all templates',
+      okFn: () => {}
+    })
+    _paq.push(['trackEvent', 'hometab', 'header', 'Explore all templates'])
+  }
+
   return (
     <div className="d-flex flex-column w-100" data-id="remixUIHTAll">
       <ThemeContext.Provider value={state.themeQuality}>
@@ -85,6 +97,7 @@ export const RemixUiHomeTab = (props: RemixUiHomeTabProps) => {
             <div className="d-flex w-100 m-3 justify-content-end">
               <button className="btn btn-secondary btn-md me-3" onClick={startLearnEth}><i className="fa-solid fa-book me-1"></i><FormattedMessage id="home.startLearning" /></button>
               <button data-id="landingPageImportFromTemplate" className="btn btn-primary btn-md me-2" onClick={openTemplateSelection}><i className="fa-solid fa-plus me-1"></i><FormattedMessage id="home.createNewWorkspace" /></button>
+              <button className="btn btn-secondary btn-md me-3" onClick={openTemplateExplorer}><i className="fa-solid fa-book me-1"></i>Open Template Explorer</button>
             </div>
             <div className="col-lg-8 col-xl-5 col-sm-12 mb-4">
               <HomeTabTitle />

From 0f50376651dec5f0b821df2469b2d5138c74b8d8 Mon Sep 17 00:00:00 2001
From: ci-bot <ci-bot@remix-project.org>
Date: Mon, 15 Sep 2025 16:02:49 +0100
Subject: [PATCH 03/15] create template explorer modal. modify app context.

---
 apps/remix-ide/src/app.ts                     |   5 +
 .../src/app/plugins/notification.tsx          |  10 +-
 .../src/app/plugins/remix-generic-modal.tsx   |  69 ++
 apps/remix-ide/src/app/plugins/remixGuide.tsx |   2 +-
 .../templates-selection-plugin.tsx            |   4 +-
 apps/remix-ide/src/remixAppManager.ts         |   4 +-
 .../app/src/lib/remix-app/actions/app.ts      |   5 +-
 .../app/src/lib/remix-app/actions/modals.ts   |  10 +-
 .../components/modals/dialogViewPlugin.tsx    |   4 +-
 .../app/src/lib/remix-app/context/context.tsx |   4 +-
 .../src/lib/remix-app/context/provider.tsx    |  43 +-
 .../app/src/lib/remix-app/interface/index.ts  |  27 +-
 .../app/src/lib/remix-app/reducer/app.ts      |   9 +-
 .../app/src/lib/remix-app/remix-app.tsx       |  17 +-
 .../app/src/lib/remix-app/state/app.ts        |   2 +-
 .../app/src/lib/remix-app/state/modals.ts     |  10 +-
 .../components/environment-explorer-ui.tsx    |   2 +-
 .../reducers/template-explorer-reducer.tsx    |  19 +
 .../src/components/template-explorer-body.tsx |  26 +
 .../src/components/template-explorer.tsx      | 508 ++++++++++++
 .../generic-modal/src/components/topCard.tsx  |  30 +
 libs/remix-ui/generic-modal/src/index.ts      |   1 +
 .../src/lib/remix-ui-generic-modal.css        |  69 ++
 .../src/lib/remix-ui-generic-modal.tsx        |  55 ++
 .../generic-modal/src/utils/helpers.tsx       | 775 ++++++++++++++++++
 .../types/template-explorer-types.ts          |  17 +
 .../grid-view/src/lib/remix-ui-grid-cell.tsx  |   5 +-
 .../home-tab/src/lib/remix-ui-home-tab.tsx    |  23 +-
 .../modal-dialog/src/lib/types/index.ts       |   1 +
 libs/remix-ui/workspace/src/index.ts          |   1 +
 .../workspace/src/lib/utils/templates.ts      | 429 ++++++++++
 31 files changed, 2089 insertions(+), 97 deletions(-)
 create mode 100644 apps/remix-ide/src/app/plugins/remix-generic-modal.tsx
 create mode 100644 libs/remix-ui/generic-modal/reducers/template-explorer-reducer.tsx
 create mode 100644 libs/remix-ui/generic-modal/src/components/template-explorer-body.tsx
 create mode 100644 libs/remix-ui/generic-modal/src/components/template-explorer.tsx
 create mode 100644 libs/remix-ui/generic-modal/src/components/topCard.tsx
 create mode 100644 libs/remix-ui/generic-modal/src/index.ts
 create mode 100644 libs/remix-ui/generic-modal/src/lib/remix-ui-generic-modal.css
 create mode 100644 libs/remix-ui/generic-modal/src/lib/remix-ui-generic-modal.tsx
 create mode 100644 libs/remix-ui/generic-modal/src/utils/helpers.tsx
 create mode 100644 libs/remix-ui/generic-modal/types/template-explorer-types.ts
 create mode 100644 libs/remix-ui/workspace/src/lib/utils/templates.ts

diff --git a/apps/remix-ide/src/app.ts b/apps/remix-ide/src/app.ts
index 6f524ae840e..77f6c478ecf 100644
--- a/apps/remix-ide/src/app.ts
+++ b/apps/remix-ide/src/app.ts
@@ -111,6 +111,7 @@ import Terminal from './app/panels/terminal'
 import TabProxy from './app/panels/tab-proxy.js'
 import { Plugin } from '@remixproject/engine'
 import BottomBarPanel from './app/components/bottom-bar-panel'
+import { TemplateExplorerModalPlugin } from './app/plugins/remix-generic-modal'
 
 const _paq = (window._paq = window._paq || [])
 
@@ -157,6 +158,7 @@ class AppComponent {
   popupPanel: PopupPanel
   statusBar: StatusBar
   topBar: Topbar
+  templateExplorerModal: TemplateExplorerModalPlugin
   settings: SettingsTab
   params: any
   desktopClientMode: boolean
@@ -401,6 +403,8 @@ class AppComponent {
 
     const templateSelection = new TemplatesSelectionPlugin()
 
+    const templateExplorerModal = new TemplateExplorerModalPlugin()
+
     const walletConnect = new WalletConnect()
 
     this.engine.register([
@@ -456,6 +460,7 @@ class AppComponent {
       pluginStateLogger,
       matomo,
       templateSelection,
+      templateExplorerModal,
       scriptRunnerUI,
       remixAI,
       remixAiAssistant,
diff --git a/apps/remix-ide/src/app/plugins/notification.tsx b/apps/remix-ide/src/app/plugins/notification.tsx
index 4c9feadde46..c37b74d0a61 100644
--- a/apps/remix-ide/src/app/plugins/notification.tsx
+++ b/apps/remix-ide/src/app/plugins/notification.tsx
@@ -4,7 +4,6 @@ import { LibraryProfile, MethodApi, StatusEvents } from '@remixproject/plugin-ut
 import { AppModal } from '@remix-ui/app'
 import { AlertModal } from '@remix-ui/app'
 import { dispatchModalInterface } from '@remix-ui/app'
-import { TemplateExplorerModal } from 'libs/remix-ui/app/src/lib/remix-app/interface'
 
 interface INotificationApi {
   events: StatusEvents
@@ -12,7 +11,7 @@ interface INotificationApi {
     modal: (args: AppModal) => void
     alert: (args: AlertModal) => void
     toast: (message: string) => void
-    templateExplorer: (args: TemplateExplorerModal) => void
+
   }
 }
 
@@ -20,7 +19,7 @@ const profile: LibraryProfile<INotificationApi> = {
   name: 'notification',
   displayName: 'Notification',
   description: 'Displays notifications',
-  methods: ['modal', 'alert', 'toast', 'templateExplorer']
+  methods: ['modal', 'alert', 'toast']
 }
 
 export class NotificationPlugin extends Plugin implements MethodApi<INotificationApi> {
@@ -37,11 +36,6 @@ export class NotificationPlugin extends Plugin implements MethodApi<INotificatio
     return this.dispatcher.modal(args)
   }
 
-  async templateExplorer(args: TemplateExplorerModal) {
-    console.log('templateExplorer', args)
-    return this.dispatcher.templateExplorer(args)
-  }
-
   async alert(args: AlertModal) {
     return this.dispatcher.alert(args)
   }
diff --git a/apps/remix-ide/src/app/plugins/remix-generic-modal.tsx b/apps/remix-ide/src/app/plugins/remix-generic-modal.tsx
new file mode 100644
index 00000000000..0e0f66860f0
--- /dev/null
+++ b/apps/remix-ide/src/app/plugins/remix-generic-modal.tsx
@@ -0,0 +1,69 @@
+/* eslint-disable @nrwl/nx/enforce-module-boundaries */
+import React from 'react'
+import { AppAction, AppState } from '@remix-ui/app'
+import { PluginViewWrapper } from '@remix-ui/helper'
+import { Plugin } from '@remixproject/engine'
+import { EventEmitter } from 'events'
+import { RemixUiGenericModal, RemixUiGenericModalProps } from 'libs/remix-ui/generic-modal/src/lib/remix-ui-generic-modal'
+
+const pluginProfile = {
+  name: 'remix-generic-modal',
+  displayName: 'Remix Generic Modal',
+  description: 'Remix Generic Modal for every type of content meant for a modal',
+  methods: ['openModal']
+}
+
+export class TemplateExplorerModalPlugin extends Plugin {
+  element: HTMLDivElement
+  dispatch: React.Dispatch<any> = () => { }
+  event: any
+  appStateDispatch: any
+  constructor() {
+    super(pluginProfile)
+    this.element = document.createElement('div')
+    this.element.setAttribute('id', 'remix-generic-modal')
+    this.dispatch = () => { }
+    this.event = new EventEmitter()
+  }
+
+  async onActivation(): Promise<void> {
+
+  }
+
+  onDeactivation(): void {
+    this.element.remove()
+  }
+
+  setDispatch(dispatch: React.Dispatch<any>) {
+    this.dispatch = dispatch
+    this.renderComponent()
+  }
+
+  setAppStateDispatch(appStateDispatch: React.Dispatch<AppAction>) {
+    this.appStateDispatch = appStateDispatch
+  }
+
+  render() {
+    return (
+      <div id="inner-remix-generic-modal">
+        <PluginViewWrapper plugin={this} useAppContext={true} />
+      </div>
+    )
+  }
+
+  renderComponent(): void {
+    this.dispatch({
+      element: this.element,
+    })
+  }
+
+  updateComponent(state: RemixUiGenericModalProps, appState: AppState) {
+    return (
+      <RemixUiGenericModal
+        appState={appState}
+        dispatch={this.dispatch}
+        plugin={this}
+      />
+    )
+  }
+}
diff --git a/apps/remix-ide/src/app/plugins/remixGuide.tsx b/apps/remix-ide/src/app/plugins/remixGuide.tsx
index 39ae0cb59a8..46247594e4a 100644
--- a/apps/remix-ide/src/app/plugins/remixGuide.tsx
+++ b/apps/remix-ide/src/app/plugins/remixGuide.tsx
@@ -121,7 +121,7 @@ export class RemixGuidePlugin extends ViewPlugin {
             >
               { section.cells.map((cell, index) => {
                 return <RemixUIGridCell
-                  plugin={this}
+                  // plugin={this}
                   title={cell.title}
                   titleTooltip={cell.titleTooltip}
                   tagList={cell.tagList}
diff --git a/apps/remix-ide/src/app/plugins/templates-selection/templates-selection-plugin.tsx b/apps/remix-ide/src/app/plugins/templates-selection/templates-selection-plugin.tsx
index 25f755db482..0cc0121b39d 100644
--- a/apps/remix-ide/src/app/plugins/templates-selection/templates-selection-plugin.tsx
+++ b/apps/remix-ide/src/app/plugins/templates-selection/templates-selection-plugin.tsx
@@ -272,7 +272,7 @@ export class TemplatesSelectionPlugin extends ViewPlugin {
                 if (!item.opts) {
                   return (
                     <RemixUIGridCell
-                      plugin={this}
+                      // plugin={this}
                       title={item.displayName}
                       key={item.name || index}
                       id={item.name}
@@ -353,7 +353,7 @@ export class TemplatesSelectionPlugin extends ViewPlugin {
                 }
               })}
               {template.name === 'Cookbook' && <RemixUIGridCell
-                plugin={this}
+                // plugin={this}
                 title={"More from Cookbook"}
                 key={"cookbookMore"}
                 id={"cookBookMore"}
diff --git a/apps/remix-ide/src/remixAppManager.ts b/apps/remix-ide/src/remixAppManager.ts
index 743209653f2..148941fa166 100644
--- a/apps/remix-ide/src/remixAppManager.ts
+++ b/apps/remix-ide/src/remixAppManager.ts
@@ -95,6 +95,7 @@ let requiredModules = [
   'remixAID',
   'remixaiassistant',
   'topbar',
+  'remix-generic-modal',
   'githubAuthHandler',
   'desktopClient'
 ]
@@ -162,7 +163,8 @@ export function isNative(name) {
     'desktopClient',
     'LearnEth',
     'noir-compiler',
-    'remixaiassistant'
+    'remixaiassistant',
+    'remix-generic-modal'
   ]
   return nativePlugins.includes(name) || requiredModules.includes(name) || isInjectedProvider(name) || isVM(name) || isScriptRunner(name)
 }
diff --git a/libs/remix-ui/app/src/lib/remix-app/actions/app.ts b/libs/remix-ui/app/src/lib/remix-app/actions/app.ts
index 6cb33532c92..1d5e4d3bc93 100644
--- a/libs/remix-ui/app/src/lib/remix-app/actions/app.ts
+++ b/libs/remix-ui/app/src/lib/remix-app/actions/app.ts
@@ -1,4 +1,5 @@
 import { branch, desktopConnection, GitHubUser } from '@remix-api';
+import { GenericModal } from '../interface';
 
 type ActionMap<M extends { [index: string]: any }> = {
     [Key in keyof M]: M[Key] extends undefined
@@ -18,6 +19,7 @@ export const enum appActionTypes {
   setCanUseGit = 'SET_CAN_USE_GIT',
   setShowPopupPanel = 'SET_SHOW_POPUP_PANEL',
   setConnectedToDesktop = 'SET_CONNECTED_TO_DESKTOP',
+  showGenericModal = 'SHOW_GENERIC_MODAL',
 }
 
 type AppPayload = {
@@ -26,7 +28,8 @@ type AppPayload = {
   [appActionTypes.setNeedsGitInit]: boolean,
   [appActionTypes.setCanUseGit]: boolean,
   [appActionTypes.setShowPopupPanel]: boolean,
-  [appActionTypes.setConnectedToDesktop]: desktopConnection
+  [appActionTypes.setConnectedToDesktop]: desktopConnection,
+  [appActionTypes.showGenericModal]: boolean
 }
 
 export type AppAction = ActionMap<AppPayload>[keyof ActionMap<
diff --git a/libs/remix-ui/app/src/lib/remix-app/actions/modals.ts b/libs/remix-ui/app/src/lib/remix-app/actions/modals.ts
index 14dd00dae38..c4fed0d70e9 100644
--- a/libs/remix-ui/app/src/lib/remix-app/actions/modals.ts
+++ b/libs/remix-ui/app/src/lib/remix-app/actions/modals.ts
@@ -1,4 +1,4 @@
-import { AppModal, TemplateExplorerModal } from '../interface'
+import { AppModal, GenericModal } from '../interface'
 
 type ActionMap<M extends { [index: string]: any }> = {
     [Key in keyof M]: M[Key] extends undefined
@@ -13,20 +13,20 @@ type ActionMap<M extends { [index: string]: any }> = {
 
 export const enum modalActionTypes {
   setModal = 'SET_MODAL',
-  setTemplateExplorer = 'SET_TEMPLATE_EXPLORER',
   setToast = 'SET_TOAST',
   processQueue = 'PROCESS_QUEUEU',
   handleHideModal = 'HANDLE_HIDE_MODAL',
-  handleToaster = 'HANDLE_HIDE_TOAST'
+  handleToaster = 'HANDLE_HIDE_TOAST',
+  setTemplateExplorer = 'SET_TEMPLATE_EXPLORER'
 }
 
 type ModalPayload = {
   [modalActionTypes.setModal]: AppModal
-  [modalActionTypes.setTemplateExplorer]: TemplateExplorerModal
   [modalActionTypes.handleHideModal]: any
   [modalActionTypes.setToast]: { message: string | JSX.Element, timestamp: number }
   [modalActionTypes.handleToaster]: any,
-  [modalActionTypes.processQueue]: any
+  [modalActionTypes.processQueue]: any,
+  [modalActionTypes.setTemplateExplorer]: GenericModal
 }
 
 export type ModalAction = ActionMap<ModalPayload>[keyof ActionMap<
diff --git a/libs/remix-ui/app/src/lib/remix-app/components/modals/dialogViewPlugin.tsx b/libs/remix-ui/app/src/lib/remix-app/components/modals/dialogViewPlugin.tsx
index 03268574bce..d5610de56cd 100644
--- a/libs/remix-ui/app/src/lib/remix-app/components/modals/dialogViewPlugin.tsx
+++ b/libs/remix-ui/app/src/lib/remix-app/components/modals/dialogViewPlugin.tsx
@@ -3,11 +3,11 @@ import { AppContext } from '../../context/context'
 import { useDialogDispatchers } from '../../context/provider'
 
 const DialogViewPlugin = () => {
-  const { modal, alert, toast, templateExplorer } = useDialogDispatchers()
+  const { modal, alert, toast } = useDialogDispatchers()
   const app = useContext(AppContext)
 
   useEffect(() => {
-    app.modal.setDispatcher({ modal, alert, toast, templateExplorer })
+    app.modal.setDispatcher({ modal, alert, toast })
   }, [])
   return <></>
 }
diff --git a/libs/remix-ui/app/src/lib/remix-app/context/context.tsx b/libs/remix-ui/app/src/lib/remix-app/context/context.tsx
index 3acadcdd688..48aa1b391e1 100644
--- a/libs/remix-ui/app/src/lib/remix-app/context/context.tsx
+++ b/libs/remix-ui/app/src/lib/remix-app/context/context.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { AlertModal, AppModal, AppState, TemplateExplorerModal } from '../interface'
+import { AlertModal, AppModal, AppState } from '../interface'
 import { ModalInitialState } from '../state/modals'
 import { AppAction } from '../actions/app'
 
@@ -26,7 +26,6 @@ export interface dispatchModalInterface {
   modal: (data: AppModal) => void
   toast: (message: string | JSX.Element) => void
   alert: (data: AlertModal) => void
-  templateExplorer: (data: TemplateExplorerModal) => void
   handleHideModal: () => void
   handleToaster: () => void
 }
@@ -35,7 +34,6 @@ export const dispatchModalContext = React.createContext<dispatchModalInterface>(
   modal: (data: AppModal) => {},
   toast: (message: string | JSX.Element) => {},
   alert: (data: AlertModal) => {},
-  templateExplorer: (data: TemplateExplorerModal) => {},
   handleHideModal: () => {},
   handleToaster: () => {}
 })
diff --git a/libs/remix-ui/app/src/lib/remix-app/context/provider.tsx b/libs/remix-ui/app/src/lib/remix-app/context/provider.tsx
index 439768de35b..4d68896c30f 100644
--- a/libs/remix-ui/app/src/lib/remix-app/context/provider.tsx
+++ b/libs/remix-ui/app/src/lib/remix-app/context/provider.tsx
@@ -1,12 +1,11 @@
 import React, { useReducer } from 'react'
 import { useIntl, IntlShape } from 'react-intl'
 import { modalActionTypes } from '../actions/modals'
-import { AlertModal, AppModal, TemplateExplorerModal } from '../interface'
+import { AlertModal, AppModal } from '../interface'
 import { modalReducer } from '../reducer/modals'
 import { ModalInitialState } from '../state/modals'
 import { ModalTypes } from '../types'
 import { AppContext, dispatchModalContext, modalContext, platformContext, onLineContext } from './context'
-
 declare global {
   interface Window {
     _intl: IntlShape
@@ -51,38 +50,6 @@ export const ModalProvider = ({ children = [], reducer = modalReducer, initialSt
     })
   }
 
-  const templateExplorer = (modalData: TemplateExplorerModal) => {
-    dispatch({
-      type: modalActionTypes.setTemplateExplorer,
-      payload: {
-        id: modalData.id,
-        title: modalData.title,
-        message: modalData.message,
-        okLabel: modalData.okLabel,
-        okFn: modalData.okFn,
-        cancelLabel: modalData.cancelLabel,
-        cancelFn: modalData.cancelFn,
-        timestamp: modalData.timestamp,
-        hide: modalData.hide,
-        validationFn: modalData.validationFn,
-        resolve: modalData.resolve,
-        next: modalData.next,
-        data: modalData.data,
-        showCancelIcon: modalData.showCancelIcon,
-        preventBlur: modalData.preventBlur,
-        placeholderText: modalData.placeholderText,
-        workspaceTemplateGroup: modalData.workspaceTemplateGroup,
-        workspaceTemplate: modalData.workspaceTemplate,
-        workspaceTemplateOptions: modalData.workspaceTemplateOptions,
-        workspaceName: modalData.workspaceName,
-        modifyWorkspaceName: modalData.modifyWorkspaceName,
-        workspaceDescription: modalData.workspaceDescription,
-        workspaceTags: modalData.workspaceTags,
-        modifyWorkspace: modalData.modifyWorkspace
-      }
-    })
-  }
-
   const alert = (modalData: AlertModal) => {
     return modal({
       id: modalData.id,
@@ -117,8 +84,10 @@ export const ModalProvider = ({ children = [], reducer = modalReducer, initialSt
   }
 
   return (
-    <dispatchModalContext.Provider value={{ modal, toast, alert, handleHideModal, handleToaster, templateExplorer }}>
-      <modalContext.Provider value={{ modals, toasters, focusModal, focusToaster, focusTemplateExplorer }}>{children}</modalContext.Provider>
+    <dispatchModalContext.Provider value={{ modal, toast, alert, handleHideModal, handleToaster }}>
+      <modalContext.Provider value={{ modals, toasters, focusModal, focusToaster, focusTemplateExplorer }}>
+        {children}
+      </modalContext.Provider>
     </dispatchModalContext.Provider>
   )
 }
@@ -142,7 +111,7 @@ export const useDialogDispatchers = () => {
   return React.useContext(dispatchModalContext)
 }
 
-export function defaultFocusTemplateExplorer () {
+export const defaultFocusTemplateExplorer = () => {
   return (
     <>
       <p className="fs-3 text-center">Template Explorer</p>
diff --git a/libs/remix-ui/app/src/lib/remix-app/interface/index.ts b/libs/remix-ui/app/src/lib/remix-app/interface/index.ts
index 251604da3b7..d4d574630b0 100644
--- a/libs/remix-ui/app/src/lib/remix-app/interface/index.ts
+++ b/libs/remix-ui/app/src/lib/remix-app/interface/index.ts
@@ -42,8 +42,8 @@ export interface ModalState {
     modals: AppModal[],
     toasters: {message: (string | JSX.Element), timestamp: number }[],
     focusModal: AppModal,
-    focusToaster: {message: (string | JSX.Element), timestamp: number }
-    focusTemplateExplorer: TemplateExplorerModal
+    focusToaster: {message: (string | JSX.Element), timestamp: number },
+    focusTemplateExplorer: GenericModal
 }
 
 export interface forceChoiceModal {
@@ -52,18 +52,27 @@ export interface forceChoiceModal {
   message: string | JSX.Element,
 }
 
-export interface TemplateExplorerModal {
-  id: string
-  title?: string,
-  message: JSX.Element,
+export interface TemplateExplorerGenericData {
   workspaceName: string,
   modifyWorkspaceName: boolean,
   workspaceDescription: string,
   workspaceTemplateOptions: TemplateOption,
   workspaceTemplateGroup: TemplateGroup,
   workspaceTemplate: Template,
+  workspaceTags: string[]
+  searchTerm?: string
+  modifyWorkspace?: boolean
+}
+
+export interface GenericModal {
+  id: string
+  title?: JSX.Element,
+  message: JSX.Element,
+  footer?: JSX.Element,
+  genericData?: any,
   timestamp?: number
   hide?: boolean
+  showModal?: boolean
   validationFn?: (value: string) => ValidationResult
   // eslint-disable-next-line no-undef
   okLabel: string | JSX.Element
@@ -80,9 +89,8 @@ export interface TemplateExplorerModal {
   showCancelIcon?: boolean,
   preventBlur?: boolean
   placeholderText?: string
-  searchTerm?: string
-  workspaceTags?: string[]
-  modifyWorkspace?: boolean
+  width?: string
+  height?: string
 }
 
 export interface AppState {
@@ -93,5 +101,6 @@ export interface AppState {
     showPopupPanel: boolean
     connectedToDesktop: desktopConnection
     desktopClientConnected: desktopConnection
+    genericModalState?: GenericModal
 }
 
diff --git a/libs/remix-ui/app/src/lib/remix-app/reducer/app.ts b/libs/remix-ui/app/src/lib/remix-app/reducer/app.ts
index 2110a638997..f047fdb2f47 100644
--- a/libs/remix-ui/app/src/lib/remix-app/reducer/app.ts
+++ b/libs/remix-ui/app/src/lib/remix-app/reducer/app.ts
@@ -42,5 +42,12 @@ export const appReducer = (state: AppState, action: AppAction): AppState => {
       connectedToDesktop: action.payload
     }
   }
+
+  case appActionTypes.showGenericModal: {
+    return {
+      ...state,
+      genericModalState: { ...state.genericModalState, showModal: action.payload }
+    }
+  }
   }
-}
\ No newline at end of file
+}
diff --git a/libs/remix-ui/app/src/lib/remix-app/remix-app.tsx b/libs/remix-ui/app/src/lib/remix-app/remix-app.tsx
index 58c87575a24..618e094a0bb 100644
--- a/libs/remix-ui/app/src/lib/remix-app/remix-app.tsx
+++ b/libs/remix-ui/app/src/lib/remix-app/remix-app.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable @nrwl/nx/enforce-module-boundaries */
 import React, { useEffect, useReducer, useRef, useState } from 'react'
 import './style/remix-app.css'
 import { RemixUIMainPanel } from '@remix-ui/panel'
@@ -14,6 +15,7 @@ import { appReducer } from './reducer/app'
 import { appInitialState } from './state/app'
 import isElectron from 'is-electron'
 import { desktopConnectionType } from '@remix-api'
+import { RemixUiGenericModal } from 'libs/remix-ui/generic-modal/src/lib/remix-ui-generic-modal'
 
 declare global {
   interface Window {
@@ -47,7 +49,19 @@ const RemixApp = (props: IRemixAppUi) => {
   const [appState, appStateDispatch] = useReducer(appReducer, {
     ...appInitialState,
     showPopupPanel: !window.localStorage.getItem('did_show_popup_panel') && !isElectron(),
-    connectedToDesktop: props.app.desktopClientMode ? desktopConnectionType .disconnected : desktopConnectionType .disabled
+    connectedToDesktop: props.app.desktopClientMode ? desktopConnectionType .disconnected : desktopConnectionType .disabled,
+    genericModalState: {
+      id: '',
+      title: <div>Default Title</div>,
+      message: <div>Default Message</div>,
+      footer: <div>Default Footer</div>,
+      okLabel: 'Default Ok Label',
+      okFn: () => { },
+      cancelLabel: 'Default Cancel Label',
+      cancelFn: () => { },
+      width: '892px',
+      height: '768px'
+    }
   })
 
   useEffect(() => {
@@ -218,6 +232,7 @@ const RemixApp = (props: IRemixAppUi) => {
             </div>
             <AppDialogs></AppDialogs>
             <DialogViewPlugin></DialogViewPlugin>
+            {appState.genericModalState.showModal && <RemixUiGenericModal appState={appState} dispatch={appStateDispatch} plugin={props.app.templateExplorerModal}></RemixUiGenericModal>}
           </AppProvider>
         </onLineContext.Provider>
       </platformContext.Provider>
diff --git a/libs/remix-ui/app/src/lib/remix-app/state/app.ts b/libs/remix-ui/app/src/lib/remix-app/state/app.ts
index 4c0eae622ee..d7b7fc4085b 100644
--- a/libs/remix-ui/app/src/lib/remix-app/state/app.ts
+++ b/libs/remix-ui/app/src/lib/remix-app/state/app.ts
@@ -9,4 +9,4 @@ export const appInitialState: AppState = {
   showPopupPanel: false,
   connectedToDesktop: desktopConnectionType.disabled,
   desktopClientConnected: desktopConnectionType.disabled
-}
\ No newline at end of file
+}
diff --git a/libs/remix-ui/app/src/lib/remix-app/state/modals.ts b/libs/remix-ui/app/src/lib/remix-app/state/modals.ts
index cd6135ef0ba..b48186f3091 100644
--- a/libs/remix-ui/app/src/lib/remix-app/state/modals.ts
+++ b/libs/remix-ui/app/src/lib/remix-app/state/modals.ts
@@ -21,8 +21,9 @@ export const ModalInitialState: ModalState = {
   focusTemplateExplorer: {
     id: '',
     hide: true,
-    title: '',
+    title: defaultFocusTemplateExplorer(),
     message: defaultFocusTemplateExplorer(),
+    footer: defaultFocusTemplateExplorer(),
     validationFn: () => { return { valid: true, message: '' } },
     okLabel: '',
     okFn: () => { },
@@ -31,11 +32,6 @@ export const ModalInitialState: ModalState = {
     showCancelIcon: false,
     preventBlur: false,
     placeholderText: '',
-    workspaceName: '',
-    modifyWorkspaceName: false,
-    workspaceDescription: '',
-    workspaceTemplateOptions: {},
-    workspaceTemplateGroup: {} as TemplateGroup,
-    workspaceTemplate: {} as Template,
+    genericData: {}
   }
 }
diff --git a/libs/remix-ui/environment-explorer/src/lib/components/environment-explorer-ui.tsx b/libs/remix-ui/environment-explorer/src/lib/components/environment-explorer-ui.tsx
index 138c09b718c..ce2d36a44f4 100644
--- a/libs/remix-ui/environment-explorer/src/lib/components/environment-explorer-ui.tsx
+++ b/libs/remix-ui/environment-explorer/src/lib/components/environment-explorer-ui.tsx
@@ -96,7 +96,7 @@ export const EnvironmentExplorerUI = (props: environmentExplorerUIProps) => {
             >
               {section.providers.map(provider => (
                 <RemixUIGridCell
-                  plugin={this}
+                  // plugin={this}
                   title={provider.displayName}
                   logos={provider.logos}
                   classList='EECellStyle'
diff --git a/libs/remix-ui/generic-modal/reducers/template-explorer-reducer.tsx b/libs/remix-ui/generic-modal/reducers/template-explorer-reducer.tsx
new file mode 100644
index 00000000000..d6e961221f0
--- /dev/null
+++ b/libs/remix-ui/generic-modal/reducers/template-explorer-reducer.tsx
@@ -0,0 +1,19 @@
+import React from 'react'
+import { TemplateExplorerWizardState, TemplateExplorerWizardSteps } from '../types/template-explorer-types'
+
+const initialState: TemplateExplorerWizardState = {
+  steps: TemplateExplorerWizardSteps.SELECT_TEMPLATE,
+  workspaceTemplateChosen: '',
+  workspaceTemplateGroupChosen: '',
+  workspaceName: '',
+  defaultWorkspaceName: '',
+  topLeftNagivationName: '',
+  initializeAsGitRepo: false
+}
+
+export const templateExplorerReducer = (state: TemplateExplorerWizardState, action: any) => {
+  switch (action.type) {
+  case 'SET_TEMPLATE_EXPLORER':
+    return action.payload
+  }
+}
diff --git a/libs/remix-ui/generic-modal/src/components/template-explorer-body.tsx b/libs/remix-ui/generic-modal/src/components/template-explorer-body.tsx
new file mode 100644
index 00000000000..dd50506618f
--- /dev/null
+++ b/libs/remix-ui/generic-modal/src/components/template-explorer-body.tsx
@@ -0,0 +1,26 @@
+import React from 'react'
+import { TopCard, TopCardProps } from './topCard'
+import { TemplateExplorer } from './template-explorer'
+
+export interface TemplateExplorerBodyProps {
+  topCards: TopCardProps[]
+  plugin: any
+}
+
+export function TemplateExplorerBody({ topCards, plugin }: TemplateExplorerBodyProps) {
+  return (
+    <section>
+      <div className="title">
+        {/* {props.appState.genericModalState.title && props.appState.genericModalState.title} {props.appState.genericModalState.title} */}
+        <div className="d-flex flex-row gap-3 mx-auto">
+          {topCards.map((card) => (
+            <TopCard key={card.title} {...card} />
+          ))}
+        </div>
+      </div>
+      <div className="body">
+        <TemplateExplorer plugin={plugin} />
+      </div>
+    </section>
+  )
+}
diff --git a/libs/remix-ui/generic-modal/src/components/template-explorer.tsx b/libs/remix-ui/generic-modal/src/components/template-explorer.tsx
new file mode 100644
index 00000000000..b971473c77e
--- /dev/null
+++ b/libs/remix-ui/generic-modal/src/components/template-explorer.tsx
@@ -0,0 +1,508 @@
+import { CustomTooltip } from '@remix-ui/helper'
+import { RemixUIGridCell, RemixUIGridSection, RemixUIGridView } from '@remix-ui/remix-ui-grid-view'
+import { templates } from '@remix-ui/workspace'
+
+import isElectron from 'is-electron'
+import React, { useState, useMemo } from 'react'
+import { metadata, templatesRepository } from '../utils/helpers'
+
+export interface TemplateItem {
+  value: string
+  displayName?: string
+  description?: string
+  tagList?: string[]
+  IsArtefact?: boolean
+  opts?: {
+    upgradeable?: string
+    mintable?: boolean
+    burnable?: boolean
+    pausable?: boolean
+  }
+  templateType?: any
+}
+
+export interface TemplateCategory {
+  name: string
+  description?: string
+  hasOptions?: boolean
+  IsArtefact?: boolean
+  tooltip?: string
+  onClick?: () => void
+  onClickLabel?: string
+  items: TemplateItem[]
+}
+
+export interface TemplateExplorerProps {
+  plugin: any
+}
+
+export function TemplateExplorer({ plugin }: TemplateExplorerProps) {
+  const [selectedTag, setSelectedTag] = useState<string | null>(null)
+  const [recentBump, setRecentBump] = useState<number>(0)
+
+  console.log('metadata', metadata)
+  console.log('templatesRepository', templatesRepository)
+
+  // Get all unique tags from all templates
+  const allTags = useMemo((): string[] => {
+    const tags: string[] = []
+
+    if (templatesRepository && Array.isArray(templatesRepository)) {
+      templatesRepository.forEach((template: any) => {
+        if (template && template.items && Array.isArray(template.items)) {
+          template.items.forEach((item: any) => {
+            if (item && item.tagList && Array.isArray(item.tagList)) {
+              item.tagList.forEach((tag: string) => {
+                if (typeof tag === 'string' && !tags.includes(tag)) {
+                  tags.push(tag)
+                }
+              })
+            }
+          })
+        }
+      })
+    }
+
+    return tags.sort()
+  }, [])
+
+  // Recent templates (before filteredTemplates so it can be referenced later)
+  const recentTemplates = useMemo((): TemplateItem[] => {
+    try {
+      const raw = typeof window !== 'undefined' ? window.localStorage.getItem(RECENT_KEY) : null
+      const list: string[] = raw ? JSON.parse(raw) : []
+      const items: TemplateItem[] = []
+      if (Array.isArray(templatesRepository)) {
+        list.forEach((val) => {
+          for (const group of templatesRepository as any[]) {
+            if (group && Array.isArray(group.items)) {
+              const found = group.items.find((it: any) => it && it.value === val)
+              if (found) {
+                items.push(found)
+                break
+              }
+            }
+          }
+        })
+      }
+      //tag filter
+      const filtered = selectedTag
+        ? items.filter((it: any) => it && Array.isArray(it.tagList) && it.tagList.includes(selectedTag))
+        : items
+      return filtered
+    } catch (e) {
+      return []
+    }
+  }, [selectedTag, recentBump])
+
+  // Filter templates based on selected tag
+  const filteredTemplates = useMemo((): TemplateCategory[] => {
+    if (!selectedTag || !templatesRepository || !Array.isArray(templatesRepository)) {
+      return templatesRepository as TemplateCategory[] || []
+    }
+
+    return (templatesRepository as TemplateCategory[]).map((template: any) => ({
+      ...template,
+      items: template.items.filter((item: any) =>
+        item && item.tagList && Array.isArray(item.tagList) && item.tagList.includes(selectedTag)
+      )
+    })).filter((template: any) => template && template.items && template.items.length > 0)
+  }, [selectedTag])
+
+  // Dedupe templates across the whole page and avoid showing ones already in recents
+  const dedupedTemplates = useMemo((): TemplateCategory[] => {
+    const recentSet = new Set<string>((recentTemplates || []).map((t: any) => t && t.value))
+    const seen = new Set<string>()
+    const makeUniqueItems = (items: any[]) => {
+      const unique: any[] = []
+      for (const it of items || []) {
+        const val = it && it.value
+        if (!val) continue
+        if (recentSet.has(val)) continue
+        if (seen.has(val)) continue
+        seen.add(val)
+        unique.push(it)
+      }
+      return unique
+    }
+    return (filteredTemplates || []).map((group: any) => ({
+      ...group,
+      items: makeUniqueItems(group && group.items ? group.items : [])
+    })).filter((g: any) => g && g.items && g.items.length > 0)
+  }, [filteredTemplates, recentTemplates])
+
+  const handleTagClick = (tag: string) => {
+    setSelectedTag(selectedTag === tag ? null : tag)
+  }
+
+  const clearFilter = () => {
+    setSelectedTag(null)
+  }
+
+  const RECENT_KEY = 'remix.recentTemplates'
+
+  const addRecentTemplate = (templateValue: string) => {
+    try {
+      const raw = typeof window !== 'undefined' ? window.localStorage.getItem(RECENT_KEY) : null
+      const list: string[] = raw ? JSON.parse(raw) : []
+      const filtered = list.filter((v) => v !== templateValue)
+      filtered.unshift(templateValue)
+      const trimmed = filtered.slice(0, 4)
+      if (typeof window !== 'undefined') window.localStorage.setItem(RECENT_KEY, JSON.stringify(trimmed))
+      setRecentBump((v) => v + 1)
+    } catch (e) {
+
+    }
+  }
+
+  return (
+    <div className="template-explorer-container" style={{ height: '500px', overflowY: 'auto', padding: '1rem' }}>
+      {/* Tag Filter Row */}
+      <div className="mb-4">
+        <div className="d-flex flex-wrap align-items-center gap-2 mb-3">
+          <span className="text-muted me-2">Filter by tag:</span>
+          <button
+            className={`btn btn-sm ${selectedTag === null ? 'btn-primary' : 'btn-outline-primary'}`}
+            onClick={clearFilter}
+          >
+            All
+          </button>
+          {allTags.map((tag: any) => (
+            <button
+              key={tag as any}
+              className={`btn btn-sm ${selectedTag === tag ? 'btn-primary' : 'btn-outline-secondary'}`}
+              onClick={() => handleTagClick(tag as any)}
+            >
+              {tag as any}
+            </button>
+          ))}
+          {selectedTag && (
+            <small>
+              <button
+                className="btn btn-outline-dark p-0 ms-2 text-warning"
+                onClick={clearFilter}
+              >
+                Clear filter
+              </button>
+            </small>
+          )}
+        </div>
+      </div>
+
+      {/* Recently Used Section */}
+      {recentTemplates && recentTemplates.length > 0 && (
+        <div className="template-category mb-4">
+          <h4 className="category-title mb-3 text-white" style={{
+            color: '#333',
+            paddingBottom: '0.5rem',
+            fontSize: '1.2rem',
+            fontWeight: '600'
+          }}>
+            Recently used
+          </h4>
+          <div className="template-items-container d-flex flex-wrap gap-3 mb-2">
+            {recentTemplates.map((item: TemplateItem, itemIndex) => {
+              item.templateType = metadata[item.value]
+              if (item.templateType && item.templateType.disabled === true) return null
+              if (item.templateType && item.templateType.desktopCompatible === false && isElectron()) return null
+              return (
+                <div
+                  key={`recent-${item.value}-${itemIndex}`}
+                  className="template-card bg-light border-0"
+                  style={{
+                    width: '180px',
+                    height: '110px',
+                    borderRadius: '6px',
+                    padding: '0.5rem',
+                    boxShadow: '0 2px 4px rgba(0,0,0,0.1)',
+                    transition: 'all 0.2s ease',
+                    cursor: 'pointer',
+                    display: 'flex',
+                    flexDirection: 'column'
+                  }}
+                  onClick={() => {
+                    addRecentTemplate(item.value)
+                  }}
+                  onMouseEnter={(e) => {
+                    e.currentTarget.style.boxShadow = '0 4px 8px rgba(0,0,0,0.15)'
+                    e.currentTarget.style.transform = 'translateY(-2px)'
+                  }}
+                  onMouseLeave={(e) => {
+                    e.currentTarget.style.boxShadow = '0 2px 4px rgba(0,0,0,0.1)'
+                    e.currentTarget.style.transform = 'translateY(0)'
+                  }}
+                >
+                  <div className="card-header mb-1">
+                    <h6 className="card-title mb-1 text-dark" style={{
+                      fontSize: '0.85rem',
+                      fontWeight: '600',
+                      margin: 0,
+                      lineHeight: '1.2'
+                    }}>
+                      {item.displayName || item.value}
+                    </h6>
+                    {item.tagList && item.tagList.length > 0 && (
+                      <div className="tag-list mb-1 d-flex flex-wrap gap-1">
+                        {item.tagList.map((tag, tagIndex) => (
+                          <span key={tagIndex} className="badge bg-primary" style={{
+                            fontSize: '0.55rem',
+                            padding: '0.1rem 0.25rem',
+                            borderRadius: '2px'
+                          }}>
+                            {tag}
+                          </span>
+                        ))}
+                      </div>
+                    )}
+                  </div>
+                  <div className="card-body" style={{
+                    flex: 1,
+                    overflowY: 'auto',
+                    display: 'flex',
+                    flexDirection: 'column'
+                  }}>
+                    {item.description && (
+                      <p className="card-description mb-1 text-dark text-wrap" style={{
+                        fontSize: '0.7rem',
+                        lineHeight: '1.2',
+                        margin: 0,
+                        maxHeight: '1.8rem',
+                        overflow: 'hidden',
+                        textOverflow: 'ellipsis',
+                        display: '-webkit-box',
+                        WebkitLineClamp: 2,
+                        WebkitBoxOrient: 'vertical'
+                      }}>
+                        {item.description}
+                      </p>
+                    )}
+                    {item.opts && Object.keys(item.opts).length > 0 && (
+                      <div className="options-badges d-flex flex-wrap gap-1" style={{
+                        marginTop: 'auto'
+                      }}>
+                        {item.opts.upgradeable && (
+                          <span className="badge bg-success" style={{
+                            fontSize: '0.5rem',
+                            padding: '0.1rem 0.25rem',
+                            borderRadius: '2px'
+                          }}>
+                            UUPS
+                          </span>
+                        )}
+                        {item.opts.mintable && (
+                          <span className="badge bg-warning text-dark" style={{
+                            fontSize: '0.5rem',
+                            padding: '0.1rem 0.25rem',
+                            borderRadius: '2px'
+                          }}>
+                            Mint
+                          </span>
+                        )}
+                        {item.opts.burnable && (
+                          <span className="badge bg-danger" style={{
+                            fontSize: '0.5rem',
+                            padding: '0.1rem 0.25rem',
+                            borderRadius: '2px'
+                          }}>
+                            Burn
+                          </span>
+                        )}
+                        {item.opts.pausable && (
+                          <span className="badge bg-secondary" style={{
+                            fontSize: '0.5rem',
+                            padding: '0.1rem 0.25rem',
+                            borderRadius: '2px'
+                          }}>
+                            Pause
+                          </span>
+                        )}
+                      </div>
+                    )}
+                  </div>
+                </div>
+              )
+            })}
+          </div>
+        </div>
+      )}
+
+      {dedupedTemplates.map((template: TemplateCategory, templateIndex) => (
+        <div key={template.name} className="template-category mb-4">
+          <h4 className="category-title mb-3 text-white" style={{
+            color: '#333',
+            paddingBottom: '0.5rem',
+            fontSize: '1.2rem',
+            fontWeight: '600'
+          }}>
+            {template.name}
+          </h4>
+
+          {template.description && (
+            <p className="category-description mb-3" style={{ color: '#666', fontSize: '0.9rem' }}>
+              {template.description}
+            </p>
+          )}
+
+          <div className="template-items-container d-flex flex-wrap gap-3 mb-4">
+            {template.items.map((item: TemplateItem, itemIndex) => {
+              // Add template metadata
+              item.templateType = metadata[item.value]
+
+              // Skip disabled items
+              if (item.templateType && item.templateType.disabled === true) return null
+
+              // Skip desktop incompatible items in electron
+              if (item.templateType && item.templateType.desktopCompatible === false && isElectron()) return null
+
+              return (
+                <div
+                  key={`${templateIndex}-${itemIndex}`}
+                  className="template-card bg-light border-0"
+                  style={{
+                    width: '180px',
+                    height: '110px',
+                    borderRadius: '6px',
+                    padding: '0.5rem',
+                    boxShadow: '0 2px 4px rgba(0,0,0,0.1)',
+                    transition: 'all 0.2s ease',
+                    cursor: 'pointer',
+                    display: 'flex',
+                    flexDirection: 'column'
+                  }}
+                  onClick={() => {
+                    console.log('Template selected:', item.value, item.opts)
+                    addRecentTemplate(item.value)
+                  }}
+                  onMouseEnter={(e) => {
+                    e.currentTarget.style.boxShadow = '0 4px 8px rgba(0,0,0,0.15)'
+                    e.currentTarget.style.transform = 'translateY(-2px)'
+                  }}
+                  onMouseLeave={(e) => {
+                    e.currentTarget.style.boxShadow = '0 2px 4px rgba(0,0,0,0.1)'
+                    e.currentTarget.style.transform = 'translateY(0)'
+                  }}
+                >
+                  <div className="card-header mb-1">
+                    <h6 className="card-title mb-1 text-dark" style={{
+                      fontSize: '0.85rem',
+                      fontWeight: '600',
+                      margin: 0,
+                      lineHeight: '1.2'
+                    }}>
+                      {item.displayName || item.value}
+                    </h6>
+
+                    {item.tagList && item.tagList.length > 0 && (
+                      <div className="tag-list mb-1 d-flex flex-wrap gap-1">
+                        {item.tagList.map((tag, tagIndex) => (
+                          <span key={tagIndex} className="badge bg-primary" style={{
+                            fontSize: '0.55rem',
+                            padding: '0.1rem 0.25rem',
+                            borderRadius: '2px'
+                          }}>
+                            {tag}
+                          </span>
+                        ))}
+                      </div>
+                    )}
+                  </div>
+
+                  <div className="card-body" style={{
+                    flex: 1,
+                    overflowY: 'auto',
+                    display: 'flex',
+                    flexDirection: 'column'
+                  }}>
+                    {item.description && (
+                      <p className="card-description mb-1 text-dark text-wrap" style={{
+                        fontSize: '0.7rem',
+                        lineHeight: '1.2',
+                        margin: 0,
+                        maxHeight: '1.8rem',
+                        overflow: 'hidden',
+                        textOverflow: 'ellipsis',
+                        display: '-webkit-box',
+                        WebkitLineClamp: 2,
+                        WebkitBoxOrient: 'vertical'
+                      }}>
+                        {item.description}
+                      </p>
+                    )}
+
+                    {item.opts && Object.keys(item.opts).length > 0 && (
+                      <div className="options-badges d-flex flex-wrap gap-1" style={{
+                        marginTop: 'auto'
+                      }}>
+                        {item.opts.upgradeable && (
+                          <span className="badge bg-success" style={{
+                            fontSize: '0.5rem',
+                            padding: '0.1rem 0.25rem',
+                            borderRadius: '2px'
+                          }}>
+                            UUPS
+                          </span>
+                        )}
+                        {item.opts.mintable && (
+                          <span className="badge bg-warning text-dark" style={{
+                            fontSize: '0.5rem',
+                            padding: '0.1rem 0.25rem',
+                            borderRadius: '2px'
+                          }}>
+                            Mint
+                          </span>
+                        )}
+                        {item.opts.burnable && (
+                          <span className="badge bg-danger" style={{
+                            fontSize: '0.5rem',
+                            padding: '0.1rem 0.25rem',
+                            borderRadius: '2px'
+                          }}>
+                            Burn
+                          </span>
+                        )}
+                        {item.opts.pausable && (
+                          <span className="badge bg-secondary" style={{
+                            fontSize: '0.5rem',
+                            padding: '0.1rem 0.25rem',
+                            borderRadius: '2px'
+                          }}>
+                            Pause
+                          </span>
+                        )}
+                      </div>
+                    )}
+                  </div>
+                </div>
+              )
+            })}
+          </div>
+
+          {/* Special handling for Cookbook section */}
+          {template.name === 'Cookbook' && (
+            <div className="cookbook-special-card" style={{
+              border: '1px solid #e0e0e0',
+              borderRadius: '8px',
+              padding: '1rem',
+              backgroundColor: '#f8f9fa',
+              textAlign: 'center'
+            }}>
+              <h6 className="mb-2" style={{ color: '#333', margin: 0 }}>
+                More from Cookbook
+              </h6>
+              <p className="mb-3" style={{ color: '#666', fontSize: '0.9rem', margin: 0 }}>
+                {template.description}
+              </p>
+              <button
+                className="btn btn-outline-primary btn-sm"
+                onClick={() => template.onClick && template.onClick()}
+                style={{ fontSize: '0.8rem' }}
+              >
+                {template.onClickLabel}
+              </button>
+            </div>
+          )}
+        </div>
+      ))}
+    </div>
+  )
+}
diff --git a/libs/remix-ui/generic-modal/src/components/topCard.tsx b/libs/remix-ui/generic-modal/src/components/topCard.tsx
new file mode 100644
index 00000000000..d502eb95dba
--- /dev/null
+++ b/libs/remix-ui/generic-modal/src/components/topCard.tsx
@@ -0,0 +1,30 @@
+import React from 'react'
+
+export interface TopCardProps {
+  title: string
+  description: string
+  icon: string
+  onClick: () => void
+  importWorkspace: boolean
+}
+
+export function TopCard(props: TopCardProps) {
+
+  return (
+    <div
+      className={`explora-topcard d-flex flex-row align-items-center bg-light p-4 shadow-sm ${props.importWorkspace ? 'border bg-none' : 'border-0'}`}
+      onClick={props.onClick}
+      style={{
+        borderRadius: '10px'
+      }}
+    >
+      <span className="d-flex flex-shrink-0">
+        {props.title.includes('AI') ? <img src={props.icon} style={{ width: '20px', height: '20px' }} /> : <i className={`${props.icon} fa-1x text-light`}></i>}
+      </span>
+      <span className="d-flex flex-column flex-grow-1 ms-3">
+        <p className="mb-0">{props.title}</p>
+        <p className="mb-0 fw-light">{props.description}</p>
+      </span>
+    </div>
+  )
+}
diff --git a/libs/remix-ui/generic-modal/src/index.ts b/libs/remix-ui/generic-modal/src/index.ts
new file mode 100644
index 00000000000..2c6c5ec82f7
--- /dev/null
+++ b/libs/remix-ui/generic-modal/src/index.ts
@@ -0,0 +1 @@
+export * from './lib/remix-ui-generic-modal'
diff --git a/libs/remix-ui/generic-modal/src/lib/remix-ui-generic-modal.css b/libs/remix-ui/generic-modal/src/lib/remix-ui-generic-modal.css
new file mode 100644
index 00000000000..66f627594ce
--- /dev/null
+++ b/libs/remix-ui/generic-modal/src/lib/remix-ui-generic-modal.css
@@ -0,0 +1,69 @@
+.generic-modal-background {
+  position: fixed;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: transparent;
+}
+
+.generic-modal-container {
+  border-radius: 10px;
+  display: flex;
+  box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
+  flex-direction: column;
+}
+
+.generic-modal-close-container {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+}
+
+.generic-modal-close-button {
+  background-color: transparent;
+  border: none;
+  cursor: pointer;
+  font-size: 1.5rem;
+}
+
+.hover-cursor {
+  cursor: pointer;
+}
+
+.hover-cursor:hover {
+  cursor: pointer;
+  border: 2px dashed var(--bs-info-border-subtle);
+}
+
+.generic-modal-close-button:hover {
+  background-color: transparent;
+}
+
+.generic-modal-close-button:focus {
+  background-color: transparent;
+}
+
+.generic-modal-close-button:active {
+  background-color: transparent;
+}
+
+.generic-modal-close-button:disabled {
+  background-color: transparent;
+}
+
+.generic-modal-close-button:focus-visible {
+  background-color: transparent;
+}
+
+.explora-topcard {
+  cursor: pointer;
+}
+
+.explora-topcard:hover {
+  border-color: pink;
+  cursor: pointer !important;
+}
diff --git a/libs/remix-ui/generic-modal/src/lib/remix-ui-generic-modal.tsx b/libs/remix-ui/generic-modal/src/lib/remix-ui-generic-modal.tsx
new file mode 100644
index 00000000000..1f9657a72c3
--- /dev/null
+++ b/libs/remix-ui/generic-modal/src/lib/remix-ui-generic-modal.tsx
@@ -0,0 +1,55 @@
+import React from 'react'
+import './remix-ui-generic-modal.css'
+import { appActionTypes, AppState } from '@remix-ui/app'
+import { TopCard, TopCardProps } from '../components/topCard'
+import { TemplateExplorerBody } from '../components/template-explorer-body'
+
+export interface RemixUiGenericModalProps {
+  dispatch: any
+  appState: AppState
+  plugin: any
+}
+
+const topCards: TopCardProps[] = [
+  {
+    title: 'Create blank',
+    description: 'Create an empty workspace',
+    icon: 'fa-solid fa-plus',
+    onClick: () => alert('Create blank'),
+    importWorkspace: false
+  },
+  {
+    title: 'Create with AI',
+    description: 'Generate a workspace with AI',
+    icon: 'assets/img/remixai-logoDefault.webp',
+    onClick: () => alert('Create with AI'),
+    importWorkspace: false
+  },
+  {
+    title: 'Import Project',
+    description: 'Import an existing project',
+    icon: 'fas fa-upload',
+    onClick: () => alert('Import Project'),
+    importWorkspace: true
+  }
+
+]
+
+export function RemixUiGenericModal (props: RemixUiGenericModalProps) {
+
+  return (
+    <section className="generic-modal-background" style={{ zIndex: 8888 }}>
+      <div className="generic-modal-container border bg-dark p-2" style={{ width: props.appState.genericModalState.width, height: props.appState.genericModalState.height }}>
+        <div className="generic-modal-close-container bg-dark">
+          <button className="generic-modal-close-button" onClick={() => props.dispatch({ type: appActionTypes.showGenericModal, payload: false })}>
+            <i className="fa-solid fa-xmark"></i>
+          </button>
+        </div>
+        <TemplateExplorerBody topCards={topCards} plugin={props.plugin} />
+        <div className="footer">
+          {props.appState.genericModalState.footer && props.appState.genericModalState.footer}
+        </div>
+      </div>
+    </section>
+  )
+}
diff --git a/libs/remix-ui/generic-modal/src/utils/helpers.tsx b/libs/remix-ui/generic-modal/src/utils/helpers.tsx
new file mode 100644
index 00000000000..178051b3a16
--- /dev/null
+++ b/libs/remix-ui/generic-modal/src/utils/helpers.tsx
@@ -0,0 +1,775 @@
+// import { TEMPLATE_METADATA } from "@remix-ui/workspace"
+
+export const templatesRepository = [
+  {
+    name: "Generic",
+    items: [
+      { value: "remixDefault", tagList: ["Solidity"],
+        // displayName: intl.formatMessage({ id: 'filePanel.basic' }),
+        description: 'The default project',
+        // templateType: TEMPLATE_METADATA['remixDefault']
+      },
+      { value: "blank",
+        // displayName: intl.formatMessage({ id: 'filePanel.blank' }),
+        IsArtefact: true, description: 'A blank project',
+        // templateType: TEMPLATE_METADATA['blank']
+      },
+      { value: "simpleEip7702", displayName: 'Simple EIP 7702', IsArtefact: true, description: 'Pectra upgrade allowing externally owned accounts (EOAs) to run contract code.',
+        // templateType: TEMPLATE_METADATA['simpleEip7702']
+      },
+      { value: "accountAbstraction", displayName: 'Account Abstraction', IsArtefact: true, description: 'A repo about ERC-4337 and EIP-7702',
+        // templateType: TEMPLATE_METADATA['accountAbstraction']
+      },
+      { value: 'remixAiTemplate', tagList: ['AI'], displayName: 'RemixAI Template Generation', IsArtefact: true, description: 'AI generated workspace. Workspace gets generated with a user prompt.',
+        // templateType: TEMPLATE_METADATA['remixAiTemplate']
+      },
+      { value: "introToEIP7702", displayName: 'Intro to EIP-7702', IsArtefact: true, description: 'A contract for demoing EIP-7702',
+        // templateType: TEMPLATE_METADATA['introToEIP7702']
+      },
+    ]
+  },
+  {
+    name: "OpenZeppelin",
+    hasOptions: true,
+    items: [
+      {
+        value: "ozerc20",
+        displayName: "ERC20",
+        tagList: ["ERC20", "Solidity"],
+        description: 'A customizable fungible token contract',
+        // templateType: TEMPLATE_METADATA['ozerc20']
+      },
+      {
+        value: "ozerc20",
+        displayName: "ERC20",
+        description: "An ERC20 contract with:",
+        tagList: ["Solidity"],
+        opts: {
+          mintable: true
+        },
+        // templateType: TEMPLATE_METADATA['ozerc20']
+      },
+      {
+        value: "ozerc20",
+        displayName: "ERC20",
+        description: "An ERC20 contract with:",
+        tagList: ["Solidity", "ERC20"],
+        opts: {
+          mintable: true,
+          burnable: true
+        },
+        // templateType: TEMPLATE_METADATA['ozerc20']
+      },
+      {
+        value: "ozerc20",
+        displayName: "ERC20",
+        description: "An ERC20 contract with:",
+        opts: {
+          mintable: true,
+          pausable: true
+        },
+        tagList: ["ERC20", "Solidity"],
+        // templateType: TEMPLATE_METADATA['ozerc20']
+      },
+      {
+        value: "ozerc721",
+        displayName: "ERC721 (NFT)",
+        tagList: ["ERC721", "Solidity"],
+        description: 'A customizable non-fungible token (NFT) contract',
+        // templateType: TEMPLATE_METADATA['ozerc721']
+      },
+      {
+        value: "ozerc721",
+        displayName: "ERC721 (NFT)",
+        description: "An ERC721 contract with:",
+        tagList: ["Solidity", "ERC721"],
+        opts: {
+          mintable: true
+        },
+        // templateType: TEMPLATE_METADATA['ozerc721']
+      },
+      {
+        value: "ozerc721",
+        displayName: "ERC721 (NFT)",
+        description: "An ERC721 contract with:",
+        opts: {
+          mintable: true,
+          burnable: true
+        },
+        tagList: ["ERC721", "Solidity"],
+        // templateType: TEMPLATE_METADATA['ozerc721']
+      },
+      {
+        value: "ozerc721",
+        displayName: "ERC721 (NFT)",
+        description: "An ERC721 contract with:",
+        opts: {
+          mintable: true,
+          pausable: true
+        },
+        tagList: ["ERC721", "Solidity"],
+        // templateType: TEMPLATE_METADATA['ozerc721']
+      },
+      {
+        value: "ozerc1155",
+        tagList: ["Solidity"],
+        displayName: "ERC1155",
+        description: 'A customizable multi token contract',
+        // templateType: TEMPLATE_METADATA['ozerc1155']
+      },
+      {
+        value: "ozerc1155",
+        displayName: "ERC1155",
+        tagList: ["Solidity"],
+        description: "An ERC1155 contract with:",
+        opts: {
+          mintable: true
+        },
+        // templateType: TEMPLATE_METADATA['ozerc1155']
+      },
+      {
+        value: "ozerc1155",
+        displayName: "ERC1155",
+        description: "An ERC1155 contract with:",
+        opts: {
+          mintable: true,
+          burnable: true
+        },
+        tagList: ["ERC1155", "Solidity"],
+        // templateType: TEMPLATE_METADATA['ozerc1155']
+      },
+      {
+        value: "ozerc1155",
+        displayName: "ERC1155",
+        description: "An ERC1155 contract with:",
+        tagList: ["ERC1155"],
+        opts: {
+          mintable: true,
+          pausable: true
+        },
+        // templateType: TEMPLATE_METADATA['ozerc1155']
+      }
+    ]
+  },
+  {
+    name: "OpenZeppelin Proxy",
+    items: [
+      {
+        value: "ozerc20",
+        displayName: "UUPS ERC20",
+        description: "A simple ERC20 contract using the Universal Upgradeable Proxy Standard (UUPS) pattern",
+        opts: {
+          upgradeable: 'uups'
+        },
+        tagList: ["ERC20", "Solidity"],
+        // templateType: TEMPLATE_METADATA['ozerc20']
+      },
+      {
+        value: "ozerc20",
+        displayName: "UUPS ERC20",
+        description: "UUPS ERC20 contract with:",
+        opts: {
+          upgradeable: 'uups',
+          mintable: true
+        },
+        tagList: ["ERC20", "Solidity"],
+        // templateType: TEMPLATE_METADATA['ozerc20']
+      },
+      {
+        value: "ozerc20",
+        displayName: "UUPS ERC20",
+        description: "UUPS ERC20 contract with:",
+        opts: {
+          upgradeable: 'uups',
+          mintable: true,
+          burnable: true
+        },
+        tagList: ["ERC20", "Solidity"],
+        // templateType: TEMPLATE_METADATA['ozerc20']
+      },
+      {
+        value: "ozerc20",
+        displayName: "UUPS ERC20",
+        description: "UUPS ERC20 contract with:",
+        opts: {
+          upgradeable: 'uups',
+          mintable: true,
+          pausable: true
+        },
+        tagList: ["ERC20", "Solidity"],
+        // templateType: TEMPLATE_METADATA['ozerc20']
+      },
+      {
+        value: "ozerc721",
+        displayName: "UUPS ERC721 (NFT)",
+        description: "A simple UUPS ERC721 contract",
+        opts: {
+          upgradeable: 'uups'
+        },
+        tagList: ["ERC721", "Solidity"],
+        // templateType: TEMPLATE_METADATA['ozerc721']
+      },
+      {
+        value: "ozerc721",
+        displayName: "UUPS ERC721 (NFT)",
+        description: "UUPS ERC721 contract with:",
+        opts: {
+          upgradeable: 'uups',
+          mintable: true
+        },
+        tagList: ["ERC721", "Solidity"],
+        // templateType: TEMPLATE_METADATA['ozerc721']
+      },
+      {
+        value: "ozerc721",
+        displayName: "UUPS ERC721 (NFT)",
+        description: "UUPS ERC721 contract with:",
+        opts: {
+          upgradeable: 'uups',
+          mintable: true,
+          burnable: true
+        },
+        tagList: ["ERC721", "Solidity"],
+        // templateType: TEMPLATE_METADATA['ozerc721']
+      },
+      {
+        value: "ozerc721",
+        displayName: "UUPS ERC721 (NFT)",
+        description: "UUPS ERC721 contract with:",
+        opts: {
+          upgradeable: 'uups',
+          mintable: true,
+          pausable: true
+        },
+        tagList: ["ERC721", "Solidity"],
+        // templateType: TEMPLATE_METADATA['ozerc721']
+      },
+      {
+        value: "ozerc1155",
+        displayName: "UUPS ERC1155",
+        description: "A simple multi token contract using the UUPS pattern",
+        opts: {
+          upgradeable: 'uups'
+        },
+        tagList: ["ERC1155", "Solidity"],
+        // templateType: TEMPLATE_METADATA['ozerc1155']
+      },
+      {
+        value: "ozerc1155",
+        displayName: "UUPS ERC1155",
+        description: "UUPS ERC1155 with:",
+        opts: {
+          upgradeable: 'uups',
+          mintable: true
+        },
+        tagList: ["ERC1155", "Solidity"],
+        // templateType: TEMPLATE_METADATA['ozerc1155']
+      },
+      {
+        value: "ozerc1155",
+        displayName: "UUPS ERC1155",
+        description: "UUPS ERC1155 with:",
+        opts: {
+          upgradeable: 'uups',
+          mintable: true,
+          burnable: true
+        },
+        tagList: ["ERC1155", "Solidity"],
+        // templateType: TEMPLATE_METADATA['ozerc1155']
+      },
+      {
+        value: "ozerc1155",
+        displayName: "UUPS ERC1155",
+        description: "UUPS ERC1155 with:",
+        opts: {
+          upgradeable: 'uups',
+          mintable: true,
+          pausable: true
+        },
+        tagList: ["ERC1155", "Solidity"],
+        // templateType: TEMPLATE_METADATA['ozerc1155']
+      },
+      {
+        value: "ozerc1155",
+        displayName: "UUPS ERC1155",
+        description: "UUPS ERC1155 with:",
+        opts: {
+          upgradeable: 'uups',
+          mintable: true,
+          burnable: true,
+          pausable: true
+        },
+        tagList: ["ERC1155", "Solidity"],
+        // templateType: TEMPLATE_METADATA['ozerc1155']
+      }
+    ]
+  },
+  {
+    name: "Cookbook",
+    tooltip: "Cookbook is a Smart Contract Search Tool. Click here to open Cookbook and browse Contracts.",
+    onClick: async () => {
+      // await pluginCall('manager', 'activatePlugin', 'cookbookdev')
+      // await pluginCall('sidePanel', 'focus', 'cookbookdev')
+    },
+    onClickLabel: 'Open Cookbook Plugin',
+    description: 'Discover more templates!',
+    items: [],
+    /*         {
+          value: "token-sale",
+          displayName: 'Token Sale',
+          description: "ERC20 token sale contact. Sell tokens for ETH"
+        },
+        {
+          value: "simple-nft-sale",
+          displayName: 'Simple Nft Sale',
+          description: "ERC721 NFT with an adjustable price & to mint free NFTs"
+        },
+        {
+          value: "Azuki-ERC721A-NFT-Sale-basic",
+          displayName: 'Azuki ERC721A NFT Sale basic',
+          description: "An implementation of the ERC721A standard"
+        },
+        {
+          value: "Azuki-ERC721A-NFT-Sale",
+          displayName: 'Azuki ERC721A NFT Sale',
+          description: "An extension of the ERC721A standard with wallet limit"
+        },
+        {
+          value: "token-staking-with-infinite-rewards",
+          displayName: 'Token Staking with infinite rewards',
+          description: "Token staking contract to reward ERC20 tokens for every token staked"
+        },
+        {
+          value: "nft-staking-with-infinite-rewards",
+          displayName: 'NFT Staking with infinite rewards',
+          description: "NFT staking contract to reward exact number of ERC20 tokens per day"
+        },
+        {
+          value: "basic-dao",
+          displayName: 'Basic DAO',
+          description: "A very simple implementation of a DAO"
+        },
+        {
+          value: "soulbound-nft",
+          displayName: 'Soulbound NFT',
+          description: "ERC721 Soulbound NFT with no transfer capability"
+        },
+        { value: "multi-collection-nft-with-burnable-nfts-and-pausable-transfers",
+          displayName: 'Multi collection NFT',
+          description: "Multi collection NFT with:",
+          opts: {
+            burnable: true,
+            pausable: true
+          }, },
+      ]*/
+  },
+  {
+    name: "0xProject",
+    items: [
+      { value: "zeroxErc20", displayName: "ERC20", tagList: ["ERC20", "Solidity"], description: "A fungible token contract by 0xProject",
+        // templateType: TEMPLATE_METADATA['zeroxErc20']
+      }
+    ]
+  },
+  {
+    name: "Gnosis Safe",
+    items: [
+      { value: "gnosisSafeMultisig", tagList: ["Solidity"], // displayName: intl.formatMessage({ id: 'filePanel.multiSigWallet' }),
+        description: 'Deploy or customize the Gnosis Safe MultiSig Wallet',
+        // templateType: TEMPLATE_METADATA['gnosisSafeMultisig']
+      }
+    ]
+  },
+  {
+    name: "Circom ZKP",
+    items: [
+      { value: "semaphore", tagList: ["ZKP", "Circom"], // displayName: intl.formatMessage({ id: 'filePanel.semaphore' }),
+        description: 'Semaphore protocol for casting a message as a provable group member',
+        // templateType: TEMPLATE_METADATA['semaphore']
+      },
+      { value: "hashchecker", tagList: ["ZKP", "Circom"], // displayName: intl.formatMessage({ id: 'filePanel.hashchecker' }),
+        description: 'Hash checker Circom circuit',
+        // templateType: TEMPLATE_METADATA['hashchecker']
+      },
+      { value: "rln", tagList: ["ZKP", "Circom"],
+        //displayName: intl.formatMessage({ id: 'filePanel.rln' }),
+        description: 'Rate Limiting Nullifier Circom circuit',
+        // templateType: TEMPLATE_METADATA['rln']
+      }
+    ]
+  },
+  {
+    name: "Noir ZKP",
+    items: [
+      { value: "multNr", tagList: ["ZKP", "Noir"], // displayName: intl.formatMessage({ id: 'filePanel.multNr' }),
+        description: 'A simple multiplier circuit',
+        // templateType: TEMPLATE_METADATA['multNr']
+      }
+      // { value: "stealthDropNr", tagList: ["ZKP", "Noir"], displayName: intl.formatMessage({ id: 'filePanel.stealthDropNr' }),}
+    ]
+  },
+  {
+    name: "Generic ZKP",
+    items: [
+      {
+        value: "sindriScripts",
+        tagList: ["ZKP"],
+        // displayName: intl.formatMessage({ id: 'filePanel.addscriptsindri' }),
+        description: 'Use the Sindri API to compile and generate proofs',
+        // templateType: TEMPLATE_METADATA['sindriScripts']
+      },
+    ],
+  },
+  {
+    name: "Uniswap V4",
+    items: [
+      { value: "uniswapV4Template",
+        // displayName: intl.formatMessage({ id: 'filePanel.uniswapV4Template' }),
+        description: 'Use a Uniswap hook',
+        // templateType: TEMPLATE_METADATA['uniswapV4Template']
+      },
+      {
+        value: "breakthroughLabsUniswapv4Hooks",
+        // displayName: intl.formatMessage({ id: 'filePanel.breakthroughLabsUniswapv4Hooks' }),
+        description: 'Use a Uniswap hook developed by Breakthrough Labs',
+        // templateType: TEMPLATE_METADATA['breakthroughLabsUniswapv4Hooks']
+      },
+      {
+        value: "uniswapV4HookBookMultiSigSwapHook",
+        // displayName: intl.formatMessage({ id: 'filePanel.uniswapV4HookBookMultiSigSwapHook' }),
+        description: 'Use a MultiSigSwapHook developed by Breakthrough Labs',
+        // templateType: TEMPLATE_METADATA['uniswapV4HookBookMultiSigSwapHook']
+      }
+    ]
+  },
+  {
+    name: "Solidity CREATE2",
+    items: [
+      {
+        value: "contractCreate2Factory",
+        tagList: ["Solidity"],
+        // displayName: intl.formatMessage({ id: 'filePanel.addcreate2solidityfactory' }),
+        description: 'Factory for deploying a contract using the CREATE2 opcode',
+        // templateType: TEMPLATE_METADATA['contractCreate2Factory']
+      },
+      {
+        value: "contractDeployerScripts",
+        // displayName: intl.formatMessage({ id: 'filePanel.addscriptdeployer' }),
+        description: 'Script for deploying a contract using the CREATE2 opcode',
+        // templateType: TEMPLATE_METADATA['contractDeployerScripts']
+      }
+    ]
+  },
+  {
+    name: "Contract Verification",
+    items: [
+      {
+        value: "etherscanScripts",
+        // displayName: intl.formatMessage({ id: 'filePanel.addscriptetherscan' }),
+        description: 'Script for verifying a Contract in Etherscan',
+        // templateType: TEMPLATE_METADATA['etherscanScripts']
+      },
+    ],
+  },
+  {
+    name: 'GitHub Actions',
+    items: [
+      { value: "runJsTestAction",
+        // displayName: intl.formatMessage({ id: 'filePanel.tssoltestghaction' }),
+        description: 'A Mocha Chai test workflow in a GitHub CI',
+        // templateType: TEMPLATE_METADATA['runJsTestAction']
+      },
+      { value: "runSolidityUnittestingAction",
+        // displayName: intl.formatMessage({ id: 'filePanel.solghaction' }),
+        description: 'Run a Solidity unit test workflow in a GitHub CI',
+        // templateType: TEMPLATE_METADATA['runSolidityUnittestingAction']
+      },
+      {
+        value: "runSlitherAction",
+        // displayName: intl.formatMessage({ id: 'filePanel.slitherghaction' }),
+        description: 'Run a Slither security analysis in a GitHub CI',
+        // templateType: TEMPLATE_METADATA['runSlitherAction']
+      }
+    ],
+    IsArtefact: true
+  }
+]
+
+export const metadata = {
+  'breakthroughLabsUniswapv4Hooks': {
+    type: 'git',
+    url: 'https://github.com/Breakthrough-Labs/Uniswapv4Hooks',
+    branch: 'foundry_pure',
+    forceCreateNewWorkspace: true
+  },
+  'accountAbstraction': {
+    type: 'git',
+    url: 'https://github.com/eth-infinitism/account-abstraction',
+    branch: 'releases/v0.8',
+    forceCreateNewWorkspace: true
+  },
+  'uniswapV4Template': {
+    type: 'git',
+    url: 'https://github.com/Breakthrough-Labs/v4-template',
+    branch: 'main',
+    forceCreateNewWorkspace: true
+  },
+  'uniswapV4HookBookMultiSigSwapHook': {
+    type: 'plugin',
+    name: 'cookbookdev',
+    endpoint: 'openPattern',
+    params: ['Uniswap-V4-HookBook-MultiSigSwapHook', true],
+    forceCreateNewWorkspace: true,
+    desktopCompatible: false,
+    disabled: true
+  },
+  'token-sale': {
+    type: 'plugin',
+    name: 'cookbookdev',
+    endpoint: 'openContract',
+    params: ['token-sale'],
+    desktopCompatible: false
+  },
+  'simple-nft-sale': {
+    type: 'plugin',
+    name: 'cookbookdev',
+    endpoint: 'openContract',
+    params: ['simple-nft-sale'],
+    desktopCompatible: false
+  },
+  'Azuki-ERC721A-NFT-Sale': {
+    type: 'plugin',
+    name: 'cookbookdev',
+    endpoint: 'openContract',
+    params: ['Azuki-ERC721A-NFT-Sale'],
+    desktopCompatible: false
+  },
+  'Azuki-ERC721A-NFT-Sale-basic': {
+    type: 'plugin',
+    name: 'cookbookdev',
+    endpoint: 'openContract',
+    params: ['Azuki-ERC721A-NFT-Sale-basic'],
+    desktopCompatible: false
+  },
+  'Azuki-ERC721A-ERC721A': {
+    type: 'plugin',
+    name: 'cookbookdev',
+    endpoint: 'openContract',
+    params: ['Azuki-ERC721A-ERC721A'],
+    desktopCompatible: false
+  },
+  'token-staking-with-infinite-rewards': {
+    type: 'plugin',
+    name: 'cookbookdev',
+    endpoint: 'openContract',
+    params: ['token-staking-with-infinite-rewards'],
+    desktopCompatible: false
+  },
+  'nft-staking-with-infinite-rewards': {
+    type: 'plugin',
+    name: 'cookbookdev',
+    endpoint: 'openContract',
+    params: ['nft-staking-with-infinite-rewards'],
+    desktopCompatible: false
+  },
+  'basic-dao': {
+    type: 'plugin',
+    name: 'cookbookdev',
+    endpoint: 'openContract',
+    params: ['basic-dao'],
+    desktopCompatible: false
+  },
+  'soulbound-nft': {
+    type: 'plugin',
+    name: 'cookbookdev',
+    endpoint: 'openContract',
+    params: ['soulbound-nft'],
+    desktopCompatible: false
+  },
+  'multi-collection-nft-with-burnable-nfts-and-pausable-transfers': {
+    type: 'plugin',
+    name: 'cookbookdev',
+    endpoint: 'openContract',
+    params: ['multi-collection-nft-with-burnable-nfts-and-pausable-transfers'],
+    desktopCompatible: false
+  },
+  'OpenSea-Seaport': {
+    type: 'plugin',
+    name: 'cookbookdev',
+    endpoint: 'openProtocol',
+    params: ['OpenSea-Seaport'],
+    desktopCompatible: false
+  },
+  'Ethereum-Name-Service': {
+    type: 'plugin',
+    name: 'cookbookdev',
+    endpoint: 'openProtocol',
+    params: ['Ethereum-Name-Service'],
+    desktopCompatible: false
+  },
+  'Umbra-Cash': {
+    type: 'plugin',
+    name: 'cookbookdev',
+    endpoint: 'openProtocol',
+    params: ['Umbra-Cash'],
+    desktopCompatible: false
+  },
+  'Aave-V3': {
+    type: 'plugin',
+    name: 'cookbookdev',
+    endpoint: 'openProtocol',
+    params: ['Aave-V3'],
+    desktopCompatible: false
+  },
+  'ChainLink': {
+    type: 'plugin',
+    name: 'cookbookdev',
+    endpoint: 'openProtocol',
+    params: ['ChainLink'],
+    desktopCompatible: false
+  }
+}
+
+// <RemixUIGridView
+//   plugin={plugin}
+//   styleList={""}
+//   logo='assets/img/bgRemi.webp'
+//   enableFilter={true}
+//   showUntagged={true}
+//   showPin={false}
+//   tagList={[
+//     ['Solidity', 'danger'],
+//     ['ZKP', 'warning'],
+//     ['ERC20', 'success'],
+//     ['ERC721', 'secondary'],
+//     ['ERC1155', 'primary'],
+//   ]}
+//   title='Workspace Templates'
+//   description="Select a template to create a workspace or to add it to current workspace"
+//   useInModal={true}
+// >
+//   {
+//     templatesRepository.map(template => {
+//       return (
+//         <RemixUIGridSection
+//           plugin={plugin}
+//           key={template.name}
+//           title={template.name}
+//           tooltipTitle={template.tooltip}
+//           hScrollable={false}
+//         >
+//           {
+//             template.items.map((item, index) => {
+
+//               item.templateType = metadata[item.value]
+//               if (item.templateType && item.templateType.desktopCompatible === false && isElectron()) {
+//                 return (<></>)
+//               }
+
+//               if (item.templateType && item.templateType.disabled === true) return
+
+//               if (!item.opts) {
+//                 return (
+//                   <section className="border border-success" style={{ height: '190px', overflowY: 'auto' }}>
+//                     <RemixUIGridCell
+//                       // plugin={this}
+//                       title={item.displayName}
+//                       key={item.name || index}
+//                       id={item.name}
+//                       searchKeywords={[item.displayName, item.description, template.name]}
+//                       tagList={item.tagList}
+//                       classList={'TSCellStyle'}
+//                     >
+//                       <div className='d-flex justify-content-between h-100 flex-column'>
+//                         <div className='d-flex flex-column'>
+//                           <div>
+//                             {item.description && <span className='text-dark'>{item.description}</span>}
+//                           </div>
+//                           <div className='d-flex flex-wrap mb-2'>
+//                             {(item.opts && item.opts.upgradeable && item.opts.upgradeable === 'uups') && <span className='badgeForCell badge text-secondary'>Upgradeable-UUPS</span>}
+//                             {(item.opts && item.opts.mintable) && <span className='badgeForCell text-secondary'>mintable</span>}
+//                             {(item.opts && item.opts.burnable) && <span className='badgeForCell text-secondary'>burnable</span>}
+//                             {(item.opts && item.opts.pausable) && <span className='badgeForCell text-secondary'>pausable</span>}
+//                           </div>
+//                         </div>
+//                         <div className='align-items-center justify-content-between w-100 d-flex pt- flex-row'>
+//                           {(!template.IsArtefact || !item.IsArtefact) && <CustomTooltip
+//                             placement="auto"
+//                             tooltipId={`overlay-tooltip-new${item.name}`}
+//                             tooltipText="Create a new workspace"
+//                           >
+//                             <span
+//                               data-id={`create-${item.value}${item.opts ? JSON.stringify(item.opts) : ''}`}
+//                               onClick={async () => {
+//                                 if ((item.value as string).toLowerCase().includes('ai')) {
+//                                   // this.aiWorkspaceGenerate()
+//                                 } else {
+//                                   // createWorkspace(item, template)
+//                                 }
+//                               }}
+//                               className="btn btn-sm me-2 border border-primary"
+//                               data-template-name={item.name}
+//                             >
+//                               {isElectron() ?
+//                                 <><i className='fa fa-folder-open me-1'></i>Create</> : 'Create'}
+//                             </span>
+//                           </CustomTooltip>}
+//                           {item.templateType && item.templateType.forceCreateNewWorkspace ? <></> : isElectron() ?
+
+//                             <div className=''>
+//                               <CustomTooltip
+//                                 placement="auto"
+//                                 tooltipId={`overlay-tooltip-add${item.name}`}
+//                                 tooltipText="Add template files to current workspace"
+//                               >
+//                                 <span
+//                                   data-id={`add-${item.value}`}
+//                                   // onClick={async () => addToCurrentElectronFolder(item, template.name)}
+//                                   className="btn btn-sm border"
+//                                 >
+//                                   <i className="fa fa-folder-plus me-1" aria-hidden="true"></i>
+//                              Add here
+//                                 </span>
+//                               </CustomTooltip>
+//                             </div>
+//                             :
+//                             <CustomTooltip
+//                               placement="auto"
+//                               tooltipId={`overlay-tooltip-add${item.name}`}
+//                               tooltipText="Add template files to current workspace"
+//                             >
+//                               <span
+//                                 data-id={`add-${item.value}`}
+//                                 // onClick={async () => addToCurrentWorkspace(item, template)}
+//                                 className="btn btn-sm border"
+//                               >
+//                             Add to current
+//                               </span>
+//                             </CustomTooltip>}
+//                         </div>
+//                       </div>
+//                     </RemixUIGridCell>
+//                   </section>
+//                 ) // end return
+//               } // end if
+//             }) // end map
+//           }
+//           {template.name === 'Cookbook' && <RemixUIGridCell
+//             // plugin={this}
+//             title={"More from Cookbook"}
+//             key={"cookbookMore"}
+//             id={"cookBookMore"}
+//             searchKeywords={["cookbook"]}
+//             tagList={[]}
+//             classList='TSCellStyle'
+//           >
+//             <div className='d-flex justify-content-between h-100 flex-column'>
+//               <span className='pt-2 px-1 h6 text-dark'>{template.description}</span>
+//               <span style={{ cursor: 'pointer' }} className='mt-2 mb-1 btn btn-sm border align-items-left' onClick={() => template.onClick()}>{template.onClickLabel}</span>
+//             </div>
+//           </RemixUIGridCell>}
+//         </RemixUIGridSection>
+//       )
+//     })
+//   }
+// </RemixUIGridView>
diff --git a/libs/remix-ui/generic-modal/types/template-explorer-types.ts b/libs/remix-ui/generic-modal/types/template-explorer-types.ts
new file mode 100644
index 00000000000..db7ee583943
--- /dev/null
+++ b/libs/remix-ui/generic-modal/types/template-explorer-types.ts
@@ -0,0 +1,17 @@
+
+export interface TemplateExplorerWizardState {
+  steps: TemplateExplorerWizardSteps
+  workspaceTemplateChosen: string
+  workspaceTemplateGroupChosen: string
+  workspaceName: string
+  defaultWorkspaceName: string
+  topLeftNagivationName: string
+  initializeAsGitRepo: boolean
+}
+
+export enum TemplateExplorerWizardSteps {
+  SELECT_TEMPLATE = 'SELECT_TEMPLATE',
+  GENERATE_TEMPLATE = 'GENERATE_TEMPLATE',
+  MODIFY_WORKSPACE = 'MODIFY_WORKSPACE',
+  REVIEW_WORKSPACE = 'REVIEW_WORKSPACE'
+}
diff --git a/libs/remix-ui/grid-view/src/lib/remix-ui-grid-cell.tsx b/libs/remix-ui/grid-view/src/lib/remix-ui-grid-cell.tsx
index 36b0afe9beb..ad041af201f 100644
--- a/libs/remix-ui/grid-view/src/lib/remix-ui-grid-cell.tsx
+++ b/libs/remix-ui/grid-view/src/lib/remix-ui-grid-cell.tsx
@@ -13,13 +13,12 @@ declare global {
 const _paq = window._paq = window._paq || []
 
 interface RemixUIGridCellProps {
-  plugin: any
   pinned?: boolean
   pinStateCallback?: any
   logo?: string
   logos?: string[]
   logoURL?: string
-  title: string
+  title?: string
   titleTooltip?: string
   hideTitle?: boolean
   tagList?: string[] // max 8, others will be ignored
@@ -28,7 +27,7 @@ interface RemixUIGridCellProps {
   children?: ReactNode
   expandViewEl?: any
   handleExpand?: any
-  id: string
+  id?: string
   searchKeywords?: string[]
 }
 
diff --git a/libs/remix-ui/home-tab/src/lib/remix-ui-home-tab.tsx b/libs/remix-ui/home-tab/src/lib/remix-ui-home-tab.tsx
index c82d98399bb..433522dc2e6 100644
--- a/libs/remix-ui/home-tab/src/lib/remix-ui-home-tab.tsx
+++ b/libs/remix-ui/home-tab/src/lib/remix-ui-home-tab.tsx
@@ -5,7 +5,7 @@ import HomeTabTitle from './components/homeTabTitle'
 import HomeTabRecentWorkspaces from './components/homeTabRecentWorkspaces'
 import HomeTabScamAlert from './components/homeTabScamAlert'
 import HomeTabFeaturedPlugins from './components/homeTabFeaturedPlugins'
-import { AppContext, appPlatformTypes, platformContext } from '@remix-ui/app'
+import { appActionTypes, AppContext, appPlatformTypes, platformContext } from '@remix-ui/app'
 import { HomeTabFileElectron } from './components/homeTabFileElectron'
 import HomeTabUpdates from './components/homeTabUpdates'
 import { FormattedMessage } from 'react-intl'
@@ -73,22 +73,17 @@ export const RemixUiHomeTab = (props: RemixUiHomeTabProps) => {
     _paq.push(['trackEvent', 'hometab', 'header', 'Create a new workspace'])
   }
 
+  function openGenericModal(event): void {
+    appContext.appStateDispatch({
+      type: appActionTypes.showGenericModal,
+      payload: true
+    })
+  }
+
   // if (appContext.appState.connectedToDesktop != desktopConnectionType.disabled) {
   //   return (<></>)
   // }
 
-  const openTemplateExplorer = async () => {
-    console.log('openTemplateExplorer')
-    await plugin.call('notification', 'templateExplorer', {
-      id: 'templateExplorer',
-      title: 'Explore all templates',
-      message: <div>Explore all templates</div>,
-      okLabel: 'Explore all templates',
-      okFn: () => {}
-    })
-    _paq.push(['trackEvent', 'hometab', 'header', 'Explore all templates'])
-  }
-
   return (
     <div className="d-flex flex-column w-100" data-id="remixUIHTAll">
       <ThemeContext.Provider value={state.themeQuality}>
@@ -97,7 +92,7 @@ export const RemixUiHomeTab = (props: RemixUiHomeTabProps) => {
             <div className="d-flex w-100 m-3 justify-content-end">
               <button className="btn btn-secondary btn-md me-3" onClick={startLearnEth}><i className="fa-solid fa-book me-1"></i><FormattedMessage id="home.startLearning" /></button>
               <button data-id="landingPageImportFromTemplate" className="btn btn-primary btn-md me-2" onClick={openTemplateSelection}><i className="fa-solid fa-plus me-1"></i><FormattedMessage id="home.createNewWorkspace" /></button>
-              <button className="btn btn-secondary btn-md me-3" onClick={openTemplateExplorer}><i className="fa-solid fa-book me-1"></i>Open Template Explorer</button>
+              <button className="btn btn-secondary btn-md me-3" onClick={openGenericModal}><i className="fa-solid fa-gear me-1"></i>Click to open generic modal</button>
             </div>
             <div className="col-lg-8 col-xl-5 col-sm-12 mb-4">
               <HomeTabTitle />
diff --git a/libs/remix-ui/modal-dialog/src/lib/types/index.ts b/libs/remix-ui/modal-dialog/src/lib/types/index.ts
index cd3f9f80af7..d828a30a303 100644
--- a/libs/remix-ui/modal-dialog/src/lib/types/index.ts
+++ b/libs/remix-ui/modal-dialog/src/lib/types/index.ts
@@ -31,4 +31,5 @@ export interface ModalDialogProps {
   cancelBtnClass?: string,
   preventBlur?: boolean
   placeholderText?: string
+  genericData?: any
 }
diff --git a/libs/remix-ui/workspace/src/index.ts b/libs/remix-ui/workspace/src/index.ts
index 12185dd4549..18bed427ce9 100644
--- a/libs/remix-ui/workspace/src/index.ts
+++ b/libs/remix-ui/workspace/src/index.ts
@@ -1,4 +1,5 @@
 export * from './lib/providers/FileSystemProvider'
 export * from './lib/contexts'
 export * from './lib/utils/constants'
+export * from './lib/utils/templates'
 export { FileType, FilePanelType } from './lib/types/index'
diff --git a/libs/remix-ui/workspace/src/lib/utils/templates.ts b/libs/remix-ui/workspace/src/lib/utils/templates.ts
new file mode 100644
index 00000000000..760c1ce51e2
--- /dev/null
+++ b/libs/remix-ui/workspace/src/lib/utils/templates.ts
@@ -0,0 +1,429 @@
+import { Template, TemplateGroup } from "@remix-ui/workspace"
+export const templates = (intl: any, plugin: any): TemplateGroup[] => {
+
+  return [
+    {
+      name: "Generic",
+      items: [
+        { value: "remixDefault", tagList: ["Solidity"], displayName: intl.formatMessage({ id: 'filePanel.basic' }), description: 'The default project' },
+        { value: "blank", displayName: intl.formatMessage({ id: 'filePanel.blank' }), IsArtefact: true, description: 'A blank project' },
+        { value: "simpleEip7702", displayName: 'Simple EIP 7702', IsArtefact: true, description: 'Pectra upgrade allowing externally owned accounts (EOAs) to run contract code.' },
+        { value: "accountAbstraction", displayName: 'Account Abstraction', IsArtefact: true, description: 'A repo about ERC-4337 and EIP-7702' },
+        { value: 'remixAiTemplate', tagList: ['AI'], displayName: 'RemixAI Template Generation', IsArtefact: true, description: 'AI generated workspace. Workspace gets generated with a user prompt.' },
+        { value: "introToEIP7702", displayName: 'Intro to EIP-7702', IsArtefact: true, description: 'A contract for demoing EIP-7702' },
+      ]
+    },
+    {
+      name: "OpenZeppelin",
+      hasOptions: true,
+      items: [
+        {
+          value: "ozerc20",
+          displayName: "ERC20",
+          tagList: ["ERC20", "Solidity"],
+          description: 'A customizable fungible token contract'
+        },
+        {
+          value: "ozerc20",
+          displayName: "ERC20",
+          description: "An ERC20 contract with:",
+          tagList: ["Solidity"],
+          opts: {
+            mintable: true
+          }
+        },
+        {
+          value: "ozerc20",
+          displayName: "ERC20",
+          description: "An ERC20 contract with:",
+          tagList: ["Solidity", "ERC20"],
+          opts: {
+            mintable: true,
+            burnable: true
+          },
+        },
+        {
+          value: "ozerc20",
+          displayName: "ERC20",
+          description: "An ERC20 contract with:",
+          opts: {
+            mintable: true,
+            pausable: true
+          },
+          tagList: ["ERC20", "Solidity"]
+        },
+        {
+          value: "ozerc721",
+          displayName: "ERC721 (NFT)",
+          tagList: ["ERC721", "Solidity"],
+          description: 'A customizable non-fungible token (NFT) contract'
+        },
+        {
+          value: "ozerc721",
+          displayName: "ERC721 (NFT)",
+          description: "An ERC721 contract with:",
+          tagList: ["Solidity", "ERC721"],
+          opts: {
+            mintable: true
+          }
+        },
+        {
+          value: "ozerc721",
+          displayName: "ERC721 (NFT)",
+          description: "An ERC721 contract with:",
+          opts: {
+            mintable: true,
+            burnable: true
+          },
+          tagList: ["ERC721", "Solidity"]
+        },
+        {
+          value: "ozerc721",
+          displayName: "ERC721 (NFT)",
+          description: "An ERC721 contract with:",
+          opts: {
+            mintable: true,
+            pausable: true
+          },
+          tagList: ["ERC721", "Solidity"]
+        },
+        {
+          value: "ozerc1155",
+          tagList: ["Solidity"],
+          displayName: "ERC1155",
+          description: 'A customizable multi token contract'
+        },
+        {
+          value: "ozerc1155",
+          displayName: "ERC1155",
+          tagList: ["Solidity"],
+          description: "An ERC1155 contract with:",
+          opts: {
+            mintable: true
+          }
+        },
+        {
+          value: "ozerc1155",
+          displayName: "ERC1155",
+          description: "An ERC1155 contract with:",
+          opts: {
+            mintable: true,
+            burnable: true
+          },
+          tagList: ["ERC1155", "Solidity"]
+        },
+        {
+          value: "ozerc1155",
+          displayName: "ERC1155",
+          description: "An ERC1155 contract with:",
+          tagList: ["ERC1155"],
+          opts: {
+            mintable: true,
+            pausable: true
+          }
+        }
+      ]
+    },
+    {
+      name: "OpenZeppelin Proxy",
+      items: [
+        {
+          value: "ozerc20",
+          displayName: "UUPS ERC20",
+          description: "A simple ERC20 contract using the Universal Upgradeable Proxy Standard (UUPS) pattern",
+          opts: {
+            upgradeable: 'uups'
+          },
+          tagList: ["ERC20", "Solidity"]
+        },
+        {
+          value: "ozerc20",
+          displayName: "UUPS ERC20",
+          description: "UUPS ERC20 contract with:",
+          opts: {
+            upgradeable: 'uups',
+            mintable: true
+          },
+          tagList: ["ERC20", "Solidity"]
+        },
+        {
+          value: "ozerc20",
+          displayName: "UUPS ERC20",
+          description: "UUPS ERC20 contract with:",
+          opts: {
+            upgradeable: 'uups',
+            mintable: true,
+            burnable: true
+          },
+          tagList: ["ERC20", "Solidity"]
+        },
+        {
+          value: "ozerc20",
+          displayName: "UUPS ERC20",
+          description: "UUPS ERC20 contract with:",
+          opts: {
+            upgradeable: 'uups',
+            mintable: true,
+            pausable: true
+          },
+          tagList: ["ERC20", "Solidity"]
+        },
+        {
+          value: "ozerc721",
+          displayName: "UUPS ERC721 (NFT)",
+          description: "A simple UUPS ERC721 contract",
+          opts: {
+            upgradeable: 'uups'
+          },
+          tagList: ["ERC721", "Solidity"]
+        },
+        {
+          value: "ozerc721",
+          displayName: "UUPS ERC721 (NFT)",
+          description: "UUPS ERC721 contract with:",
+          opts: {
+            upgradeable: 'uups',
+            mintable: true
+          },
+          tagList: ["ERC721", "Solidity"]
+        },
+        {
+          value: "ozerc721",
+          displayName: "UUPS ERC721 (NFT)",
+          description: "UUPS ERC721 contract with:",
+          opts: {
+            upgradeable: 'uups',
+            mintable: true,
+            burnable: true
+          },
+          tagList: ["ERC721", "Solidity"]
+        },
+        {
+          value: "ozerc721",
+          displayName: "UUPS ERC721 (NFT)",
+          description: "UUPS ERC721 contract with:",
+          opts: {
+            upgradeable: 'uups',
+            mintable: true,
+            pausable: true
+          },
+          tagList: ["ERC721", "Solidity"]
+        },
+        {
+          value: "ozerc1155",
+          displayName: "UUPS ERC1155",
+          description: "A simple multi token contract using the UUPS pattern",
+          opts: {
+            upgradeable: 'uups'
+          },
+          tagList: ["ERC1155", "Solidity"]
+        },
+        {
+          value: "ozerc1155",
+          displayName: "UUPS ERC1155",
+          description: "UUPS ERC1155 with:",
+          opts: {
+            upgradeable: 'uups',
+            mintable: true
+          },
+          tagList: ["ERC1155", "Solidity"]
+        },
+        {
+          value: "ozerc1155",
+          displayName: "UUPS ERC1155",
+          description: "UUPS ERC1155 with:",
+          opts: {
+            upgradeable: 'uups',
+            mintable: true,
+            burnable: true
+          },
+          tagList: ["ERC1155", "Solidity"]
+        },
+        {
+          value: "ozerc1155",
+          displayName: "UUPS ERC1155",
+          description: "UUPS ERC1155 with:",
+          opts: {
+            upgradeable: 'uups',
+            mintable: true,
+            pausable: true
+          },
+          tagList: ["ERC1155", "Solidity"]
+        },
+        {
+          value: "ozerc1155",
+          displayName: "UUPS ERC1155",
+          description: "UUPS ERC1155 with:",
+          opts: {
+            upgradeable: 'uups',
+            mintable: true,
+            burnable: true,
+            pausable: true
+          },
+          tagList: ["ERC1155", "Solidity"]
+        }
+      ]
+    },
+    {
+      name: "Cookbook",
+      tooltip: "Cookbook is a Smart Contract Search Tool. Click here to open Cookbook and browse Contracts.",
+      onClick: async () => {
+        await plugin.call('manager', 'activatePlugin', 'cookbookdev')
+        await plugin.call('sidePanel', 'focus', 'cookbookdev')
+      },
+      onClickLabel: 'Open Cookbook Plugin',
+      description: 'Discover more templates!',
+      items: [],
+      /*         {
+          value: "token-sale",
+          displayName: 'Token Sale',
+          description: "ERC20 token sale contact. Sell tokens for ETH"
+        },
+        {
+          value: "simple-nft-sale",
+          displayName: 'Simple Nft Sale',
+          description: "ERC721 NFT with an adjustable price & to mint free NFTs"
+        },
+        {
+          value: "Azuki-ERC721A-NFT-Sale-basic",
+          displayName: 'Azuki ERC721A NFT Sale basic',
+          description: "An implementation of the ERC721A standard"
+        },
+        {
+          value: "Azuki-ERC721A-NFT-Sale",
+          displayName: 'Azuki ERC721A NFT Sale',
+          description: "An extension of the ERC721A standard with wallet limit"
+        },
+        {
+          value: "token-staking-with-infinite-rewards",
+          displayName: 'Token Staking with infinite rewards',
+          description: "Token staking contract to reward ERC20 tokens for every token staked"
+        },
+        {
+          value: "nft-staking-with-infinite-rewards",
+          displayName: 'NFT Staking with infinite rewards',
+          description: "NFT staking contract to reward exact number of ERC20 tokens per day"
+        },
+        {
+          value: "basic-dao",
+          displayName: 'Basic DAO',
+          description: "A very simple implementation of a DAO"
+        },
+        {
+          value: "soulbound-nft",
+          displayName: 'Soulbound NFT',
+          description: "ERC721 Soulbound NFT with no transfer capability"
+        },
+        { value: "multi-collection-nft-with-burnable-nfts-and-pausable-transfers",
+          displayName: 'Multi collection NFT',
+          description: "Multi collection NFT with:",
+          opts: {
+            burnable: true,
+            pausable: true
+          }, },
+      ]*/
+    },
+    {
+      name: "0xProject",
+      items: [
+        { value: "zeroxErc20", displayName: "ERC20", tagList: ["ERC20", "Solidity"], description: "A fungible token contract by 0xProject" }
+      ]
+    },
+    {
+      name: "Gnosis Safe",
+      items: [
+        { value: "gnosisSafeMultisig", tagList: ["Solidity"], displayName: intl.formatMessage({ id: 'filePanel.multiSigWallet' }), description: 'Deploy or customize the Gnosis Safe MultiSig Wallet' }
+      ]
+    },
+    {
+      name: "Circom ZKP",
+      items: [
+        { value: "semaphore", tagList: ["ZKP", "Circom"], displayName: intl.formatMessage({ id: 'filePanel.semaphore' }), description: 'Semaphore protocol for casting a message as a provable group member' },
+        { value: "hashchecker", tagList: ["ZKP", "Circom"], displayName: intl.formatMessage({ id: 'filePanel.hashchecker' }), description: 'Hash checker Circom circuit' },
+        { value: "rln", tagList: ["ZKP", "Circom"], displayName: intl.formatMessage({ id: 'filePanel.rln' }), description: 'Rate Limiting Nullifier Circom circuit' }
+      ]
+    },
+    {
+      name: "Noir ZKP",
+      items: [
+        { value: "multNr", tagList: ["ZKP", "Noir"], displayName: intl.formatMessage({ id: 'filePanel.multNr' }), description: 'A simple multiplier circuit' }
+        // { value: "stealthDropNr", tagList: ["ZKP", "Noir"], displayName: intl.formatMessage({ id: 'filePanel.stealthDropNr' }), description: 'A stealth drop implementaion built in Noir' }
+      ]
+    },
+    {
+      name: "Generic ZKP",
+      items: [
+        {
+          value: "sindriScripts",
+          tagList: ["ZKP"],
+          displayName: intl.formatMessage({ id: 'filePanel.addscriptsindri' }),
+          description: 'Use the Sindri API to compile and generate proofs'
+        },
+      ],
+    },
+    {
+      name: "Uniswap V4",
+      items: [
+        { value: "uniswapV4Template",
+          displayName: intl.formatMessage({ id: 'filePanel.uniswapV4Template' }),
+          description: 'Use a Uniswap hook'
+        },
+        {
+          value: "breakthroughLabsUniswapv4Hooks",
+          displayName: intl.formatMessage({ id: 'filePanel.breakthroughLabsUniswapv4Hooks' }),
+          description: 'Use a Uniswap hook developed by Breakthrough Labs'
+        },
+        {
+          value: "uniswapV4HookBookMultiSigSwapHook",
+          displayName: intl.formatMessage({ id: 'filePanel.uniswapV4HookBookMultiSigSwapHook' }),
+          description: 'Use a MultiSigSwapHook developed by Breakthrough Labs'
+        }
+      ]
+    },
+    {
+      name: "Solidity CREATE2",
+      items: [
+        {
+          value: "contractCreate2Factory",
+          tagList: ["Solidity"],
+          displayName: intl.formatMessage({ id: 'filePanel.addcreate2solidityfactory' }),
+          description: 'Factory for deploying a contract using the CREATE2 opcode'
+        },
+        {
+          value: "contractDeployerScripts",
+          displayName: intl.formatMessage({ id: 'filePanel.addscriptdeployer' }),
+          description: 'Script for deploying a contract using the CREATE2 opcode'
+        }
+      ]
+    },
+    {
+      name: "Contract Verification",
+      items: [
+        {
+          value: "etherscanScripts",
+          displayName: intl.formatMessage({ id: 'filePanel.addscriptetherscan' }),
+          description: 'Script for verifying a Contract in Etherscan'
+        },
+      ],
+    },
+    {
+      name: 'GitHub Actions',
+      items: [
+        { value: "runJsTestAction",
+          displayName: intl.formatMessage({ id: 'filePanel.tssoltestghaction' }),
+          description: 'A Mocha Chai test workflow in a GitHub CI'
+        },
+        { value: "runSolidityUnittestingAction",
+          displayName: intl.formatMessage({ id: 'filePanel.solghaction' }),
+          description: 'Run a Solidity unit test workflow in a GitHub CI'
+        },
+        {
+          value: "runSlitherAction",
+          displayName: intl.formatMessage({ id: 'filePanel.slitherghaction' }),
+          description: 'Run a Slither security analysis in a GitHub CI'
+        }
+      ],
+      IsArtefact: true
+    }
+  ]
+}

From 8c949f3a78cdd436d2ce72685508a570ab32c10b Mon Sep 17 00:00:00 2001
From: ci-bot <ci-bot@remix-project.org>
Date: Tue, 16 Sep 2025 15:36:53 +0100
Subject: [PATCH 04/15] rename plugin files appropriately.

---
 apps/remix-ide/src/app.ts                      |  2 +-
 .../src/app/plugins/remix-generic-modal.tsx    | 12 ++++++------
 apps/remix-ide/src/remixAppManager.ts          |  4 ++--
 .../app/src/lib/remix-app/remix-app.tsx        |  4 ++--
 libs/remix-ui/generic-modal/src/index.ts       |  1 -
 .../reducers/template-explorer-reducer.tsx     |  0
 .../src/components/template-explorer-body.tsx  |  0
 .../src/components/template-explorer.tsx       |  0
 .../src/components/topCard.tsx                 |  0
 .../template-explorer-modal/src/index.ts       |  1 +
 .../lib/remix-ui-template-explorer-modal.css}  | 18 +++++++++---------
 .../lib/remix-ui-template-explorer-modal.tsx}  | 14 +++++++-------
 .../src/utils/helpers.tsx                      |  0
 .../types/template-explorer-types.ts           |  0
 tsconfig.paths.json                            |  3 +++
 15 files changed, 31 insertions(+), 28 deletions(-)
 delete mode 100644 libs/remix-ui/generic-modal/src/index.ts
 rename libs/remix-ui/{generic-modal => template-explorer-modal}/reducers/template-explorer-reducer.tsx (100%)
 rename libs/remix-ui/{generic-modal => template-explorer-modal}/src/components/template-explorer-body.tsx (100%)
 rename libs/remix-ui/{generic-modal => template-explorer-modal}/src/components/template-explorer.tsx (100%)
 rename libs/remix-ui/{generic-modal => template-explorer-modal}/src/components/topCard.tsx (100%)
 create mode 100644 libs/remix-ui/template-explorer-modal/src/index.ts
 rename libs/remix-ui/{generic-modal/src/lib/remix-ui-generic-modal.css => template-explorer-modal/src/lib/remix-ui-template-explorer-modal.css} (68%)
 rename libs/remix-ui/{generic-modal/src/lib/remix-ui-generic-modal.tsx => template-explorer-modal/src/lib/remix-ui-template-explorer-modal.tsx} (64%)
 rename libs/remix-ui/{generic-modal => template-explorer-modal}/src/utils/helpers.tsx (100%)
 rename libs/remix-ui/{generic-modal => template-explorer-modal}/types/template-explorer-types.ts (100%)

diff --git a/apps/remix-ide/src/app.ts b/apps/remix-ide/src/app.ts
index 77f6c478ecf..03dc8c9d25b 100644
--- a/apps/remix-ide/src/app.ts
+++ b/apps/remix-ide/src/app.ts
@@ -111,7 +111,7 @@ import Terminal from './app/panels/terminal'
 import TabProxy from './app/panels/tab-proxy.js'
 import { Plugin } from '@remixproject/engine'
 import BottomBarPanel from './app/components/bottom-bar-panel'
-import { TemplateExplorerModalPlugin } from './app/plugins/remix-generic-modal'
+import { TemplateExplorerModalPlugin } from './app/plugins/remix-template-explorer-modal'
 
 const _paq = (window._paq = window._paq || [])
 
diff --git a/apps/remix-ide/src/app/plugins/remix-generic-modal.tsx b/apps/remix-ide/src/app/plugins/remix-generic-modal.tsx
index 0e0f66860f0..afa0638d94d 100644
--- a/apps/remix-ide/src/app/plugins/remix-generic-modal.tsx
+++ b/apps/remix-ide/src/app/plugins/remix-generic-modal.tsx
@@ -4,10 +4,10 @@ import { AppAction, AppState } from '@remix-ui/app'
 import { PluginViewWrapper } from '@remix-ui/helper'
 import { Plugin } from '@remixproject/engine'
 import { EventEmitter } from 'events'
-import { RemixUiGenericModal, RemixUiGenericModalProps } from 'libs/remix-ui/generic-modal/src/lib/remix-ui-generic-modal'
+import { RemixUiTemplateExplorerModal, RemixUiTemplateExplorerModalProps } from 'libs/remix-ui/template-explorer-modal/src/lib/remix-ui-template-explorer-modal'
 
 const pluginProfile = {
-  name: 'remix-generic-modal',
+  name: 'remix-template-explorer-modal',
   displayName: 'Remix Generic Modal',
   description: 'Remix Generic Modal for every type of content meant for a modal',
   methods: ['openModal']
@@ -21,7 +21,7 @@ export class TemplateExplorerModalPlugin extends Plugin {
   constructor() {
     super(pluginProfile)
     this.element = document.createElement('div')
-    this.element.setAttribute('id', 'remix-generic-modal')
+    this.element.setAttribute('id', 'remix-template-explorer-modal')
     this.dispatch = () => { }
     this.event = new EventEmitter()
   }
@@ -45,7 +45,7 @@ export class TemplateExplorerModalPlugin extends Plugin {
 
   render() {
     return (
-      <div id="inner-remix-generic-modal">
+      <div id="inner-remix-template-explorer-modal">
         <PluginViewWrapper plugin={this} useAppContext={true} />
       </div>
     )
@@ -57,9 +57,9 @@ export class TemplateExplorerModalPlugin extends Plugin {
     })
   }
 
-  updateComponent(state: RemixUiGenericModalProps, appState: AppState) {
+  updateComponent(state: RemixUiTemplateExplorerModalProps, appState: AppState) {
     return (
-      <RemixUiGenericModal
+      <RemixUiTemplateExplorerModal
         appState={appState}
         dispatch={this.dispatch}
         plugin={this}
diff --git a/apps/remix-ide/src/remixAppManager.ts b/apps/remix-ide/src/remixAppManager.ts
index 148941fa166..ecb06b89d87 100644
--- a/apps/remix-ide/src/remixAppManager.ts
+++ b/apps/remix-ide/src/remixAppManager.ts
@@ -95,7 +95,7 @@ let requiredModules = [
   'remixAID',
   'remixaiassistant',
   'topbar',
-  'remix-generic-modal',
+  'remix-template-explorer-modal',
   'githubAuthHandler',
   'desktopClient'
 ]
@@ -164,7 +164,7 @@ export function isNative(name) {
     'LearnEth',
     'noir-compiler',
     'remixaiassistant',
-    'remix-generic-modal'
+    'remix-template-explorer-modal'
   ]
   return nativePlugins.includes(name) || requiredModules.includes(name) || isInjectedProvider(name) || isVM(name) || isScriptRunner(name)
 }
diff --git a/libs/remix-ui/app/src/lib/remix-app/remix-app.tsx b/libs/remix-ui/app/src/lib/remix-app/remix-app.tsx
index 618e094a0bb..f0b8084d9f4 100644
--- a/libs/remix-ui/app/src/lib/remix-app/remix-app.tsx
+++ b/libs/remix-ui/app/src/lib/remix-app/remix-app.tsx
@@ -15,7 +15,7 @@ import { appReducer } from './reducer/app'
 import { appInitialState } from './state/app'
 import isElectron from 'is-electron'
 import { desktopConnectionType } from '@remix-api'
-import { RemixUiGenericModal } from 'libs/remix-ui/generic-modal/src/lib/remix-ui-generic-modal'
+import { RemixUiTemplateExplorerModal } from 'libs/remix-ui/template-explorer-modal/src/lib/remix-ui-template-explorer-modal'
 
 declare global {
   interface Window {
@@ -232,7 +232,7 @@ const RemixApp = (props: IRemixAppUi) => {
             </div>
             <AppDialogs></AppDialogs>
             <DialogViewPlugin></DialogViewPlugin>
-            {appState.genericModalState.showModal && <RemixUiGenericModal appState={appState} dispatch={appStateDispatch} plugin={props.app.templateExplorerModal}></RemixUiGenericModal>}
+            {appState.genericModalState.showModal && <RemixUiTemplateExplorerModal appState={appState} dispatch={appStateDispatch} plugin={props.app.templateExplorerModal}></RemixUiTemplateExplorerModal>}
           </AppProvider>
         </onLineContext.Provider>
       </platformContext.Provider>
diff --git a/libs/remix-ui/generic-modal/src/index.ts b/libs/remix-ui/generic-modal/src/index.ts
deleted file mode 100644
index 2c6c5ec82f7..00000000000
--- a/libs/remix-ui/generic-modal/src/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './lib/remix-ui-generic-modal'
diff --git a/libs/remix-ui/generic-modal/reducers/template-explorer-reducer.tsx b/libs/remix-ui/template-explorer-modal/reducers/template-explorer-reducer.tsx
similarity index 100%
rename from libs/remix-ui/generic-modal/reducers/template-explorer-reducer.tsx
rename to libs/remix-ui/template-explorer-modal/reducers/template-explorer-reducer.tsx
diff --git a/libs/remix-ui/generic-modal/src/components/template-explorer-body.tsx b/libs/remix-ui/template-explorer-modal/src/components/template-explorer-body.tsx
similarity index 100%
rename from libs/remix-ui/generic-modal/src/components/template-explorer-body.tsx
rename to libs/remix-ui/template-explorer-modal/src/components/template-explorer-body.tsx
diff --git a/libs/remix-ui/generic-modal/src/components/template-explorer.tsx b/libs/remix-ui/template-explorer-modal/src/components/template-explorer.tsx
similarity index 100%
rename from libs/remix-ui/generic-modal/src/components/template-explorer.tsx
rename to libs/remix-ui/template-explorer-modal/src/components/template-explorer.tsx
diff --git a/libs/remix-ui/generic-modal/src/components/topCard.tsx b/libs/remix-ui/template-explorer-modal/src/components/topCard.tsx
similarity index 100%
rename from libs/remix-ui/generic-modal/src/components/topCard.tsx
rename to libs/remix-ui/template-explorer-modal/src/components/topCard.tsx
diff --git a/libs/remix-ui/template-explorer-modal/src/index.ts b/libs/remix-ui/template-explorer-modal/src/index.ts
new file mode 100644
index 00000000000..7186a278de7
--- /dev/null
+++ b/libs/remix-ui/template-explorer-modal/src/index.ts
@@ -0,0 +1 @@
+export * from './lib/remix-ui-template-explorer-modal'
diff --git a/libs/remix-ui/generic-modal/src/lib/remix-ui-generic-modal.css b/libs/remix-ui/template-explorer-modal/src/lib/remix-ui-template-explorer-modal.css
similarity index 68%
rename from libs/remix-ui/generic-modal/src/lib/remix-ui-generic-modal.css
rename to libs/remix-ui/template-explorer-modal/src/lib/remix-ui-template-explorer-modal.css
index 66f627594ce..f5add1d6947 100644
--- a/libs/remix-ui/generic-modal/src/lib/remix-ui-generic-modal.css
+++ b/libs/remix-ui/template-explorer-modal/src/lib/remix-ui-template-explorer-modal.css
@@ -1,4 +1,4 @@
-.generic-modal-background {
+.template-explorer-modal-background {
   position: fixed;
   display: flex;
   justify-content: center;
@@ -10,20 +10,20 @@
   background-color: transparent;
 }
 
-.generic-modal-container {
+.template-explorer-modal-container {
   border-radius: 10px;
   display: flex;
   box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
   flex-direction: column;
 }
 
-.generic-modal-close-container {
+.template-explorer-modal-close-container {
   display: flex;
   justify-content: flex-end;
   align-items: center;
 }
 
-.generic-modal-close-button {
+.template-explorer-modal-close-button {
   background-color: transparent;
   border: none;
   cursor: pointer;
@@ -39,23 +39,23 @@
   border: 2px dashed var(--bs-info-border-subtle);
 }
 
-.generic-modal-close-button:hover {
+.template-explorer-modal-close-button:hover {
   background-color: transparent;
 }
 
-.generic-modal-close-button:focus {
+.template-explorer-modal-close-button:focus {
   background-color: transparent;
 }
 
-.generic-modal-close-button:active {
+.template-explorer-modal-close-button:active {
   background-color: transparent;
 }
 
-.generic-modal-close-button:disabled {
+.template-explorer-modal-close-button:disabled {
   background-color: transparent;
 }
 
-.generic-modal-close-button:focus-visible {
+.template-explorer-modal-close-button:focus-visible {
   background-color: transparent;
 }
 
diff --git a/libs/remix-ui/generic-modal/src/lib/remix-ui-generic-modal.tsx b/libs/remix-ui/template-explorer-modal/src/lib/remix-ui-template-explorer-modal.tsx
similarity index 64%
rename from libs/remix-ui/generic-modal/src/lib/remix-ui-generic-modal.tsx
rename to libs/remix-ui/template-explorer-modal/src/lib/remix-ui-template-explorer-modal.tsx
index 1f9657a72c3..af3a87362fa 100644
--- a/libs/remix-ui/generic-modal/src/lib/remix-ui-generic-modal.tsx
+++ b/libs/remix-ui/template-explorer-modal/src/lib/remix-ui-template-explorer-modal.tsx
@@ -1,10 +1,10 @@
 import React from 'react'
-import './remix-ui-generic-modal.css'
+import './remix-ui-template-explorer-modal.css'
 import { appActionTypes, AppState } from '@remix-ui/app'
 import { TopCard, TopCardProps } from '../components/topCard'
 import { TemplateExplorerBody } from '../components/template-explorer-body'
 
-export interface RemixUiGenericModalProps {
+export interface RemixUiTemplateExplorerModalProps {
   dispatch: any
   appState: AppState
   plugin: any
@@ -35,13 +35,13 @@ const topCards: TopCardProps[] = [
 
 ]
 
-export function RemixUiGenericModal (props: RemixUiGenericModalProps) {
+export function RemixUiTemplateExplorerModal (props: RemixUiTemplateExplorerModalProps) {
 
   return (
-    <section className="generic-modal-background" style={{ zIndex: 8888 }}>
-      <div className="generic-modal-container border bg-dark p-2" style={{ width: props.appState.genericModalState.width, height: props.appState.genericModalState.height }}>
-        <div className="generic-modal-close-container bg-dark">
-          <button className="generic-modal-close-button" onClick={() => props.dispatch({ type: appActionTypes.showGenericModal, payload: false })}>
+    <section className="template-explorer-modal-background" style={{ zIndex: 8888 }}>
+      <div className="template-explorer-modal-container border bg-dark p-2" style={{ width: props.appState.genericModalState.width, height: props.appState.genericModalState.height }}>
+        <div className="template-explorer-modal-close-container bg-dark">
+          <button className="template-explorer-modal-close-button" onClick={() => props.dispatch({ type: appActionTypes.showGenericModal, payload: false })}>
             <i className="fa-solid fa-xmark"></i>
           </button>
         </div>
diff --git a/libs/remix-ui/generic-modal/src/utils/helpers.tsx b/libs/remix-ui/template-explorer-modal/src/utils/helpers.tsx
similarity index 100%
rename from libs/remix-ui/generic-modal/src/utils/helpers.tsx
rename to libs/remix-ui/template-explorer-modal/src/utils/helpers.tsx
diff --git a/libs/remix-ui/generic-modal/types/template-explorer-types.ts b/libs/remix-ui/template-explorer-modal/types/template-explorer-types.ts
similarity index 100%
rename from libs/remix-ui/generic-modal/types/template-explorer-types.ts
rename to libs/remix-ui/template-explorer-modal/types/template-explorer-types.ts
diff --git a/tsconfig.paths.json b/tsconfig.paths.json
index c3429db21b6..7e94c54b52a 100644
--- a/tsconfig.paths.json
+++ b/tsconfig.paths.json
@@ -208,6 +208,9 @@
             ],
             "@remix-ui/top-bar": [
               "libs/remix-ui/top-bar/src/index.ts"
+            ],
+            "@remix-ui/template-explorer-modal": [
+              "libs/remix-ui/template-explorer-modal/src/index.ts"
             ]
         }
     }

From 632d47a0aae5e2fc5b62a9bfce6f2b6becc8204e Mon Sep 17 00:00:00 2001
From: ci-bot <ci-bot@remix-project.org>
Date: Wed, 17 Sep 2025 15:17:57 +0100
Subject: [PATCH 05/15] rename plugin file. Add ts compiler option

---
 ...remix-generic-modal.tsx => remix-template-explorer-modal.tsx} | 0
 tsconfig.base.json                                               | 1 +
 2 files changed, 1 insertion(+)
 rename apps/remix-ide/src/app/plugins/{remix-generic-modal.tsx => remix-template-explorer-modal.tsx} (100%)

diff --git a/apps/remix-ide/src/app/plugins/remix-generic-modal.tsx b/apps/remix-ide/src/app/plugins/remix-template-explorer-modal.tsx
similarity index 100%
rename from apps/remix-ide/src/app/plugins/remix-generic-modal.tsx
rename to apps/remix-ide/src/app/plugins/remix-template-explorer-modal.tsx
diff --git a/tsconfig.base.json b/tsconfig.base.json
index a9630ce5e6f..86c3d34538d 100644
--- a/tsconfig.base.json
+++ b/tsconfig.base.json
@@ -11,6 +11,7 @@
     "sourceMap": true,
     "declaration": false,
     "moduleResolution": "node",
+    "resolveJsonModule": true,
     "emitDecoratorMetadata": true,
     "experimentalDecorators": true,
     "allowSyntheticDefaultImports": true,

From e0bbc318d6c4b8138e470384135731c5f6701465 Mon Sep 17 00:00:00 2001
From: ci-bot <ci-bot@remix-project.org>
Date: Mon, 22 Sep 2025 22:15:52 +0100
Subject: [PATCH 06/15] fix styles. add logo update helpers.tsx

---
 .../src/assets/img/openzeppelin-logo.png      | Bin 0 -> 24559 bytes
 .../app/src/lib/remix-app/remix-app.tsx       |   5 +-
 .../context/template-explorer-context.tsx     | 139 ++++++++
 .../reducers/template-explorer-reducer.tsx    |  38 +-
 .../src/components/template-explorer-body.tsx |  16 +-
 .../src/components/template-explorer.tsx      | 336 ++++++++----------
 .../src/components/topCard.tsx                |  19 +-
 .../src/components/topCards.tsx               | 110 ++++++
 .../lib/remix-ui-template-explorer-modal.css  |   7 +
 .../lib/remix-ui-template-explorer-modal.tsx  |  64 ++--
 .../src/lib/search-icon.svg                   |  18 +
 .../src/utils/helpers.tsx                     |  90 ++---
 .../types/template-explorer-types.ts          |  99 +++++-
 13 files changed, 636 insertions(+), 305 deletions(-)
 create mode 100644 apps/remix-ide/src/assets/img/openzeppelin-logo.png
 create mode 100644 libs/remix-ui/template-explorer-modal/context/template-explorer-context.tsx
 create mode 100644 libs/remix-ui/template-explorer-modal/src/components/topCards.tsx
 create mode 100644 libs/remix-ui/template-explorer-modal/src/lib/search-icon.svg

diff --git a/apps/remix-ide/src/assets/img/openzeppelin-logo.png b/apps/remix-ide/src/assets/img/openzeppelin-logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..9c3fcb27531c838dfec01f8f98f93c90f2967725
GIT binary patch
literal 24559
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
PsWU?Mh3#z&N;vyJaS^<{

literal 0
HcmV?d00001

diff --git a/libs/remix-ui/app/src/lib/remix-app/remix-app.tsx b/libs/remix-ui/app/src/lib/remix-app/remix-app.tsx
index f0b8084d9f4..499e5c83bce 100644
--- a/libs/remix-ui/app/src/lib/remix-app/remix-app.tsx
+++ b/libs/remix-ui/app/src/lib/remix-app/remix-app.tsx
@@ -59,8 +59,9 @@ const RemixApp = (props: IRemixAppUi) => {
       okFn: () => { },
       cancelLabel: 'Default Cancel Label',
       cancelFn: () => { },
-      width: '892px',
-      height: '768px'
+      width: '640px',
+      height: '720px',
+      showModal: true
     }
   })
 
diff --git a/libs/remix-ui/template-explorer-modal/context/template-explorer-context.tsx b/libs/remix-ui/template-explorer-modal/context/template-explorer-context.tsx
new file mode 100644
index 00000000000..030148e3ef4
--- /dev/null
+++ b/libs/remix-ui/template-explorer-modal/context/template-explorer-context.tsx
@@ -0,0 +1,139 @@
+import React, { createContext, useContext, useEffect, useMemo, useReducer, useState } from 'react'
+import { TemplateCategory, TemplateExplorerContextType, TemplateExplorerWizardAction, TemplateItem } from '../types/template-explorer-types'
+import { initialState, templateExplorerReducer } from '../reducers/template-explorer-reducer'
+import { metadata, templatesRepository } from '../src/utils/helpers'
+import { AppContext } from '@remix-ui/app'
+
+export const TemplateExplorerContext = createContext<TemplateExplorerContextType>({} as any)
+
+export const TemplateExplorerProvider = ({ children }: { children: React.ReactNode }) => {
+  // const [templateRepository, setTemplateRepository] = useState<TemplateCategory[]>([])
+  // const [metadata, setMetadata] = useState<any[]>([])
+  // const [selectedTag, setSelectedTag] = useState<string | null>(null)
+  // const [recentBump, setRecentBump] = useState<number>(0)
+  const [state, dispatch] = useReducer(templateExplorerReducer, initialState)
+  const appContext = useContext(AppContext)
+
+  useEffect(() => {
+    dispatch({ type: TemplateExplorerWizardAction.SET_METADATA, payload: metadata })
+    dispatch({ type: TemplateExplorerWizardAction.SET_TEMPLATE_REPOSITORY, payload: templatesRepository })
+
+  }, [])
+
+  const allTags = useMemo((): string[] => {
+    const tags: string[] = []
+
+    if (state.templateRepository && Array.isArray(state.templateRepository)) {
+      state.templateRepository.forEach((template: any) => {
+        if (template && template.items && Array.isArray(template.items)) {
+          template.items.forEach((item: any) => {
+            if (item && item.tagList && Array.isArray(item.tagList)) {
+              item.tagList.forEach((tag: string) => {
+                if (typeof tag === 'string' && !tags.includes(tag)) {
+                  tags.push(tag)
+                }
+              })
+            }
+          })
+        }
+      })
+    }
+
+    return tags.sort()
+  }, [])
+
+  // Recent templates (before filteredTemplates so it can be referenced later)
+  const recentTemplates = useMemo((): TemplateItem[] => {
+    try {
+      const raw = typeof window !== 'undefined' ? window.localStorage.getItem(RECENT_KEY) : null
+      const list: string[] = raw ? JSON.parse(raw) : []
+      const items: TemplateItem[] = []
+      if (Array.isArray(state.templateRepository)) {
+        list.forEach((val) => {
+          for (const group of state.templateRepository as any[]) {
+            if (group && Array.isArray(group.items)) {
+              const found = group.items.find((it: any) => it && it.value === val)
+              if (found) {
+                items.push(found)
+                break
+              }
+            }
+          }
+        })
+      }
+      //tag filter
+      const filtered = state.selectedTag
+        ? items.filter((it: any) => it && Array.isArray(it.tagList) && it.tagList.includes(state.selectedTag))
+        : items
+      return filtered
+    } catch (e) {
+      return []
+    }
+  }, [state.selectedTag, state.recentBump])
+
+  // Filter templates based on selected tag
+  const filteredTemplates = useMemo((): TemplateCategory[] => {
+    if (!state.selectedTag || !state.templateRepository || !Array.isArray(state.templateRepository)) {
+      return state.templateRepository as TemplateCategory[] || []
+    }
+
+    return (state.templateRepository as TemplateCategory[]).map((template: any) => ({
+      ...template,
+      items: template.items.filter((item: any) =>
+        item && item.tagList && Array.isArray(item.tagList) && item.tagList.includes(state.selectedTag)
+      )
+    })).filter((template: any) => template && template.items && template.items.length > 0)
+  }, [state.selectedTag])
+
+  // Dedupe templates across the whole page and avoid showing ones already in recents
+  const dedupedTemplates = useMemo((): TemplateCategory[] => {
+    const recentSet = new Set<string>((recentTemplates || []).map((t: any) => t && t.value))
+    const seen = new Set<string>()
+    const makeUniqueItems = (items: any[]) => {
+      const unique: any[] = []
+      for (const it of items || []) {
+        const val = it && it.value
+        if (!val) continue
+        if (recentSet.has(val)) continue
+        if (seen.has(val)) continue
+        seen.add(val)
+        unique.push(it)
+      }
+      return unique
+    }
+    return (filteredTemplates || []).map((group: any) => ({
+      ...group,
+      items: makeUniqueItems(group && group.items ? group.items : [])
+    })).filter((g: any) => g && g.items && g.items.length > 0)
+  }, [filteredTemplates, recentTemplates])
+
+  const handleTagClick = (tag: string) => {
+    dispatch({ type: TemplateExplorerWizardAction.SET_SELECTED_TAG, payload: state.selectedTag === tag ? null : tag })
+  }
+
+  const clearFilter = () => {
+    dispatch({ type: TemplateExplorerWizardAction.SET_SELECTED_TAG, payload: null })
+  }
+
+  const RECENT_KEY = 'remix.recentTemplates'
+
+  const addRecentTemplate = (template: TemplateItem) => {
+    try {
+      const raw = typeof window !== 'undefined' ? window.localStorage.getItem(RECENT_KEY) : null
+      const list: string[] = raw ? JSON.parse(raw) : []
+      const filtered = list.filter((v) => v !== template.value)
+      filtered.unshift(template.value)
+      const trimmed = filtered.slice(0, 4)
+      if (typeof window !== 'undefined') window.localStorage.setItem(RECENT_KEY, JSON.stringify(trimmed))
+      dispatch({ type: TemplateExplorerWizardAction.SET_RECENT_BUMP, payload: state.recentBump + 1 })
+    } catch (e) {
+
+    }
+  }
+
+  return (
+    <TemplateExplorerContext.Provider value={{ templateRepository: state.templateRepository, metadata: state.metadata, selectedTag: state.selectedTag, recentTemplates, filteredTemplates, dedupedTemplates, handleTagClick, clearFilter, addRecentTemplate, RECENT_KEY, allTags }}>
+      {children}
+    </TemplateExplorerContext.Provider>
+  )
+}
diff --git a/libs/remix-ui/template-explorer-modal/reducers/template-explorer-reducer.tsx b/libs/remix-ui/template-explorer-modal/reducers/template-explorer-reducer.tsx
index d6e961221f0..8f4e2ad5518 100644
--- a/libs/remix-ui/template-explorer-modal/reducers/template-explorer-reducer.tsx
+++ b/libs/remix-ui/template-explorer-modal/reducers/template-explorer-reducer.tsx
@@ -1,19 +1,49 @@
 import React from 'react'
-import { TemplateExplorerWizardState, TemplateExplorerWizardSteps } from '../types/template-explorer-types'
+import { MetadataType, TemplateExplorerWizardAction, TemplateExplorerWizardState, TemplateExplorerWizardSteps } from '../types/template-explorer-types'
+import { metadata, templatesRepository } from '../src/utils/helpers'
 
-const initialState: TemplateExplorerWizardState = {
+export const initialState: TemplateExplorerWizardState = {
   steps: TemplateExplorerWizardSteps.SELECT_TEMPLATE,
   workspaceTemplateChosen: '',
   workspaceTemplateGroupChosen: '',
   workspaceName: '',
   defaultWorkspaceName: '',
   topLeftNagivationName: '',
-  initializeAsGitRepo: false
+  initializeAsGitRepo: false,
+  workspaceGeneratedWithAi: false,
+  searchTerm: '',
+  metadata: metadata as MetadataType,
+  templateRepository: templatesRepository,
+  selectedTag: null
 }
 
 export const templateExplorerReducer = (state: TemplateExplorerWizardState, action: any) => {
   switch (action.type) {
-  case 'SET_TEMPLATE_EXPLORER':
+  case TemplateExplorerWizardAction.SET_WORKSPACE_TEMPLATE:
     return action.payload
+  case TemplateExplorerWizardAction.SET_WORKSPACE_TEMPLATE_WIZARD_STEP:
+    return action.payload
+  case TemplateExplorerWizardAction.SET_WORKSPACE_TEMPLATE_GROUP:
+    return action.payload
+  case TemplateExplorerWizardAction.SET_WORKSPACE_NAME:
+    return action.payload
+  case TemplateExplorerWizardAction.SET_DEFAULT_WORKSPACE_NAME:
+    return action.payload
+  case TemplateExplorerWizardAction.SET_TOP_LEFT_NAVIGATION_NAME:
+    return action.payload
+  case TemplateExplorerWizardAction.SET_INITIALIZE_AS_GIT_REPO:
+    return action.payload
+  case TemplateExplorerWizardAction.SET_WORKSPACE_GENERATED_WITH_AI:
+    return action.payload
+  case TemplateExplorerWizardAction.END_WORKSPACE_WIZARD:
+    return action.payload
+  case TemplateExplorerWizardAction.SET_SELECTED_TAG: {
+    return { ...state, selectedTag: action.payload }
+  }
+  case TemplateExplorerWizardAction.CLEAR_SELECTED_TAG: {
+    return { ...state, selectedTag: null }
+  }
+  default:
+    return state
   }
 }
diff --git a/libs/remix-ui/template-explorer-modal/src/components/template-explorer-body.tsx b/libs/remix-ui/template-explorer-modal/src/components/template-explorer-body.tsx
index dd50506618f..69026ec6127 100644
--- a/libs/remix-ui/template-explorer-modal/src/components/template-explorer-body.tsx
+++ b/libs/remix-ui/template-explorer-modal/src/components/template-explorer-body.tsx
@@ -1,6 +1,8 @@
 import React from 'react'
-import { TopCard, TopCardProps } from './topCard'
+import { TopCard } from './topCard'
+import { TopCardProps } from '../../types/template-explorer-types'
 import { TemplateExplorer } from './template-explorer'
+import { TopCards } from './topCards'
 
 export interface TemplateExplorerBodyProps {
   topCards: TopCardProps[]
@@ -10,15 +12,9 @@ export interface TemplateExplorerBodyProps {
 export function TemplateExplorerBody({ topCards, plugin }: TemplateExplorerBodyProps) {
   return (
     <section>
-      <div className="title">
-        {/* {props.appState.genericModalState.title && props.appState.genericModalState.title} {props.appState.genericModalState.title} */}
-        <div className="d-flex flex-row gap-3 mx-auto">
-          {topCards.map((card) => (
-            <TopCard key={card.title} {...card} />
-          ))}
-        </div>
-      </div>
-      <div className="body">
+      <TopCards />
+      <div className="body overflow-y-hidden">
+        <label className="text-dark fs-5">Workspace Templates</label>
         <TemplateExplorer plugin={plugin} />
       </div>
     </section>
diff --git a/libs/remix-ui/template-explorer-modal/src/components/template-explorer.tsx b/libs/remix-ui/template-explorer-modal/src/components/template-explorer.tsx
index b971473c77e..02f128cb22e 100644
--- a/libs/remix-ui/template-explorer-modal/src/components/template-explorer.tsx
+++ b/libs/remix-ui/template-explorer-modal/src/components/template-explorer.tsx
@@ -1,189 +1,152 @@
-import { CustomTooltip } from '@remix-ui/helper'
-import { RemixUIGridCell, RemixUIGridSection, RemixUIGridView } from '@remix-ui/remix-ui-grid-view'
-import { templates } from '@remix-ui/workspace'
-
 import isElectron from 'is-electron'
-import React, { useState, useMemo } from 'react'
-import { metadata, templatesRepository } from '../utils/helpers'
-
-export interface TemplateItem {
-  value: string
-  displayName?: string
-  description?: string
-  tagList?: string[]
-  IsArtefact?: boolean
-  opts?: {
-    upgradeable?: string
-    mintable?: boolean
-    burnable?: boolean
-    pausable?: boolean
-  }
-  templateType?: any
-}
-
-export interface TemplateCategory {
-  name: string
-  description?: string
-  hasOptions?: boolean
-  IsArtefact?: boolean
-  tooltip?: string
-  onClick?: () => void
-  onClickLabel?: string
-  items: TemplateItem[]
-}
-
-export interface TemplateExplorerProps {
-  plugin: any
-}
+import React, { useContext } from 'react'
+import { TemplateCategory, TemplateExplorerProps, TemplateItem } from '../../types/template-explorer-types'
+import { TemplateExplorerContext } from '../../context/template-explorer-context'
 
 export function TemplateExplorer({ plugin }: TemplateExplorerProps) {
-  const [selectedTag, setSelectedTag] = useState<string | null>(null)
-  const [recentBump, setRecentBump] = useState<number>(0)
 
-  console.log('metadata', metadata)
-  console.log('templatesRepository', templatesRepository)
+  const { metadata, selectedTag, recentTemplates, dedupedTemplates, handleTagClick, clearFilter, addRecentTemplate, allTags } = useContext(TemplateExplorerContext)
+
+  // console.log('metadata', metadata)
+  // console.log('templatesRepository', templatesRepository)
 
   // Get all unique tags from all templates
-  const allTags = useMemo((): string[] => {
-    const tags: string[] = []
+  // const allTags = useMemo((): string[] => {
+  //   const tags: string[] = []
+
+  //   if (templateRepository && Array.isArray(templateRepository)) {
+  //     templateRepository.forEach((template: any) => {
+  //       if (template && template.items && Array.isArray(template.items)) {
+  //         template.items.forEach((item: any) => {
+  //           if (item && item.tagList && Array.isArray(item.tagList)) {
+  //             item.tagList.forEach((tag: string) => {
+  //               if (typeof tag === 'string' && !tags.includes(tag)) {
+  //                 tags.push(tag)
+  //               }
+  //             })
+  //           }
+  //         })
+  //       }
+  //     })
+  //   }
 
-    if (templatesRepository && Array.isArray(templatesRepository)) {
-      templatesRepository.forEach((template: any) => {
-        if (template && template.items && Array.isArray(template.items)) {
-          template.items.forEach((item: any) => {
-            if (item && item.tagList && Array.isArray(item.tagList)) {
-              item.tagList.forEach((tag: string) => {
-                if (typeof tag === 'string' && !tags.includes(tag)) {
-                  tags.push(tag)
-                }
-              })
-            }
-          })
-        }
-      })
-    }
+  //   return tags.sort()
+  // }, [])
 
-    return tags.sort()
-  }, [])
+  // // Recent templates (before filteredTemplates so it can be referenced later)
+  // const recentTemplates = useMemo((): TemplateItem[] => {
+  //   try {
+  //     const raw = typeof window !== 'undefined' ? window.localStorage.getItem(RECENT_KEY) : null
+  //     const list: string[] = raw ? JSON.parse(raw) : []
+  //     const items: TemplateItem[] = []
+  //     if (Array.isArray(templateRepository)) {
+  //       list.forEach((val) => {
+  //         for (const group of templateRepository as any[]) {
+  //           if (group && Array.isArray(group.items)) {
+  //             const found = group.items.find((it: any) => it && it.value === val)
+  //             if (found) {
+  //               items.push(found)
+  //               break
+  //             }
+  //           }
+  //         }
+  //       })
+  //     }
+  //     //tag filter
+  //     const filtered = selectedTag
+  //       ? items.filter((it: any) => it && Array.isArray(it.tagList) && it.tagList.includes(selectedTag))
+  //       : items
+  //     return filtered
+  //   } catch (e) {
+  //     return []
+  //   }
+  // }, [selectedTag, recentBump])
 
-  // Recent templates (before filteredTemplates so it can be referenced later)
-  const recentTemplates = useMemo((): TemplateItem[] => {
-    try {
-      const raw = typeof window !== 'undefined' ? window.localStorage.getItem(RECENT_KEY) : null
-      const list: string[] = raw ? JSON.parse(raw) : []
-      const items: TemplateItem[] = []
-      if (Array.isArray(templatesRepository)) {
-        list.forEach((val) => {
-          for (const group of templatesRepository as any[]) {
-            if (group && Array.isArray(group.items)) {
-              const found = group.items.find((it: any) => it && it.value === val)
-              if (found) {
-                items.push(found)
-                break
-              }
-            }
-          }
-        })
-      }
-      //tag filter
-      const filtered = selectedTag
-        ? items.filter((it: any) => it && Array.isArray(it.tagList) && it.tagList.includes(selectedTag))
-        : items
-      return filtered
-    } catch (e) {
-      return []
-    }
-  }, [selectedTag, recentBump])
+  // // Filter templates based on selected tag
+  // const filteredTemplates = useMemo((): TemplateCategory[] => {
+  //   if (!selectedTag || !templateRepository || !Array.isArray(templateRepository)) {
+  //     return templateRepository as TemplateCategory[] || []
+  //   }
 
-  // Filter templates based on selected tag
-  const filteredTemplates = useMemo((): TemplateCategory[] => {
-    if (!selectedTag || !templatesRepository || !Array.isArray(templatesRepository)) {
-      return templatesRepository as TemplateCategory[] || []
-    }
+  //   return (templateRepository as TemplateCategory[]).map((template: any) => ({
+  //     ...template,
+  //     items: template.items.filter((item: any) =>
+  //       item && item.tagList && Array.isArray(item.tagList) && item.tagList.includes(selectedTag)
+  //     )
+  //   })).filter((template: any) => template && template.items && template.items.length > 0)
+  // }, [selectedTag])
 
-    return (templatesRepository as TemplateCategory[]).map((template: any) => ({
-      ...template,
-      items: template.items.filter((item: any) =>
-        item && item.tagList && Array.isArray(item.tagList) && item.tagList.includes(selectedTag)
-      )
-    })).filter((template: any) => template && template.items && template.items.length > 0)
-  }, [selectedTag])
+  // // Dedupe templates across the whole page and avoid showing ones already in recents
+  // const dedupedTemplates = useMemo((): TemplateCategory[] => {
+  //   const recentSet = new Set<string>((recentTemplates || []).map((t: any) => t && t.value))
+  //   const seen = new Set<string>()
+  //   const makeUniqueItems = (items: any[]) => {
+  //     const unique: any[] = []
+  //     for (const it of items || []) {
+  //       const val = it && it.value
+  //       if (!val) continue
+  //       if (recentSet.has(val)) continue
+  //       if (seen.has(val)) continue
+  //       seen.add(val)
+  //       unique.push(it)
+  //     }
+  //     return unique
+  //   }
+  //   return (filteredTemplates || []).map((group: any) => ({
+  //     ...group,
+  //     items: makeUniqueItems(group && group.items ? group.items : [])
+  //   })).filter((g: any) => g && g.items && g.items.length > 0)
+  // }, [filteredTemplates, recentTemplates])
 
-  // Dedupe templates across the whole page and avoid showing ones already in recents
-  const dedupedTemplates = useMemo((): TemplateCategory[] => {
-    const recentSet = new Set<string>((recentTemplates || []).map((t: any) => t && t.value))
-    const seen = new Set<string>()
-    const makeUniqueItems = (items: any[]) => {
-      const unique: any[] = []
-      for (const it of items || []) {
-        const val = it && it.value
-        if (!val) continue
-        if (recentSet.has(val)) continue
-        if (seen.has(val)) continue
-        seen.add(val)
-        unique.push(it)
-      }
-      return unique
-    }
-    return (filteredTemplates || []).map((group: any) => ({
-      ...group,
-      items: makeUniqueItems(group && group.items ? group.items : [])
-    })).filter((g: any) => g && g.items && g.items.length > 0)
-  }, [filteredTemplates, recentTemplates])
+  // const handleTagClick = (tag: string) => {
+  //   setSelectedTag(selectedTag === tag ? null : tag)
+  // }
 
-  const handleTagClick = (tag: string) => {
-    setSelectedTag(selectedTag === tag ? null : tag)
-  }
+  // const clearFilter = () => {
+  //   setSelectedTag(null)
+  // }
 
-  const clearFilter = () => {
-    setSelectedTag(null)
-  }
+  // const RECENT_KEY = 'remix.recentTemplates'
 
-  const RECENT_KEY = 'remix.recentTemplates'
+  // const addRecentTemplate = (templateValue: string) => {
+  //   try {
+  //     const raw = typeof window !== 'undefined' ? window.localStorage.getItem(RECENT_KEY) : null
+  //     const list: string[] = raw ? JSON.parse(raw) : []
+  //     const filtered = list.filter((v) => v !== templateValue)
+  //     filtered.unshift(templateValue)
+  //     const trimmed = filtered.slice(0, 4)
+  //     if (typeof window !== 'undefined') window.localStorage.setItem(RECENT_KEY, JSON.stringify(trimmed))
+  //     setRecentBump((v) => v + 1)
+  //   } catch (e) {
 
-  const addRecentTemplate = (templateValue: string) => {
-    try {
-      const raw = typeof window !== 'undefined' ? window.localStorage.getItem(RECENT_KEY) : null
-      const list: string[] = raw ? JSON.parse(raw) : []
-      const filtered = list.filter((v) => v !== templateValue)
-      filtered.unshift(templateValue)
-      const trimmed = filtered.slice(0, 4)
-      if (typeof window !== 'undefined') window.localStorage.setItem(RECENT_KEY, JSON.stringify(trimmed))
-      setRecentBump((v) => v + 1)
-    } catch (e) {
+  //   }
+  // }
 
-    }
-  }
+  const filterTheseTags = tag => tag !== 'Circom' && tag !== 'All' && tag !== 'Noir' && tag !== 'AI'
 
   return (
-    <div className="template-explorer-container" style={{ height: '500px', overflowY: 'auto', padding: '1rem' }}>
+    <div className="template-explorer-container" style={{ height: '400px', overflowY: 'auto', padding: '1rem' }}>
       {/* Tag Filter Row */}
       <div className="mb-4">
         <div className="d-flex flex-wrap align-items-center gap-2 mb-3">
-          <span className="text-muted me-2">Filter by tag:</span>
-          <button
-            className={`btn btn-sm ${selectedTag === null ? 'btn-primary' : 'btn-outline-primary'}`}
-            onClick={clearFilter}
-          >
-            All
-          </button>
-          {allTags.map((tag: any) => (
-            <button
+
+          {allTags.filter(filterTheseTags).reverse().map((tag: any) => (
+            <span
               key={tag as any}
-              className={`btn btn-sm ${selectedTag === tag ? 'btn-primary' : 'btn-outline-secondary'}`}
+              className={`badge rounded-pill p-2 fw-light ${selectedTag === tag ? 'badge rounded-pill text-info p-2 fw-light' : 'badge rounded-pill text-bg-light p-2 fw-light'}`}
               onClick={() => handleTagClick(tag as any)}
             >
               {tag as any}
-            </button>
+            </span>
           ))}
           {selectedTag && (
             <small>
-              <button
-                className="btn btn-outline-dark p-0 ms-2 text-warning"
+              <span
+                className="p-0 ms-2 text-warning fw-light"
                 onClick={clearFilter}
               >
                 Clear filter
-              </button>
+              </span>
             </small>
           )}
         </div>
@@ -221,7 +184,7 @@ export function TemplateExplorer({ plugin }: TemplateExplorerProps) {
                     flexDirection: 'column'
                   }}
                   onClick={() => {
-                    addRecentTemplate(item.value)
+                    addRecentTemplate(item)
                   }}
                   onMouseEnter={(e) => {
                     e.currentTarget.style.boxShadow = '0 4px 8px rgba(0,0,0,0.15)'
@@ -233,11 +196,12 @@ export function TemplateExplorer({ plugin }: TemplateExplorerProps) {
                   }}
                 >
                   <div className="card-header mb-1">
-                    <h6 className="card-title mb-1 text-dark" style={{
+                    <h6 className="card-title mb-1" style={{
                       fontSize: '0.85rem',
                       fontWeight: '600',
                       margin: 0,
-                      lineHeight: '1.2'
+                      lineHeight: '1.2',
+                      color: '#1B1D24'
                     }}>
                       {item.displayName || item.value}
                     </h6>
@@ -262,7 +226,7 @@ export function TemplateExplorer({ plugin }: TemplateExplorerProps) {
                     flexDirection: 'column'
                   }}>
                     {item.description && (
-                      <p className="card-description mb-1 text-dark text-wrap" style={{
+                      <p className="card-description mb-1 text-wrap" style={{
                         fontSize: '0.7rem',
                         lineHeight: '1.2',
                         margin: 0,
@@ -334,7 +298,7 @@ export function TemplateExplorer({ plugin }: TemplateExplorerProps) {
             fontSize: '1.2rem',
             fontWeight: '600'
           }}>
-            {template.name}
+            {template.name.toUpperCase()}
           </h4>
 
           {template.description && (
@@ -371,7 +335,7 @@ export function TemplateExplorer({ plugin }: TemplateExplorerProps) {
                   }}
                   onClick={() => {
                     console.log('Template selected:', item.value, item.opts)
-                    addRecentTemplate(item.value)
+                    addRecentTemplate(item)
                   }}
                   onMouseEnter={(e) => {
                     e.currentTarget.style.boxShadow = '0 4px 8px rgba(0,0,0,0.15)'
@@ -382,55 +346,33 @@ export function TemplateExplorer({ plugin }: TemplateExplorerProps) {
                     e.currentTarget.style.transform = 'translateY(0)'
                   }}
                 >
-                  <div className="card-header mb-1">
-                    <h6 className="card-title mb-1 text-dark" style={{
+                  <div className="card-header mb-1 border">
+                    <h6 className="card-title mb-1" style={{
                       fontSize: '0.85rem',
                       fontWeight: '600',
                       margin: 0,
-                      lineHeight: '1.2'
+                      lineHeight: '1.2',
+                      color: '#1B1D24'
                     }}>
                       {item.displayName || item.value}
                     </h6>
 
-                    {item.tagList && item.tagList.length > 0 && (
-                      <div className="tag-list mb-1 d-flex flex-wrap gap-1">
-                        {item.tagList.map((tag, tagIndex) => (
-                          <span key={tagIndex} className="badge bg-primary" style={{
-                            fontSize: '0.55rem',
-                            padding: '0.1rem 0.25rem',
-                            borderRadius: '2px'
-                          }}>
-                            {tag}
-                          </span>
-                        ))}
-                      </div>
-                    )}
                   </div>
-
-                  <div className="card-body" style={{
+                  <div className="card-body d-flex flex-column justify-content-between overflow-y-auto border border-warning" style={{
                     flex: 1,
-                    overflowY: 'auto',
-                    display: 'flex',
-                    flexDirection: 'column'
                   }}>
                     {item.description && (
-                      <p className="card-description mb-1 text-dark text-wrap" style={{
+                      <p className="card-description mb-1 text-dark text-wrap text-truncate border border-info" style={{
                         fontSize: '0.7rem',
-                        lineHeight: '1.2',
                         margin: 0,
-                        maxHeight: '1.8rem',
                         overflow: 'hidden',
-                        textOverflow: 'ellipsis',
-                        display: '-webkit-box',
-                        WebkitLineClamp: 2,
-                        WebkitBoxOrient: 'vertical'
                       }}>
                         {item.description}
                       </p>
                     )}
 
                     {item.opts && Object.keys(item.opts).length > 0 && (
-                      <div className="options-badges d-flex flex-wrap gap-1" style={{
+                      <div className="options-badges d-flex flex-wrap" style={{
                         marginTop: 'auto'
                       }}>
                         {item.opts.upgradeable && (
@@ -471,6 +413,22 @@ export function TemplateExplorer({ plugin }: TemplateExplorerProps) {
                         )}
                       </div>
                     )}
+
+                    {item.tagList && item.tagList.length > 0 && (
+                      <div className="tag-list d-flex flex-wrap gap-1 align-items-end border border-success">
+                        {item.tagList.map((tag, tagIndex) => (
+                          <span key={tagIndex} className="badge text-primary" style={{
+                            fontSize: '0.55rem',
+                            padding: '0.1rem 0.25rem',
+                            borderRadius: '2px',
+                            backgroundColor: '#64C4FF14',
+                            color: '#64C4FF'
+                          }}>
+                            {tag}
+                          </span>
+                        ))}
+                      </div>
+                    )}
                   </div>
                 </div>
               )
diff --git a/libs/remix-ui/template-explorer-modal/src/components/topCard.tsx b/libs/remix-ui/template-explorer-modal/src/components/topCard.tsx
index d502eb95dba..1ac0ea6d953 100644
--- a/libs/remix-ui/template-explorer-modal/src/components/topCard.tsx
+++ b/libs/remix-ui/template-explorer-modal/src/components/topCard.tsx
@@ -1,29 +1,24 @@
 import React from 'react'
-
-export interface TopCardProps {
-  title: string
-  description: string
-  icon: string
-  onClick: () => void
-  importWorkspace: boolean
-}
+import { TopCardProps } from '../../types/template-explorer-types'
 
 export function TopCard(props: TopCardProps) {
 
   return (
     <div
-      className={`explora-topcard d-flex flex-row align-items-center bg-light p-4 shadow-sm ${props.importWorkspace ? 'border bg-none' : 'border-0'}`}
+      className={`explora-topcard d-flex flex-row align-items-center bg-light p-4 shadow-sm ${props.importWorkspace ? 'border bg-transparent' : 'border-0'}`}
       onClick={props.onClick}
       style={{
-        borderRadius: '10px'
+        borderRadius: '10px',
+        height: '76px',
+        width: '298px'
       }}
     >
       <span className="d-flex flex-shrink-0">
-        {props.title.includes('AI') ? <img src={props.icon} style={{ width: '20px', height: '20px' }} /> : <i className={`${props.icon} fa-1x text-light`}></i>}
+        {props.title.includes('AI') || props.description.includes('OpenZeppelin') ? <img src={props.icon} style={{ width: '20px', height: '20px' }} /> : <i className={`${props.icon} fa-2x text-dark`}></i>}
       </span>
       <span className="d-flex flex-column flex-grow-1 ms-3">
         <p className="mb-0">{props.title}</p>
-        <p className="mb-0 fw-light">{props.description}</p>
+        <p className="mb-0 fw-light text-wrap">{props.description}</p>
       </span>
     </div>
   )
diff --git a/libs/remix-ui/template-explorer-modal/src/components/topCards.tsx b/libs/remix-ui/template-explorer-modal/src/components/topCards.tsx
new file mode 100644
index 00000000000..c5395dfb5f1
--- /dev/null
+++ b/libs/remix-ui/template-explorer-modal/src/components/topCards.tsx
@@ -0,0 +1,110 @@
+import React from 'react'
+
+export function TopCards() {
+  return (
+    <div className="title">
+      <div className="d-flex flex-row flex-wrap justify-content-center align-items-center gap-3 mb-3">
+        <div
+          className={`explora-topcard d-flex flex-row align-items-center bg-light p-4 shadow-sm border-0`}
+          onClick={() => {}}
+          style={{
+            borderRadius: '10px',
+            height: '76px',
+            width: '298px'
+          }}
+          onMouseEnter={(e) => {
+            e.currentTarget.style.boxShadow = '0 4px 8px rgba(0,0,0,0.15)'
+            e.currentTarget.style.transform = 'translateY(-2px)'
+          }}
+          onMouseLeave={(e) => {
+            e.currentTarget.style.boxShadow = '0 2px 4px rgba(0,0,0,0.1)'
+            e.currentTarget.style.transform = 'translateY(0)'
+          }}
+        >
+          <span className="d-flex flex-shrink-0">
+            <i className={`fa-2x fas fa-plus`}></i>
+          </span>
+          <span className="d-flex flex-column flex-grow-1 ms-3">
+            <p className="mb-0">Create blank</p>
+            <p className="mb-0 fw-light text-wrap">Create an empty workspace</p>
+          </span>
+        </div>
+        <div
+          className={`explora-topcard d-flex flex-row align-items-center bg-light p-4 shadow-sm border-0`}
+          onClick={() => {}}
+          style={{
+            borderRadius: '10px',
+            height: '76px',
+            width: '298px'
+          }}
+          onMouseEnter={(e) => {
+            e.currentTarget.style.boxShadow = '0 4px 8px rgba(0,0,0,0.15)'
+            e.currentTarget.style.transform = 'translateY(-2px)'
+          }}
+          onMouseLeave={(e) => {
+            e.currentTarget.style.boxShadow = '0 2px 4px rgba(0,0,0,0.1)'
+            e.currentTarget.style.transform = 'translateY(0)'
+          }}
+        >
+          <span className="d-flex flex-shrink-0">
+            <img src={'assets/img/remixai-logoDefault.webp'} style={{ width: '20px', height: '20px' }} />
+          </span>
+          <span className="d-flex flex-column flex-grow-1 ms-3">
+            <p className="mb-0">Create with AI</p>
+            <p className="mb-0 fw-light text-wrap">Generate a workspace with AI</p>
+          </span>
+        </div>
+        <div
+          className={`explora-topcard d-flex flex-row align-items-center bg-light p-4 shadow-sm border-0`}
+          onClick={() => {}}
+          style={{
+            borderRadius: '10px',
+            height: '76px',
+            width: '298px'
+          }}
+          onMouseEnter={(e) => {
+            e.currentTarget.style.boxShadow = '0 4px 8px rgba(0,0,0,0.15)'
+            e.currentTarget.style.transform = 'translateY(-2px)'
+          }}
+          onMouseLeave={(e) => {
+            e.currentTarget.style.boxShadow = '0 2px 4px rgba(0,0,0,0.1)'
+            e.currentTarget.style.transform = 'translateY(0)'
+          }}
+        >
+          <span className="d-flex flex-shrink-0">
+            <img src={'assets/img/openzeppelin-logo.png'} style={{ width: '20px', height: '20px' }} />
+          </span>
+          <span className="d-flex flex-column flex-grow-1 ms-3">
+            <p className="mb-0">Contract Wizard</p>
+            <p className="mb-0 fw-light text-wrap">Create a new contract with the OpenZeppelin Wizard</p>
+          </span>
+        </div>
+        <div
+          className={`explora-topcard d-flex flex-row align-items-center bg-light p-4 shadow-sm border-0`}
+          onClick={() => {}}
+          style={{
+            borderRadius: '10px',
+            height: '76px',
+            width: '298px'
+          }}
+          onMouseEnter={(e) => {
+            e.currentTarget.style.boxShadow = '0 4px 8px rgba(0,0,0,0.15)'
+            e.currentTarget.style.transform = 'translateY(-2px)'
+          }}
+          onMouseLeave={(e) => {
+            e.currentTarget.style.boxShadow = '0 2px 4px rgba(0,0,0,0.1)'
+            e.currentTarget.style.transform = 'translateY(0)'
+          }}
+        >
+          <span className="d-flex flex-shrink-0">
+            <i className={`fa-2x fas fa-upload`}></i>
+          </span>
+          <span className="d-flex flex-column flex-grow-1 ms-3">
+            <p className="mb-0">Import Project</p>
+            <p className="mb-0 fw-light text-wrap">Import an existing project</p>
+          </span>
+        </div>
+      </div>
+    </div>
+  )
+}
diff --git a/libs/remix-ui/template-explorer-modal/src/lib/remix-ui-template-explorer-modal.css b/libs/remix-ui/template-explorer-modal/src/lib/remix-ui-template-explorer-modal.css
index f5add1d6947..8955dc58351 100644
--- a/libs/remix-ui/template-explorer-modal/src/lib/remix-ui-template-explorer-modal.css
+++ b/libs/remix-ui/template-explorer-modal/src/lib/remix-ui-template-explorer-modal.css
@@ -59,6 +59,13 @@
   background-color: transparent;
 }
 
+.template-explorer-modal-search-input {
+  background-image: url('search-icon.svg');
+  background-position: 10px 8px;
+  background-repeat: no-repeat;
+  color: var(--bs-light);
+}
+
 .explora-topcard {
   cursor: pointer;
 }
diff --git a/libs/remix-ui/template-explorer-modal/src/lib/remix-ui-template-explorer-modal.tsx b/libs/remix-ui/template-explorer-modal/src/lib/remix-ui-template-explorer-modal.tsx
index af3a87362fa..855464b974f 100644
--- a/libs/remix-ui/template-explorer-modal/src/lib/remix-ui-template-explorer-modal.tsx
+++ b/libs/remix-ui/template-explorer-modal/src/lib/remix-ui-template-explorer-modal.tsx
@@ -1,8 +1,12 @@
-import React from 'react'
+import React, { useContext, useMemo, useReducer, useState } from 'react'
 import './remix-ui-template-explorer-modal.css'
 import { appActionTypes, AppState } from '@remix-ui/app'
-import { TopCard, TopCardProps } from '../components/topCard'
+import { TopCardProps } from '../../types/template-explorer-types'
 import { TemplateExplorerBody } from '../components/template-explorer-body'
+import { TemplateCategory, TemplateItem } from '../../types/template-explorer-types'
+import { metadata, templatesRepository } from '../utils/helpers'
+import { TemplateExplorerContext, TemplateExplorerProvider } from '../../context/template-explorer-context'
+import { initialState, templateExplorerReducer } from '../../reducers/template-explorer-reducer'
 
 export interface RemixUiTemplateExplorerModalProps {
   dispatch: any
@@ -11,13 +15,6 @@ export interface RemixUiTemplateExplorerModalProps {
 }
 
 const topCards: TopCardProps[] = [
-  {
-    title: 'Create blank',
-    description: 'Create an empty workspace',
-    icon: 'fa-solid fa-plus',
-    onClick: () => alert('Create blank'),
-    importWorkspace: false
-  },
   {
     title: 'Create with AI',
     description: 'Generate a workspace with AI',
@@ -25,31 +22,56 @@ const topCards: TopCardProps[] = [
     onClick: () => alert('Create with AI'),
     importWorkspace: false
   },
+  {
+    title: 'Create blank',
+    description: 'Create an empty workspace',
+    icon: 'fa-solid fa-plus',
+    onClick: () => alert('Create blank'),
+    importWorkspace: false
+  },
   {
     title: 'Import Project',
     description: 'Import an existing project',
     icon: 'fas fa-upload',
     onClick: () => alert('Import Project'),
     importWorkspace: true
+  },
+  {
+    title: 'Contract Wizard',
+    description: 'Create a new contract with the OpenZeppelin Wizard',
+    icon: 'assets/img/openzeppelin-logo.webp',
+    onClick: () => alert('Contract Wizard'),
+    importWorkspace: false
   }
 
 ]
 
 export function RemixUiTemplateExplorerModal (props: RemixUiTemplateExplorerModalProps) {
 
+  const { selectedTag, recentTemplates, filteredTemplates, dedupedTemplates, handleTagClick, clearFilter, addRecentTemplate, allTags } = useContext(TemplateExplorerContext)
+  const [state, dispatch] = useReducer(templateExplorerReducer, initialState)
+
+  console.log('metadata', state.metadata)
+  console.log('templatesRepository', state.templatesRepository)
+
   return (
-    <section className="template-explorer-modal-background" style={{ zIndex: 8888 }}>
-      <div className="template-explorer-modal-container border bg-dark p-2" style={{ width: props.appState.genericModalState.width, height: props.appState.genericModalState.height }}>
-        <div className="template-explorer-modal-close-container bg-dark">
-          <button className="template-explorer-modal-close-button" onClick={() => props.dispatch({ type: appActionTypes.showGenericModal, payload: false })}>
-            <i className="fa-solid fa-xmark"></i>
-          </button>
-        </div>
-        <TemplateExplorerBody topCards={topCards} plugin={props.plugin} />
-        <div className="footer">
-          {props.appState.genericModalState.footer && props.appState.genericModalState.footer}
+    <TemplateExplorerProvider>
+      <section className="template-explorer-modal-background" style={{ zIndex: 8888 }}>
+        <div className="template-explorer-modal-container border bg-dark p-2" style={{ width: props.appState.genericModalState.width, height: props.appState.genericModalState.height }}>
+          <div className="template-explorer-modal-close-container bg-dark mb-3 w-100">
+            <div className="d-flex flex-row gap-2 w-100 mx-3 my-2">
+              <input type="text" placeholder="Search" className="form-control template-explorer-modal-search-input ps-5" />
+            </div>
+            <button className="template-explorer-modal-close-button" onClick={() => props.dispatch({ type: appActionTypes.showGenericModal, payload: false })}>
+              <i className="fa-solid fa-xmark"></i>
+            </button>
+          </div>
+          <TemplateExplorerBody topCards={topCards} plugin={props.plugin} />
+          <div className="footer">
+            {props.appState.genericModalState.footer && props.appState.genericModalState.footer}
+          </div>
         </div>
-      </div>
-    </section>
+      </section>
+    </TemplateExplorerProvider>
   )
 }
diff --git a/libs/remix-ui/template-explorer-modal/src/lib/search-icon.svg b/libs/remix-ui/template-explorer-modal/src/lib/search-icon.svg
new file mode 100644
index 00000000000..d4bc50a2bbb
--- /dev/null
+++ b/libs/remix-ui/template-explorer-modal/src/lib/search-icon.svg
@@ -0,0 +1,18 @@
+<svg
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+  aria-hidden="true"
+  role="img"
+>
+  <!-- Lens -->
+  <circle cx="11" cy="11" r="7"/>
+  <!-- Handle -->
+  <line x1="16.65" y1="16.65" x2="21" y2="21"/>
+</svg>
diff --git a/libs/remix-ui/template-explorer-modal/src/utils/helpers.tsx b/libs/remix-ui/template-explorer-modal/src/utils/helpers.tsx
index 178051b3a16..4c2eb2ada44 100644
--- a/libs/remix-ui/template-explorer-modal/src/utils/helpers.tsx
+++ b/libs/remix-ui/template-explorer-modal/src/utils/helpers.tsx
@@ -5,26 +5,20 @@ export const templatesRepository = [
     name: "Generic",
     items: [
       { value: "remixDefault", tagList: ["Solidity"],
-        // displayName: intl.formatMessage({ id: 'filePanel.basic' }),
+        displayName: 'Basic',
         description: 'The default project',
-        // templateType: TEMPLATE_METADATA['remixDefault']
       },
       { value: "blank",
-        // displayName: intl.formatMessage({ id: 'filePanel.blank' }),
+        displayName: 'Blank',
         IsArtefact: true, description: 'A blank project',
-        // templateType: TEMPLATE_METADATA['blank']
       },
       { value: "simpleEip7702", displayName: 'Simple EIP 7702', IsArtefact: true, description: 'Pectra upgrade allowing externally owned accounts (EOAs) to run contract code.',
-        // templateType: TEMPLATE_METADATA['simpleEip7702']
       },
       { value: "accountAbstraction", displayName: 'Account Abstraction', IsArtefact: true, description: 'A repo about ERC-4337 and EIP-7702',
-        // templateType: TEMPLATE_METADATA['accountAbstraction']
       },
       { value: 'remixAiTemplate', tagList: ['AI'], displayName: 'RemixAI Template Generation', IsArtefact: true, description: 'AI generated workspace. Workspace gets generated with a user prompt.',
-        // templateType: TEMPLATE_METADATA['remixAiTemplate']
       },
       { value: "introToEIP7702", displayName: 'Intro to EIP-7702', IsArtefact: true, description: 'A contract for demoing EIP-7702',
-        // templateType: TEMPLATE_METADATA['introToEIP7702']
       },
     ]
   },
@@ -37,7 +31,6 @@ export const templatesRepository = [
         displayName: "ERC20",
         tagList: ["ERC20", "Solidity"],
         description: 'A customizable fungible token contract',
-        // templateType: TEMPLATE_METADATA['ozerc20']
       },
       {
         value: "ozerc20",
@@ -47,7 +40,6 @@ export const templatesRepository = [
         opts: {
           mintable: true
         },
-        // templateType: TEMPLATE_METADATA['ozerc20']
       },
       {
         value: "ozerc20",
@@ -58,7 +50,6 @@ export const templatesRepository = [
           mintable: true,
           burnable: true
         },
-        // templateType: TEMPLATE_METADATA['ozerc20']
       },
       {
         value: "ozerc20",
@@ -69,14 +60,12 @@ export const templatesRepository = [
           pausable: true
         },
         tagList: ["ERC20", "Solidity"],
-        // templateType: TEMPLATE_METADATA['ozerc20']
       },
       {
         value: "ozerc721",
         displayName: "ERC721 (NFT)",
         tagList: ["ERC721", "Solidity"],
         description: 'A customizable non-fungible token (NFT) contract',
-        // templateType: TEMPLATE_METADATA['ozerc721']
       },
       {
         value: "ozerc721",
@@ -86,7 +75,6 @@ export const templatesRepository = [
         opts: {
           mintable: true
         },
-        // templateType: TEMPLATE_METADATA['ozerc721']
       },
       {
         value: "ozerc721",
@@ -97,7 +85,6 @@ export const templatesRepository = [
           burnable: true
         },
         tagList: ["ERC721", "Solidity"],
-        // templateType: TEMPLATE_METADATA['ozerc721']
       },
       {
         value: "ozerc721",
@@ -108,14 +95,12 @@ export const templatesRepository = [
           pausable: true
         },
         tagList: ["ERC721", "Solidity"],
-        // templateType: TEMPLATE_METADATA['ozerc721']
       },
       {
         value: "ozerc1155",
         tagList: ["Solidity"],
         displayName: "ERC1155",
         description: 'A customizable multi token contract',
-        // templateType: TEMPLATE_METADATA['ozerc1155']
       },
       {
         value: "ozerc1155",
@@ -125,7 +110,6 @@ export const templatesRepository = [
         opts: {
           mintable: true
         },
-        // templateType: TEMPLATE_METADATA['ozerc1155']
       },
       {
         value: "ozerc1155",
@@ -136,7 +120,6 @@ export const templatesRepository = [
           burnable: true
         },
         tagList: ["ERC1155", "Solidity"],
-        // templateType: TEMPLATE_METADATA['ozerc1155']
       },
       {
         value: "ozerc1155",
@@ -147,7 +130,6 @@ export const templatesRepository = [
           mintable: true,
           pausable: true
         },
-        // templateType: TEMPLATE_METADATA['ozerc1155']
       }
     ]
   },
@@ -162,7 +144,6 @@ export const templatesRepository = [
           upgradeable: 'uups'
         },
         tagList: ["ERC20", "Solidity"],
-        // templateType: TEMPLATE_METADATA['ozerc20']
       },
       {
         value: "ozerc20",
@@ -173,7 +154,6 @@ export const templatesRepository = [
           mintable: true
         },
         tagList: ["ERC20", "Solidity"],
-        // templateType: TEMPLATE_METADATA['ozerc20']
       },
       {
         value: "ozerc20",
@@ -185,7 +165,6 @@ export const templatesRepository = [
           burnable: true
         },
         tagList: ["ERC20", "Solidity"],
-        // templateType: TEMPLATE_METADATA['ozerc20']
       },
       {
         value: "ozerc20",
@@ -197,7 +176,6 @@ export const templatesRepository = [
           pausable: true
         },
         tagList: ["ERC20", "Solidity"],
-        // templateType: TEMPLATE_METADATA['ozerc20']
       },
       {
         value: "ozerc721",
@@ -207,7 +185,6 @@ export const templatesRepository = [
           upgradeable: 'uups'
         },
         tagList: ["ERC721", "Solidity"],
-        // templateType: TEMPLATE_METADATA['ozerc721']
       },
       {
         value: "ozerc721",
@@ -218,7 +195,6 @@ export const templatesRepository = [
           mintable: true
         },
         tagList: ["ERC721", "Solidity"],
-        // templateType: TEMPLATE_METADATA['ozerc721']
       },
       {
         value: "ozerc721",
@@ -230,7 +206,6 @@ export const templatesRepository = [
           burnable: true
         },
         tagList: ["ERC721", "Solidity"],
-        // templateType: TEMPLATE_METADATA['ozerc721']
       },
       {
         value: "ozerc721",
@@ -242,7 +217,6 @@ export const templatesRepository = [
           pausable: true
         },
         tagList: ["ERC721", "Solidity"],
-        // templateType: TEMPLATE_METADATA['ozerc721']
       },
       {
         value: "ozerc1155",
@@ -252,7 +226,6 @@ export const templatesRepository = [
           upgradeable: 'uups'
         },
         tagList: ["ERC1155", "Solidity"],
-        // templateType: TEMPLATE_METADATA['ozerc1155']
       },
       {
         value: "ozerc1155",
@@ -263,7 +236,6 @@ export const templatesRepository = [
           mintable: true
         },
         tagList: ["ERC1155", "Solidity"],
-        // templateType: TEMPLATE_METADATA['ozerc1155']
       },
       {
         value: "ozerc1155",
@@ -275,7 +247,6 @@ export const templatesRepository = [
           burnable: true
         },
         tagList: ["ERC1155", "Solidity"],
-        // templateType: TEMPLATE_METADATA['ozerc1155']
       },
       {
         value: "ozerc1155",
@@ -287,7 +258,6 @@ export const templatesRepository = [
           pausable: true
         },
         tagList: ["ERC1155", "Solidity"],
-        // templateType: TEMPLATE_METADATA['ozerc1155']
       },
       {
         value: "ozerc1155",
@@ -300,7 +270,6 @@ export const templatesRepository = [
           pausable: true
         },
         tagList: ["ERC1155", "Solidity"],
-        // templateType: TEMPLATE_METADATA['ozerc1155']
       }
     ]
   },
@@ -367,45 +336,43 @@ export const templatesRepository = [
     name: "0xProject",
     items: [
       { value: "zeroxErc20", displayName: "ERC20", tagList: ["ERC20", "Solidity"], description: "A fungible token contract by 0xProject",
-        // templateType: TEMPLATE_METADATA['zeroxErc20']
       }
     ]
   },
   {
     name: "Gnosis Safe",
     items: [
-      { value: "gnosisSafeMultisig", tagList: ["Solidity"], // displayName: intl.formatMessage({ id: 'filePanel.multiSigWallet' }),
+      { value: "gnosisSafeMultisig", tagList: ["Solidity"],
+        displayName: 'MultiSig Wallet',
         description: 'Deploy or customize the Gnosis Safe MultiSig Wallet',
-        // templateType: TEMPLATE_METADATA['gnosisSafeMultisig']
       }
     ]
   },
   {
     name: "Circom ZKP",
     items: [
-      { value: "semaphore", tagList: ["ZKP", "Circom"], // displayName: intl.formatMessage({ id: 'filePanel.semaphore' }),
+      { value: "semaphore", tagList: ["ZKP", "Circom"],
+        displayName: 'Semaphore',
         description: 'Semaphore protocol for casting a message as a provable group member',
-        // templateType: TEMPLATE_METADATA['semaphore']
       },
-      { value: "hashchecker", tagList: ["ZKP", "Circom"], // displayName: intl.formatMessage({ id: 'filePanel.hashchecker' }),
+      { value: "hashchecker", tagList: ["ZKP", "Circom"],
+        displayName: 'Hash Checker',
         description: 'Hash checker Circom circuit',
-        // templateType: TEMPLATE_METADATA['hashchecker']
       },
       { value: "rln", tagList: ["ZKP", "Circom"],
-        //displayName: intl.formatMessage({ id: 'filePanel.rln' }),
+        displayName: 'Rate-Limiting Nullifier',
         description: 'Rate Limiting Nullifier Circom circuit',
-        // templateType: TEMPLATE_METADATA['rln']
       }
     ]
   },
   {
     name: "Noir ZKP",
     items: [
-      { value: "multNr", tagList: ["ZKP", "Noir"], // displayName: intl.formatMessage({ id: 'filePanel.multNr' }),
+      { value: "multNr", tagList: ["ZKP", "Noir"],
+        displayName: 'Simple Multiplier',
         description: 'A simple multiplier circuit',
-        // templateType: TEMPLATE_METADATA['multNr']
-      }
-      // { value: "stealthDropNr", tagList: ["ZKP", "Noir"], displayName: intl.formatMessage({ id: 'filePanel.stealthDropNr' }),}
+      },
+      { value: "stealthDropNr", tagList: ["ZKP", "Noir"], displayName: 'Stealth Drop',}
     ]
   },
   {
@@ -414,9 +381,9 @@ export const templatesRepository = [
       {
         value: "sindriScripts",
         tagList: ["ZKP"],
-        // displayName: intl.formatMessage({ id: 'filePanel.addscriptsindri' }),
+        displayName: 'Add Sindri ZK scripts',
         description: 'Use the Sindri API to compile and generate proofs',
-        // templateType: TEMPLATE_METADATA['sindriScripts']
+
       },
     ],
   },
@@ -424,21 +391,18 @@ export const templatesRepository = [
     name: "Uniswap V4",
     items: [
       { value: "uniswapV4Template",
-        // displayName: intl.formatMessage({ id: 'filePanel.uniswapV4Template' }),
+        displayName: 'Uniswap v4 Template',
         description: 'Use a Uniswap hook',
-        // templateType: TEMPLATE_METADATA['uniswapV4Template']
       },
       {
         value: "breakthroughLabsUniswapv4Hooks",
-        // displayName: intl.formatMessage({ id: 'filePanel.breakthroughLabsUniswapv4Hooks' }),
+        displayName: 'Breakthrough-Labs Hooks',
         description: 'Use a Uniswap hook developed by Breakthrough Labs',
-        // templateType: TEMPLATE_METADATA['breakthroughLabsUniswapv4Hooks']
       },
       {
         value: "uniswapV4HookBookMultiSigSwapHook",
-        // displayName: intl.formatMessage({ id: 'filePanel.uniswapV4HookBookMultiSigSwapHook' }),
+        displayName: 'HookBook MultiSigSwapHook',
         description: 'Use a MultiSigSwapHook developed by Breakthrough Labs',
-        // templateType: TEMPLATE_METADATA['uniswapV4HookBookMultiSigSwapHook']
       }
     ]
   },
@@ -448,15 +412,13 @@ export const templatesRepository = [
       {
         value: "contractCreate2Factory",
         tagList: ["Solidity"],
-        // displayName: intl.formatMessage({ id: 'filePanel.addcreate2solidityfactory' }),
+        displayName: 'Add Create2 Solidity factory',
         description: 'Factory for deploying a contract using the CREATE2 opcode',
-        // templateType: TEMPLATE_METADATA['contractCreate2Factory']
       },
       {
         value: "contractDeployerScripts",
-        // displayName: intl.formatMessage({ id: 'filePanel.addscriptdeployer' }),
+        displayName: 'Add contract deployer scripts',
         description: 'Script for deploying a contract using the CREATE2 opcode',
-        // templateType: TEMPLATE_METADATA['contractDeployerScripts']
       }
     ]
   },
@@ -465,9 +427,8 @@ export const templatesRepository = [
     items: [
       {
         value: "etherscanScripts",
-        // displayName: intl.formatMessage({ id: 'filePanel.addscriptetherscan' }),
+        displayName: 'Add Etherscan scripts',
         description: 'Script for verifying a Contract in Etherscan',
-        // templateType: TEMPLATE_METADATA['etherscanScripts']
       },
     ],
   },
@@ -475,20 +436,17 @@ export const templatesRepository = [
     name: 'GitHub Actions',
     items: [
       { value: "runJsTestAction",
-        // displayName: intl.formatMessage({ id: 'filePanel.tssoltestghaction' }),
+        displayName: 'Mocha Chai Test Workflow',
         description: 'A Mocha Chai test workflow in a GitHub CI',
-        // templateType: TEMPLATE_METADATA['runJsTestAction']
       },
       { value: "runSolidityUnittestingAction",
-        // displayName: intl.formatMessage({ id: 'filePanel.solghaction' }),
+        displayName: 'Solidity Test Workflow',
         description: 'Run a Solidity unit test workflow in a GitHub CI',
-        // templateType: TEMPLATE_METADATA['runSolidityUnittestingAction']
       },
       {
         value: "runSlitherAction",
-        // displayName: intl.formatMessage({ id: 'filePanel.slitherghaction' }),
+        displayName: 'Slither Workflow',
         description: 'Run a Slither security analysis in a GitHub CI',
-        // templateType: TEMPLATE_METADATA['runSlitherAction']
       }
     ],
     IsArtefact: true
diff --git a/libs/remix-ui/template-explorer-modal/types/template-explorer-types.ts b/libs/remix-ui/template-explorer-modal/types/template-explorer-types.ts
index db7ee583943..a54ce0f831a 100644
--- a/libs/remix-ui/template-explorer-modal/types/template-explorer-types.ts
+++ b/libs/remix-ui/template-explorer-modal/types/template-explorer-types.ts
@@ -7,11 +7,108 @@ export interface TemplateExplorerWizardState {
   defaultWorkspaceName: string
   topLeftNagivationName: string
   initializeAsGitRepo: boolean
+  workspaceGeneratedWithAi: boolean
+  searchTerm: string
+  metadata: MetadataType
+  templateRepository: TemplateCategory[]
+  selectedTag: string | null
+}
+
+export interface TemplateExplorerContextType {
+  templateRepository: TemplateCategory[]
+  metadata: any[]
+  selectedTag: string | null
+  recentTemplates: TemplateItem[]
+  filteredTemplates: TemplateCategory[]
+  dedupedTemplates: TemplateCategory[]
+  handleTagClick: (tag: string) => void
+  clearFilter: () => void
+  addRecentTemplate: (template: TemplateItem) => void
+  RECENT_KEY: string
+  allTags: string[]
 }
 
 export enum TemplateExplorerWizardSteps {
   SELECT_TEMPLATE = 'SELECT_TEMPLATE',
   GENERATE_TEMPLATE = 'GENERATE_TEMPLATE',
   MODIFY_WORKSPACE = 'MODIFY_WORKSPACE',
-  REVIEW_WORKSPACE = 'REVIEW_WORKSPACE'
+  REVIEW_WORKSPACE = 'REVIEW_WORKSPACE',
+  IMPORT_WORKSPACE = 'IMPORT_WORKSPACE',
+  FINALIZE_WORKSPACE_CREATION = 'FINALIZE_WORKSPACE_CREATION',
+  ABORT_WORKSPACE_CREATION = 'ABORT_WORKSPACE_CREATION',
+  BACK_ONE_STEP = 'BACK_ONE_STEP'
+}
+
+export enum TemplateExplorerWizardAction {
+  SET_WORKSPACE_TEMPLATE = 'SET_WORKSPACE_TEMPLATE',
+  SET_WORKSPACE_TEMPLATE_WIZARD_STEP = 'SET_WORKSPACE_TEMPLATE_WIZARD_STEP',
+  SET_WORKSPACE_TEMPLATE_GROUP = 'SET_WORKSPACE_TEMPLATE_GROUP',
+  SET_WORKSPACE_NAME = 'SET_WORKSPACE_NAME',
+  SET_DEFAULT_WORKSPACE_NAME = 'SET_DEFAULT_WORKSPACE_NAME',
+  SET_TOP_LEFT_NAVIGATION_NAME = 'SET_TOP_LEFT_NAVIGATION_NAME',
+  SET_INITIALIZE_AS_GIT_REPO = 'SET_INITIALIZE_AS_GIT_REPO',
+  SET_WORKSPACE_GENERATED_WITH_AI = 'SET_WORKSPACE_GENERATED_WITH_AI',
+  END_WORKSPACE_WIZARD = 'END_WORKSPACE_WIZARD',
+  SET_RECENT_BUMP = 'SET_RECENT_BUMP',
+  SET_SELECTED_TAG = 'SET_SELECTED_TAG',
+  CLEAR_SELECTED_TAG = 'CLEAR_SELECTED_TAG',
+  SET_METADATA = 'SET_METADATA',
+  SET_TEMPLATE_REPOSITORY = 'SET_TEMPLATE_REPOSITORY'
+}
+
+export interface TemplateItem {
+  value: string
+  displayName?: string
+  description?: string
+  tagList?: string[]
+  IsArtefact?: boolean
+  opts?: {
+    upgradeable?: string
+    mintable?: boolean
+    burnable?: boolean
+    pausable?: boolean
+  }
+  templateType?: any
+}
+
+export interface TemplateCategory {
+  name: string
+  description?: string
+  hasOptions?: boolean
+  IsArtefact?: boolean
+  tooltip?: string
+  onClick?: () => void
+  onClickLabel?: string
+  items: TemplateItem[]
+}
+
+export type MetadataType = Record<string, MetadataItem>
+
+export type MetadataItem =
+| {
+    type: 'git';
+    url: string;
+    branch: string;
+    forceCreateNewWorkspace: boolean;
+  }
+| {
+    type: 'plugin';
+    name: string;
+    endpoint: string;
+    params: string[];
+    forceCreateNewWorkspace?: boolean;
+    desktopCompatible?: boolean;
+    disabled?: boolean;
+  }
+
+export interface TemplateExplorerProps {
+  plugin: any
+}
+
+export interface TopCardProps {
+  title: string
+  description: string
+  icon: string
+  onClick: () => void
+  importWorkspace: boolean
 }

From a393474495f7d993b602398a3c73513bdd5b3993 Mon Sep 17 00:00:00 2001
From: ci-bot <ci-bot@remix-project.org>
Date: Tue, 23 Sep 2025 23:07:44 +0100
Subject: [PATCH 07/15] fix search to filter and filter by tag. fix order of
 components

---
 apps/remix-ide/src/app.ts                     |  6 +-
 .../plugins/remix-template-explorer-modal.tsx | 23 +++----
 .../app/src/lib/remix-app/remix-app.tsx       |  5 +-
 .../context/template-explorer-context.tsx     | 60 ++++++++++++-----
 .../reducers/template-explorer-reducer.tsx    | 28 ++++++--
 .../src/components/template-explorer-body.tsx | 36 ++++++++--
 .../src/components/template-explorer.tsx      | 66 ++++++-------------
 .../lib/remix-ui-template-explorer-modal.tsx  | 62 ++++-------------
 .../src/utils/helpers.tsx                     |  2 +-
 .../types/template-explorer-types.ts          | 30 +++++----
 10 files changed, 167 insertions(+), 151 deletions(-)

diff --git a/apps/remix-ide/src/app.ts b/apps/remix-ide/src/app.ts
index 03dc8c9d25b..d42977493d0 100644
--- a/apps/remix-ide/src/app.ts
+++ b/apps/remix-ide/src/app.ts
@@ -269,6 +269,7 @@ class AppComponent {
     this.gistHandler = new GistHandler()
     // ----------------- theme service ---------------------------------
     this.themeModule = new ThemeModule()
+    this.templateExplorerModal = new TemplateExplorerModalPlugin(this.themeModule)
     // ----------------- locale service ---------------------------------
     this.localeModule = new LocaleModule()
     Registry.getInstance().put({ api: this.themeModule, name: 'themeModule' })
@@ -403,7 +404,7 @@ class AppComponent {
 
     const templateSelection = new TemplatesSelectionPlugin()
 
-    const templateExplorerModal = new TemplateExplorerModalPlugin()
+    const templateExplorerModal = this.templateExplorerModal
 
     const walletConnect = new WalletConnect()
 
@@ -460,10 +461,10 @@ class AppComponent {
       pluginStateLogger,
       matomo,
       templateSelection,
-      templateExplorerModal,
       scriptRunnerUI,
       remixAI,
       remixAiAssistant,
+      templateExplorerModal,
       walletConnect
     ])
 
@@ -616,6 +617,7 @@ class AppComponent {
     await this.appManager.activatePlugin(['mainPanel', 'menuicons', 'tabs'])
     await this.appManager.activatePlugin(['topbar'])
     await this.appManager.activatePlugin(['statusBar'])
+    // await this.appManager.activatePlugin(['remix-template-explorer-modal'])
     await this.appManager.activatePlugin(['bottomBar'])
     await this.appManager.activatePlugin(['sidePanel']) // activating  host plugin separately
     await this.appManager.activatePlugin(['pinnedPanel'])
diff --git a/apps/remix-ide/src/app/plugins/remix-template-explorer-modal.tsx b/apps/remix-ide/src/app/plugins/remix-template-explorer-modal.tsx
index afa0638d94d..65015ac2200 100644
--- a/apps/remix-ide/src/app/plugins/remix-template-explorer-modal.tsx
+++ b/apps/remix-ide/src/app/plugins/remix-template-explorer-modal.tsx
@@ -4,7 +4,8 @@ import { AppAction, AppState } from '@remix-ui/app'
 import { PluginViewWrapper } from '@remix-ui/helper'
 import { Plugin } from '@remixproject/engine'
 import { EventEmitter } from 'events'
-import { RemixUiTemplateExplorerModal, RemixUiTemplateExplorerModalProps } from 'libs/remix-ui/template-explorer-modal/src/lib/remix-ui-template-explorer-modal'
+import { ThemeModule } from '../tabs/theme-module'
+import { TemplateExplorerProvider } from 'libs/remix-ui/template-explorer-modal/context/template-explorer-context'
 
 const pluginProfile = {
   name: 'remix-template-explorer-modal',
@@ -18,16 +19,20 @@ export class TemplateExplorerModalPlugin extends Plugin {
   dispatch: React.Dispatch<any> = () => { }
   event: any
   appStateDispatch: any
-  constructor() {
+  theme: any = null
+  constructor(theme: ThemeModule) {
     super(pluginProfile)
     this.element = document.createElement('div')
-    this.element.setAttribute('id', 'remix-template-explorer-modal')
+    this.element.setAttribute('id', 'template-explorer-modal')
     this.dispatch = () => { }
     this.event = new EventEmitter()
+    this.theme = theme
   }
 
   async onActivation(): Promise<void> {
-
+    this.on('theme', 'themeChanged', (theme: any) => {
+      this.theme = theme
+    })
   }
 
   onDeactivation(): void {
@@ -53,17 +58,13 @@ export class TemplateExplorerModalPlugin extends Plugin {
 
   renderComponent(): void {
     this.dispatch({
-      element: this.element,
+      plugins: this,
     })
   }
 
-  updateComponent(state: RemixUiTemplateExplorerModalProps, appState: AppState) {
+  updateComponent() {
     return (
-      <RemixUiTemplateExplorerModal
-        appState={appState}
-        dispatch={this.dispatch}
-        plugin={this}
-      />
+      <TemplateExplorerProvider plugin={this} />
     )
   }
 }
diff --git a/libs/remix-ui/app/src/lib/remix-app/remix-app.tsx b/libs/remix-ui/app/src/lib/remix-app/remix-app.tsx
index 499e5c83bce..42acdd1e046 100644
--- a/libs/remix-ui/app/src/lib/remix-app/remix-app.tsx
+++ b/libs/remix-ui/app/src/lib/remix-app/remix-app.tsx
@@ -16,6 +16,7 @@ import { appInitialState } from './state/app'
 import isElectron from 'is-electron'
 import { desktopConnectionType } from '@remix-api'
 import { RemixUiTemplateExplorerModal } from 'libs/remix-ui/template-explorer-modal/src/lib/remix-ui-template-explorer-modal'
+import { TemplateExplorerProvider } from 'libs/remix-ui/template-explorer-modal/context/template-explorer-context'
 
 declare global {
   interface Window {
@@ -233,7 +234,9 @@ const RemixApp = (props: IRemixAppUi) => {
             </div>
             <AppDialogs></AppDialogs>
             <DialogViewPlugin></DialogViewPlugin>
-            {appState.genericModalState.showModal && <RemixUiTemplateExplorerModal appState={appState} dispatch={appStateDispatch} plugin={props.app.templateExplorerModal}></RemixUiTemplateExplorerModal>}
+            {appState.genericModalState.showModal &&
+              <TemplateExplorerProvider plugin={props.app.templateExplorerModal}></TemplateExplorerProvider>
+            }
           </AppProvider>
         </onLineContext.Provider>
       </platformContext.Provider>
diff --git a/libs/remix-ui/template-explorer-modal/context/template-explorer-context.tsx b/libs/remix-ui/template-explorer-modal/context/template-explorer-context.tsx
index 030148e3ef4..60e15d39e6b 100644
--- a/libs/remix-ui/template-explorer-modal/context/template-explorer-context.tsx
+++ b/libs/remix-ui/template-explorer-modal/context/template-explorer-context.tsx
@@ -1,25 +1,36 @@
+/* eslint-disable @nrwl/nx/enforce-module-boundaries */
 import React, { createContext, useContext, useEffect, useMemo, useReducer, useState } from 'react'
 import { TemplateCategory, TemplateExplorerContextType, TemplateExplorerWizardAction, TemplateItem } from '../types/template-explorer-types'
 import { initialState, templateExplorerReducer } from '../reducers/template-explorer-reducer'
 import { metadata, templatesRepository } from '../src/utils/helpers'
 import { AppContext } from '@remix-ui/app'
+import { TemplateExplorerModalPlugin } from 'apps/remix-ide/src/app/plugins/remix-template-explorer-modal'
+import { RemixUiTemplateExplorerModal } from '@remix-ui/template-explorer-modal'
 
 export const TemplateExplorerContext = createContext<TemplateExplorerContextType>({} as any)
 
-export const TemplateExplorerProvider = ({ children }: { children: React.ReactNode }) => {
+export const TemplateExplorerProvider = (props: { plugin: TemplateExplorerModalPlugin }) => {
   // const [templateRepository, setTemplateRepository] = useState<TemplateCategory[]>([])
   // const [metadata, setMetadata] = useState<any[]>([])
   // const [selectedTag, setSelectedTag] = useState<string | null>(null)
   // const [recentBump, setRecentBump] = useState<number>(0)
   const [state, dispatch] = useReducer(templateExplorerReducer, initialState)
   const appContext = useContext(AppContext)
+  const { plugin } = props
 
   useEffect(() => {
-    dispatch({ type: TemplateExplorerWizardAction.SET_METADATA, payload: metadata })
     dispatch({ type: TemplateExplorerWizardAction.SET_TEMPLATE_REPOSITORY, payload: templatesRepository })
+  }, [])
 
+  useEffect(() => {
+    dispatch({ type: TemplateExplorerWizardAction.SET_METADATA, payload: metadata })
   }, [])
 
+  const setSearchTerm = (term: string) => {
+    console.log('setSearchTerm', { term, state })
+    dispatch({ type: TemplateExplorerWizardAction.SET_SEARCH_TERM, payload: term })
+  }
+
   const allTags = useMemo((): string[] => {
     const tags: string[] = []
 
@@ -42,7 +53,6 @@ export const TemplateExplorerProvider = ({ children }: { children: React.ReactNo
     return tags.sort()
   }, [])
 
-  // Recent templates (before filteredTemplates so it can be referenced later)
   const recentTemplates = useMemo((): TemplateItem[] => {
     try {
       const raw = typeof window !== 'undefined' ? window.localStorage.getItem(RECENT_KEY) : null
@@ -71,21 +81,33 @@ export const TemplateExplorerProvider = ({ children }: { children: React.ReactNo
     }
   }, [state.selectedTag, state.recentBump])
 
-  // Filter templates based on selected tag
   const filteredTemplates = useMemo((): TemplateCategory[] => {
-    if (!state.selectedTag || !state.templateRepository || !Array.isArray(state.templateRepository)) {
-      return state.templateRepository as TemplateCategory[] || []
-    }
+    const repo = (state.templateRepository as TemplateCategory[]) || []
+    if (!Array.isArray(repo)) return []
+
+    const searchTerm = (state.searchTerm || '').trim().toLowerCase()
+    const selectedTag = state.selectedTag
+
+    return repo
+      .map((template: TemplateCategory) => ({
+        ...template,
+        items: (template.items || []).filter((item: TemplateItem) => {
+          // Filter by search term
+          const matchesSearch = !searchTerm ||
+            (item.displayName || item.value || '').toLowerCase().includes(searchTerm)
 
-    return (state.templateRepository as TemplateCategory[]).map((template: any) => ({
-      ...template,
-      items: template.items.filter((item: any) =>
-        item && item.tagList && Array.isArray(item.tagList) && item.tagList.includes(state.selectedTag)
+          // Filter by selected tag
+          const matchesTag = !selectedTag ||
+            (item.tagList && item.tagList.includes(selectedTag))
+
+          return matchesSearch && matchesTag
+        })
+      }))
+      .filter((template: TemplateCategory) =>
+        template && template.items && template.items.length > 0
       )
-    })).filter((template: any) => template && template.items && template.items.length > 0)
-  }, [state.selectedTag])
+  }, [state.selectedTag, state.searchTerm, state.templateRepository])
 
-  // Dedupe templates across the whole page and avoid showing ones already in recents
   const dedupedTemplates = useMemo((): TemplateCategory[] => {
     const recentSet = new Set<string>((recentTemplates || []).map((t: any) => t && t.value))
     const seen = new Set<string>()
@@ -131,9 +153,15 @@ export const TemplateExplorerProvider = ({ children }: { children: React.ReactNo
     }
   }
 
+  const contextValue = { templateRepository: state.templateRepository, metadata: state.metadata, selectedTag: state.selectedTag, recentTemplates, filteredTemplates, dedupedTemplates, handleTagClick, clearFilter, addRecentTemplate, RECENT_KEY, allTags, plugin, setSearchTerm }
+
   return (
-    <TemplateExplorerContext.Provider value={{ templateRepository: state.templateRepository, metadata: state.metadata, selectedTag: state.selectedTag, recentTemplates, filteredTemplates, dedupedTemplates, handleTagClick, clearFilter, addRecentTemplate, RECENT_KEY, allTags }}>
-      {children}
+    <TemplateExplorerContext.Provider value={contextValue}>
+      <RemixUiTemplateExplorerModal
+        appState={appContext.appState}
+        dispatch={appContext.appStateDispatch}
+        plugin={plugin}
+      />
     </TemplateExplorerContext.Provider>
   )
 }
diff --git a/libs/remix-ui/template-explorer-modal/reducers/template-explorer-reducer.tsx b/libs/remix-ui/template-explorer-modal/reducers/template-explorer-reducer.tsx
index 8f4e2ad5518..e962dee9cb2 100644
--- a/libs/remix-ui/template-explorer-modal/reducers/template-explorer-reducer.tsx
+++ b/libs/remix-ui/template-explorer-modal/reducers/template-explorer-reducer.tsx
@@ -1,9 +1,8 @@
 import React from 'react'
-import { MetadataType, TemplateExplorerWizardAction, TemplateExplorerWizardState, TemplateExplorerWizardSteps } from '../types/template-explorer-types'
+import { MetadataType, TemplateExplorerWizardAction, TemplateExplorerWizardState, TemplateRepository } from '../types/template-explorer-types'
 import { metadata, templatesRepository } from '../src/utils/helpers'
 
 export const initialState: TemplateExplorerWizardState = {
-  steps: TemplateExplorerWizardSteps.SELECT_TEMPLATE,
   workspaceTemplateChosen: '',
   workspaceTemplateGroupChosen: '',
   workspaceName: '',
@@ -13,15 +12,18 @@ export const initialState: TemplateExplorerWizardState = {
   workspaceGeneratedWithAi: false,
   searchTerm: '',
   metadata: metadata as MetadataType,
-  templateRepository: templatesRepository,
-  selectedTag: null
+  templateRepository: templatesRepository as TemplateRepository || [],
+  selectedTag: null,
+  setSearchTerm: (term: string) => {}
 }
 
 export const templateExplorerReducer = (state: TemplateExplorerWizardState, action: any) => {
   switch (action.type) {
-  case TemplateExplorerWizardAction.SET_WORKSPACE_TEMPLATE:
-    return action.payload
-  case TemplateExplorerWizardAction.SET_WORKSPACE_TEMPLATE_WIZARD_STEP:
+  case TemplateExplorerWizardAction.SET_TEMPLATE_REPOSITORY:
+    return { ...state, templateRepository: action.payload }
+  case TemplateExplorerWizardAction.SET_METADATA:
+    return { ...state, metadata: action.payload }
+  case TemplateExplorerWizardAction.SELECT_TEMPLATE:
     return action.payload
   case TemplateExplorerWizardAction.SET_WORKSPACE_TEMPLATE_GROUP:
     return action.payload
@@ -43,7 +45,19 @@ export const templateExplorerReducer = (state: TemplateExplorerWizardState, acti
   case TemplateExplorerWizardAction.CLEAR_SELECTED_TAG: {
     return { ...state, selectedTag: null }
   }
+  case TemplateExplorerWizardAction.SET_SEARCH_TERM: {
+    return { ...state, searchTerm: action.payload }
+  }
   default:
     return state
   }
 }
+
+function doTemplateSearch (searchTerm: string, repo: TemplateRepository) {
+  if (!searchTerm) return repo
+  return repo.filter(template => template.name.toLowerCase().includes(searchTerm.toLowerCase()))
+    .map(template => ({
+      ...template,
+      items: template.items.filter(item => item.displayName.toLowerCase().includes(searchTerm.toLowerCase()))
+    }))
+}
diff --git a/libs/remix-ui/template-explorer-modal/src/components/template-explorer-body.tsx b/libs/remix-ui/template-explorer-modal/src/components/template-explorer-body.tsx
index 69026ec6127..d0c287079e5 100644
--- a/libs/remix-ui/template-explorer-modal/src/components/template-explorer-body.tsx
+++ b/libs/remix-ui/template-explorer-modal/src/components/template-explorer-body.tsx
@@ -1,21 +1,49 @@
-import React from 'react'
+import React, { useContext } from 'react'
 import { TopCard } from './topCard'
 import { TopCardProps } from '../../types/template-explorer-types'
 import { TemplateExplorer } from './template-explorer'
 import { TopCards } from './topCards'
+import { TemplateExplorerContext } from '../../context/template-explorer-context'
 
 export interface TemplateExplorerBodyProps {
-  topCards: TopCardProps[]
   plugin: any
 }
 
-export function TemplateExplorerBody({ topCards, plugin }: TemplateExplorerBodyProps) {
+export function TemplateExplorerBody({ plugin }: TemplateExplorerBodyProps) {
+  const { selectedTag, allTags, handleTagClick, clearFilter } = useContext(TemplateExplorerContext)
+
+  const filterTheseTags = tag => tag !== 'Circom' && tag !== 'All' && tag !== 'Noir' && tag !== 'AI'
   return (
     <section>
       <TopCards />
       <div className="body overflow-y-hidden">
         <label className="text-dark fs-5">Workspace Templates</label>
-        <TemplateExplorer plugin={plugin} />
+        {/* Tag Filter Row */}
+        <div className="">
+          <div className="d-flex flex-wrap align-items-center gap-2">
+
+            {allTags?.filter(filterTheseTags)?.reverse()?.map((tag: any) => (
+              <span
+                key={tag as any}
+                className={`badge rounded-pill p-2 fw-light ${selectedTag === tag ? 'badge rounded-pill text-info p-2 fw-light' : 'badge rounded-pill text-bg-light p-2 fw-light'}`}
+                onClick={() => handleTagClick(tag as any)}
+              >
+                {tag as any}
+              </span>
+            ))}
+            {selectedTag && (
+              <small>
+                <span
+                  className="p-0 ms-2 text-warning fw-light"
+                  onClick={clearFilter}
+                >
+                Clear filter
+                </span>
+              </small>
+            )}
+          </div>
+        </div>
+        <TemplateExplorer />
       </div>
     </section>
   )
diff --git a/libs/remix-ui/template-explorer-modal/src/components/template-explorer.tsx b/libs/remix-ui/template-explorer-modal/src/components/template-explorer.tsx
index 02f128cb22e..1db82736d94 100644
--- a/libs/remix-ui/template-explorer-modal/src/components/template-explorer.tsx
+++ b/libs/remix-ui/template-explorer-modal/src/components/template-explorer.tsx
@@ -1,11 +1,11 @@
 import isElectron from 'is-electron'
-import React, { useContext } from 'react'
+import React, { useContext, useEffect } from 'react'
 import { TemplateCategory, TemplateExplorerProps, TemplateItem } from '../../types/template-explorer-types'
 import { TemplateExplorerContext } from '../../context/template-explorer-context'
 
-export function TemplateExplorer({ plugin }: TemplateExplorerProps) {
+export function TemplateExplorer() {
 
-  const { metadata, selectedTag, recentTemplates, dedupedTemplates, handleTagClick, clearFilter, addRecentTemplate, allTags } = useContext(TemplateExplorerContext)
+  const { metadata, recentTemplates, dedupedTemplates, addRecentTemplate, plugin } = useContext(TemplateExplorerContext)
 
   // console.log('metadata', metadata)
   // console.log('templatesRepository', templatesRepository)
@@ -122,38 +122,11 @@ export function TemplateExplorer({ plugin }: TemplateExplorerProps) {
   //   }
   // }
 
-  const filterTheseTags = tag => tag !== 'Circom' && tag !== 'All' && tag !== 'Noir' && tag !== 'AI'
-
   return (
-    <div className="template-explorer-container" style={{ height: '400px', overflowY: 'auto', padding: '1rem' }}>
-      {/* Tag Filter Row */}
-      <div className="mb-4">
-        <div className="d-flex flex-wrap align-items-center gap-2 mb-3">
-
-          {allTags.filter(filterTheseTags).reverse().map((tag: any) => (
-            <span
-              key={tag as any}
-              className={`badge rounded-pill p-2 fw-light ${selectedTag === tag ? 'badge rounded-pill text-info p-2 fw-light' : 'badge rounded-pill text-bg-light p-2 fw-light'}`}
-              onClick={() => handleTagClick(tag as any)}
-            >
-              {tag as any}
-            </span>
-          ))}
-          {selectedTag && (
-            <small>
-              <span
-                className="p-0 ms-2 text-warning fw-light"
-                onClick={clearFilter}
-              >
-                Clear filter
-              </span>
-            </small>
-          )}
-        </div>
-      </div>
+    <div className="template-explorer-container overflow-y-auto" style={{ height: '350px', padding: '1rem' }}>
 
       {/* Recently Used Section */}
-      {recentTemplates && recentTemplates.length > 0 && (
+      {/* {recentTemplates && recentTemplates?.length > 0 && (
         <div className="template-category mb-4">
           <h4 className="category-title mb-3 text-white" style={{
             color: '#333',
@@ -164,7 +137,7 @@ export function TemplateExplorer({ plugin }: TemplateExplorerProps) {
             Recently used
           </h4>
           <div className="template-items-container d-flex flex-wrap gap-3 mb-2">
-            {recentTemplates.map((item: TemplateItem, itemIndex) => {
+            {recentTemplates?.map((item: TemplateItem, itemIndex) => {
               item.templateType = metadata[item.value]
               if (item.templateType && item.templateType.disabled === true) return null
               if (item.templateType && item.templateType.desktopCompatible === false && isElectron()) return null
@@ -201,7 +174,7 @@ export function TemplateExplorer({ plugin }: TemplateExplorerProps) {
                       fontWeight: '600',
                       margin: 0,
                       lineHeight: '1.2',
-                      color: '#1B1D24'
+                      color: plugin?.theme?.currentTheme().name === 'Light' ? '#1B1D24' : '#FFF'
                     }}>
                       {item.displayName || item.value}
                     </h6>
@@ -288,21 +261,21 @@ export function TemplateExplorer({ plugin }: TemplateExplorerProps) {
             })}
           </div>
         </div>
-      )}
+      )} */}
 
-      {dedupedTemplates.map((template: TemplateCategory, templateIndex) => (
+      {dedupedTemplates?.map((template: TemplateCategory, templateIndex) => (
         <div key={template.name} className="template-category mb-4">
-          <h4 className="category-title mb-3 text-white" style={{
+          <h4 className="category-title mb-3 text-dark" style={{
             color: '#333',
             paddingBottom: '0.5rem',
             fontSize: '1.2rem',
-            fontWeight: '600'
+            fontWeight: '400'
           }}>
             {template.name.toUpperCase()}
           </h4>
 
           {template.description && (
-            <p className="category-description mb-3" style={{ color: '#666', fontSize: '0.9rem' }}>
+            <p className="category-description mb-2 text-danger" style={{ color: '#666', fontSize: '0.9rem' }}>
               {template.description}
             </p>
           )}
@@ -346,26 +319,25 @@ export function TemplateExplorer({ plugin }: TemplateExplorerProps) {
                     e.currentTarget.style.transform = 'translateY(0)'
                   }}
                 >
-                  <div className="card-header mb-1 border">
+                  <div className="card-header mb-1">
                     <h6 className="card-title mb-1" style={{
                       fontSize: '0.85rem',
                       fontWeight: '600',
                       margin: 0,
                       lineHeight: '1.2',
-                      color: '#1B1D24'
+                      color: plugin?.theme?.currentTheme().name === 'Light' ? '#1B1D24' : '#FFF'
                     }}>
                       {item.displayName || item.value}
                     </h6>
 
                   </div>
-                  <div className="card-body d-flex flex-column justify-content-between overflow-y-auto border border-warning" style={{
+                  <div className="card-body d-flex flex-column justify-content-between overflow-y-auto" style={{
                     flex: 1,
                   }}>
                     {item.description && (
-                      <p className="card-description mb-1 text-dark text-wrap text-truncate border border-info" style={{
+                      <p className="card-description mb-1 text-dark text-wrap text-truncate overflow-hidden" style={{
                         fontSize: '0.7rem',
                         margin: 0,
-                        overflow: 'hidden',
                       }}>
                         {item.description}
                       </p>
@@ -415,12 +387,12 @@ export function TemplateExplorer({ plugin }: TemplateExplorerProps) {
                     )}
 
                     {item.tagList && item.tagList.length > 0 && (
-                      <div className="tag-list d-flex flex-wrap gap-1 align-items-end border border-success">
+                      <div className="tag-list d-flex flex-wrap gap-1 align-items-end">
                         {item.tagList.map((tag, tagIndex) => (
-                          <span key={tagIndex} className="badge text-primary" style={{
+                          <span key={tagIndex} className="badge" style={{
                             fontSize: '0.55rem',
                             padding: '0.1rem 0.25rem',
-                            borderRadius: '2px',
+                            borderRadius: '3px',
                             backgroundColor: '#64C4FF14',
                             color: '#64C4FF'
                           }}>
diff --git a/libs/remix-ui/template-explorer-modal/src/lib/remix-ui-template-explorer-modal.tsx b/libs/remix-ui/template-explorer-modal/src/lib/remix-ui-template-explorer-modal.tsx
index 855464b974f..c169b2de0e1 100644
--- a/libs/remix-ui/template-explorer-modal/src/lib/remix-ui-template-explorer-modal.tsx
+++ b/libs/remix-ui/template-explorer-modal/src/lib/remix-ui-template-explorer-modal.tsx
@@ -1,12 +1,8 @@
-import React, { useContext, useMemo, useReducer, useState } from 'react'
+import React, { useContext } from 'react'
 import './remix-ui-template-explorer-modal.css'
 import { appActionTypes, AppState } from '@remix-ui/app'
-import { TopCardProps } from '../../types/template-explorer-types'
 import { TemplateExplorerBody } from '../components/template-explorer-body'
-import { TemplateCategory, TemplateItem } from '../../types/template-explorer-types'
-import { metadata, templatesRepository } from '../utils/helpers'
-import { TemplateExplorerContext, TemplateExplorerProvider } from '../../context/template-explorer-context'
-import { initialState, templateExplorerReducer } from '../../reducers/template-explorer-reducer'
+import { TemplateExplorerContext } from '../../context/template-explorer-context'
 
 export interface RemixUiTemplateExplorerModalProps {
   dispatch: any
@@ -14,64 +10,34 @@ export interface RemixUiTemplateExplorerModalProps {
   plugin: any
 }
 
-const topCards: TopCardProps[] = [
-  {
-    title: 'Create with AI',
-    description: 'Generate a workspace with AI',
-    icon: 'assets/img/remixai-logoDefault.webp',
-    onClick: () => alert('Create with AI'),
-    importWorkspace: false
-  },
-  {
-    title: 'Create blank',
-    description: 'Create an empty workspace',
-    icon: 'fa-solid fa-plus',
-    onClick: () => alert('Create blank'),
-    importWorkspace: false
-  },
-  {
-    title: 'Import Project',
-    description: 'Import an existing project',
-    icon: 'fas fa-upload',
-    onClick: () => alert('Import Project'),
-    importWorkspace: true
-  },
-  {
-    title: 'Contract Wizard',
-    description: 'Create a new contract with the OpenZeppelin Wizard',
-    icon: 'assets/img/openzeppelin-logo.webp',
-    onClick: () => alert('Contract Wizard'),
-    importWorkspace: false
-  }
-
-]
-
 export function RemixUiTemplateExplorerModal (props: RemixUiTemplateExplorerModalProps) {
 
-  const { selectedTag, recentTemplates, filteredTemplates, dedupedTemplates, handleTagClick, clearFilter, addRecentTemplate, allTags } = useContext(TemplateExplorerContext)
-  const [state, dispatch] = useReducer(templateExplorerReducer, initialState)
-
-  console.log('metadata', state.metadata)
-  console.log('templatesRepository', state.templatesRepository)
+  const { plugin, setSearchTerm } = useContext(TemplateExplorerContext)
 
   return (
-    <TemplateExplorerProvider>
+    <section>
       <section className="template-explorer-modal-background" style={{ zIndex: 8888 }}>
         <div className="template-explorer-modal-container border bg-dark p-2" style={{ width: props.appState.genericModalState.width, height: props.appState.genericModalState.height }}>
           <div className="template-explorer-modal-close-container bg-dark mb-3 w-100">
             <div className="d-flex flex-row gap-2 w-100 mx-3 my-2">
-              <input type="text" placeholder="Search" className="form-control template-explorer-modal-search-input ps-5" />
+              <input
+                type="text"
+                placeholder="Search"
+                className="form-control template-explorer-modal-search-input ps-5 fw-light"
+                style={{ color: plugin?.theme?.currentTheme().name === 'Light' ? '#1B1D24' : '#FFF' }}
+                onChange={(e) => setSearchTerm(e.target.value)}
+              />
             </div>
             <button className="template-explorer-modal-close-button" onClick={() => props.dispatch({ type: appActionTypes.showGenericModal, payload: false })}>
-              <i className="fa-solid fa-xmark"></i>
+              <i className="fa-solid fa-xmark text-dark"></i>
             </button>
           </div>
-          <TemplateExplorerBody topCards={topCards} plugin={props.plugin} />
+          <TemplateExplorerBody plugin={props.plugin} />
           <div className="footer">
             {props.appState.genericModalState.footer && props.appState.genericModalState.footer}
           </div>
         </div>
       </section>
-    </TemplateExplorerProvider>
+    </section>
   )
 }
diff --git a/libs/remix-ui/template-explorer-modal/src/utils/helpers.tsx b/libs/remix-ui/template-explorer-modal/src/utils/helpers.tsx
index 4c2eb2ada44..cc7e4ceb98e 100644
--- a/libs/remix-ui/template-explorer-modal/src/utils/helpers.tsx
+++ b/libs/remix-ui/template-explorer-modal/src/utils/helpers.tsx
@@ -372,7 +372,7 @@ export const templatesRepository = [
         displayName: 'Simple Multiplier',
         description: 'A simple multiplier circuit',
       },
-      { value: "stealthDropNr", tagList: ["ZKP", "Noir"], displayName: 'Stealth Drop',}
+      { value: "stealthDropNr", tagList: ["ZKP", "Noir"], displayName: 'Stealth Drop' }
     ]
   },
   {
diff --git a/libs/remix-ui/template-explorer-modal/types/template-explorer-types.ts b/libs/remix-ui/template-explorer-modal/types/template-explorer-types.ts
index a54ce0f831a..afeb2d2b92d 100644
--- a/libs/remix-ui/template-explorer-modal/types/template-explorer-types.ts
+++ b/libs/remix-ui/template-explorer-modal/types/template-explorer-types.ts
@@ -1,6 +1,5 @@
 
 export interface TemplateExplorerWizardState {
-  steps: TemplateExplorerWizardSteps
   workspaceTemplateChosen: string
   workspaceTemplateGroupChosen: string
   workspaceName: string
@@ -12,15 +11,18 @@ export interface TemplateExplorerWizardState {
   metadata: MetadataType
   templateRepository: TemplateCategory[]
   selectedTag: string | null
+  setSearchTerm: (term: string) => void
 }
 
 export interface TemplateExplorerContextType {
+  plugin: any
   templateRepository: TemplateCategory[]
   metadata: any[]
   selectedTag: string | null
   recentTemplates: TemplateItem[]
   filteredTemplates: TemplateCategory[]
   dedupedTemplates: TemplateCategory[]
+  setSearchTerm: (term: string) => void
   handleTagClick: (tag: string) => void
   clearFilter: () => void
   addRecentTemplate: (template: TemplateItem) => void
@@ -28,17 +30,6 @@ export interface TemplateExplorerContextType {
   allTags: string[]
 }
 
-export enum TemplateExplorerWizardSteps {
-  SELECT_TEMPLATE = 'SELECT_TEMPLATE',
-  GENERATE_TEMPLATE = 'GENERATE_TEMPLATE',
-  MODIFY_WORKSPACE = 'MODIFY_WORKSPACE',
-  REVIEW_WORKSPACE = 'REVIEW_WORKSPACE',
-  IMPORT_WORKSPACE = 'IMPORT_WORKSPACE',
-  FINALIZE_WORKSPACE_CREATION = 'FINALIZE_WORKSPACE_CREATION',
-  ABORT_WORKSPACE_CREATION = 'ABORT_WORKSPACE_CREATION',
-  BACK_ONE_STEP = 'BACK_ONE_STEP'
-}
-
 export enum TemplateExplorerWizardAction {
   SET_WORKSPACE_TEMPLATE = 'SET_WORKSPACE_TEMPLATE',
   SET_WORKSPACE_TEMPLATE_WIZARD_STEP = 'SET_WORKSPACE_TEMPLATE_WIZARD_STEP',
@@ -53,7 +44,16 @@ export enum TemplateExplorerWizardAction {
   SET_SELECTED_TAG = 'SET_SELECTED_TAG',
   CLEAR_SELECTED_TAG = 'CLEAR_SELECTED_TAG',
   SET_METADATA = 'SET_METADATA',
-  SET_TEMPLATE_REPOSITORY = 'SET_TEMPLATE_REPOSITORY'
+  SET_TEMPLATE_REPOSITORY = 'SET_TEMPLATE_REPOSITORY',
+  SELECT_TEMPLATE = 'SELECT_TEMPLATE',
+  GENERATE_TEMPLATE = 'GENERATE_TEMPLATE',
+  MODIFY_WORKSPACE = 'MODIFY_WORKSPACE',
+  REVIEW_WORKSPACE = 'REVIEW_WORKSPACE',
+  IMPORT_WORKSPACE = 'IMPORT_WORKSPACE',
+  FINALIZE_WORKSPACE_CREATION = 'FINALIZE_WORKSPACE_CREATION',
+  ABORT_WORKSPACE_CREATION = 'ABORT_WORKSPACE_CREATION',
+  BACK_ONE_STEP = 'BACK_ONE_STEP',
+  SET_SEARCH_TERM = 'SET_SEARCH_TERM'
 }
 
 export interface TemplateItem {
@@ -82,6 +82,8 @@ export interface TemplateCategory {
   items: TemplateItem[]
 }
 
+export type TemplateRepository = TemplateCategory[]
+
 export type MetadataType = Record<string, MetadataItem>
 
 export type MetadataItem =
@@ -102,7 +104,7 @@ export type MetadataItem =
   }
 
 export interface TemplateExplorerProps {
-  plugin: any
+  plugin?: any
 }
 
 export interface TopCardProps {

From 930c449715b1a89bb920d31a940ee99aacf15f19 Mon Sep 17 00:00:00 2001
From: ci-bot <ci-bot@remix-project.org>
Date: Fri, 26 Sep 2025 16:21:51 +0100
Subject: [PATCH 08/15] finished contract wizard screen

---
 .../app/src/lib/remix-app/remix-app.tsx       |    2 +-
 .../context/template-explorer-context.tsx     |    2 +-
 .../reducers/contract-wizard-reducer.tsx      |   57 +
 .../src/components/contract-wizard.tsx        |  171 ++
 .../src/components/notfound.tsx               |   11 +
 .../src/components/template-explorer-body.tsx |   61 +-
 .../src/components/template-explorer.tsx      |  258 +--
 .../src/contractCode/erc1155.ts               | 1381 +++++++++++++
 .../src/contractCode/erc20.ts                 | 1481 ++++++++++++++
 .../src/contractCode/erc721.ts                | 1700 +++++++++++++++++
 .../lib/remix-ui-template-explorer-modal.tsx  |    6 +-
 .../src/utils/contractWizardUtils.tsx         |  540 ++++++
 .../types/template-explorer-types.ts          |   34 +
 13 files changed, 5416 insertions(+), 288 deletions(-)
 create mode 100644 libs/remix-ui/template-explorer-modal/reducers/contract-wizard-reducer.tsx
 create mode 100644 libs/remix-ui/template-explorer-modal/src/components/contract-wizard.tsx
 create mode 100644 libs/remix-ui/template-explorer-modal/src/components/notfound.tsx
 create mode 100644 libs/remix-ui/template-explorer-modal/src/contractCode/erc1155.ts
 create mode 100644 libs/remix-ui/template-explorer-modal/src/contractCode/erc20.ts
 create mode 100644 libs/remix-ui/template-explorer-modal/src/contractCode/erc721.ts
 create mode 100644 libs/remix-ui/template-explorer-modal/src/utils/contractWizardUtils.tsx

diff --git a/libs/remix-ui/app/src/lib/remix-app/remix-app.tsx b/libs/remix-ui/app/src/lib/remix-app/remix-app.tsx
index 42acdd1e046..86c4cc22a41 100644
--- a/libs/remix-ui/app/src/lib/remix-app/remix-app.tsx
+++ b/libs/remix-ui/app/src/lib/remix-app/remix-app.tsx
@@ -60,7 +60,7 @@ const RemixApp = (props: IRemixAppUi) => {
       okFn: () => { },
       cancelLabel: 'Default Cancel Label',
       cancelFn: () => { },
-      width: '640px',
+      width: '720px',
       height: '720px',
       showModal: true
     }
diff --git a/libs/remix-ui/template-explorer-modal/context/template-explorer-context.tsx b/libs/remix-ui/template-explorer-modal/context/template-explorer-context.tsx
index 60e15d39e6b..826d2c19665 100644
--- a/libs/remix-ui/template-explorer-modal/context/template-explorer-context.tsx
+++ b/libs/remix-ui/template-explorer-modal/context/template-explorer-context.tsx
@@ -27,7 +27,7 @@ export const TemplateExplorerProvider = (props: { plugin: TemplateExplorerModalP
   }, [])
 
   const setSearchTerm = (term: string) => {
-    console.log('setSearchTerm', { term, state })
+    console.log('check status', { term, dedupedTemplates, state })
     dispatch({ type: TemplateExplorerWizardAction.SET_SEARCH_TERM, payload: term })
   }
 
diff --git a/libs/remix-ui/template-explorer-modal/reducers/contract-wizard-reducer.tsx b/libs/remix-ui/template-explorer-modal/reducers/contract-wizard-reducer.tsx
new file mode 100644
index 00000000000..568cfe3825a
--- /dev/null
+++ b/libs/remix-ui/template-explorer-modal/reducers/contract-wizard-reducer.tsx
@@ -0,0 +1,57 @@
+import { ContractTypeStrategy } from '../types/template-explorer-types'
+import * as erc20 from '../src/contractCode/erc20'
+import { ContractWizardAction } from '../types/template-explorer-types'
+import { getErc20ContractCode, getErc721ContractCode, getErc1155ContractCode } from '../src/utils/contractWizardUtils'
+
+const defaultStrategy: ContractTypeStrategy = {
+  contractType: 'erc20',
+  contractOptions: {
+    mintable: false,
+    burnable: false,
+    pausable: false
+  },
+  contractAccessControl: '',
+  contractUpgradability: {
+    uups: false,
+    transparent: false
+  },
+  contractCode: erc20.erc20DefaultNoOptions('MyToken'),
+  contractImport: '',
+  initializeAsGitRepo: false,
+  tokenName: 'MyToken'
+}
+
+export function contractWizardReducer(state: ContractTypeStrategy, action: {type: ContractWizardAction, payload: any}) {
+  switch (action.type) {
+  case ContractWizardAction.CONTRACT_TYPE_UPDATED: {
+    return { ...state, contractType: action.payload }
+  }
+  case ContractWizardAction.CONTRACT_UPGRADABILITY_UPDATE: {
+    return { ...state, contractUpgradability: action.payload }
+  }
+  case ContractWizardAction.CONTRACT_ACCESS_CONTROL_UPDATE: {
+    return { ...state, contractAccessControl: action.payload }
+  }
+  case ContractWizardAction.CONTRACT_OPTIONS_UPDATE: {
+    return { ...state, contractOptions: action.payload }
+  }
+  case ContractWizardAction.CONTRACT_CODE_UPDATE: {
+    return { ...state, contractCode: action.payload }
+  }
+  case ContractWizardAction.CONTRACT_IMPORT_UPDATE: {
+    return { ...state, contractImport: action.payload }
+  }
+  case ContractWizardAction.INITIALIZE_AS_GIT_REPO_UPDATE: {
+    return { ...state, initializeAsGitRepo: action.payload }
+  }
+  case ContractWizardAction.TOKEN_NAME_UPDATE: {
+    return { ...state, tokenName: action.payload }
+  }
+  case ContractWizardAction.CONTRACT_NAME_UPDATE: {
+    return { ...state, contractName: action.payload }
+  }
+  default: {
+    return { ...state, contractCode: getErc20ContractCode('erc20', state) }
+  }
+  }
+}
diff --git a/libs/remix-ui/template-explorer-modal/src/components/contract-wizard.tsx b/libs/remix-ui/template-explorer-modal/src/components/contract-wizard.tsx
new file mode 100644
index 00000000000..f404d5452a6
--- /dev/null
+++ b/libs/remix-ui/template-explorer-modal/src/components/contract-wizard.tsx
@@ -0,0 +1,171 @@
+import React,{ useEffect, useMemo, useReducer, useState } from 'react'
+import Editor from '@monaco-editor/react'
+import * as erc20 from '../contractCode/erc20'
+import * as erc721 from '../contractCode/erc721'
+import * as erc1155 from '../contractCode/erc1155'
+import { AccessControlType, ContractTypeStrategy, ContractWizardAction } from '../../types/template-explorer-types'
+import { contractWizardReducer } from '../../reducers/contract-wizard-reducer'
+import { getErc1155ContractCode, getErc20ContractCode, getErc721ContractCode } from '../utils/contractWizardUtils'
+
+const defaultStrategy: ContractTypeStrategy = {
+  contractType: 'erc20',
+  contractOptions: {
+    mintable: false,
+    burnable: false,
+    pausable: false
+  },
+  contractAccessControl: '',
+  contractUpgradability: {
+    uups: false,
+    transparent: false
+  },
+  contractCode: erc20.erc20DefaultNoOptions('MyToken'),
+  contractImport: '',
+  initializeAsGitRepo: false
+}
+
+export function ContractWizard () {
+  const [tokenName, setTokenName] = useState('MyToken')
+
+  const [accessControl, setAccessControl] = useState<'ownable' | 'roles' | 'managed' | ''>('')
+  const [upgradability, setUpgradability] = useState({
+    uups: false,
+    transparent: false
+  })
+  const [initGit, setInitGit] = useState(false)
+  const [showEditModal, setShowEditModal] = useState(false)
+  const [strategy, dispatch] = useReducer(contractWizardReducer, defaultStrategy)
+
+  function toggleContractOption(key: keyof typeof strategy.contractOptions) {
+    if (key === 'mintable') {
+      dispatch({ type: ContractWizardAction.CONTRACT_OPTIONS_UPDATE, payload: { ...strategy.contractOptions, [key]: !strategy.contractOptions[key] } })
+      switchAccessControl('ownable')
+    } else if (key === 'pausable') {
+      dispatch({ type: ContractWizardAction.CONTRACT_OPTIONS_UPDATE, payload: { ...strategy.contractOptions, [key]: !strategy.contractOptions[key] } })
+      switchAccessControl('ownable')
+    }
+    dispatch({ type: ContractWizardAction.CONTRACT_OPTIONS_UPDATE, payload: { ...strategy.contractOptions, [key]: !strategy.contractOptions[key] } })
+  }
+
+  function switchAccessControl(accessControl: AccessControlType) {
+    console.log('switchAccessControl', accessControl)
+    dispatch({ type: ContractWizardAction.CONTRACT_ACCESS_CONTROL_UPDATE, payload: accessControl })
+  }
+  function updateTokenName(tokenName: string) {
+    dispatch({ type: ContractWizardAction.TOKEN_NAME_UPDATE, payload: tokenName })
+  }
+  function updateContractName(contractName: string) {
+    dispatch({ type: ContractWizardAction.CONTRACT_NAME_UPDATE, payload: contractName })
+  }
+
+  useEffect(() => {
+    // console.log('strategy', strategy)
+    if (strategy.contractType === 'erc20') {
+      dispatch({ type: ContractWizardAction.CONTRACT_CODE_UPDATE, payload: getErc20ContractCode(strategy.contractType, strategy) })
+    } else if (strategy.contractType === 'erc721') {
+      dispatch({ type: ContractWizardAction.CONTRACT_CODE_UPDATE, payload: getErc721ContractCode(strategy.contractType, strategy) })
+    } else if (strategy.contractType === 'erc1155') {
+      dispatch({ type: ContractWizardAction.CONTRACT_CODE_UPDATE, payload: getErc1155ContractCode(strategy.contractType, strategy) })
+    }
+  }, [strategy.contractType, strategy.contractOptions, strategy.contractAccessControl, strategy.contractUpgradability, strategy.contractName])
+
+  return (
+    <section className="container-fluid">
+      <div className="row g-3">
+        <div className="col-12 d-flex align-items-center justify-content-between">
+          <div className="d-flex align-items-center gap-2">
+            {showEditModal ? <input className="form-control form-control-sm" value={tokenName} onChange={(e) => setTokenName(e.target.value)} /> : <span className="fw-semibold">{tokenName}</span>}
+            <i className="fas fa-edit" onClick={() => setShowEditModal(true)}></i>
+          </div>
+          <div className="d-flex align-items-center gap-2">
+            <select className="form-select form-select-sm w-auto" defaultValue="Solidity">
+              <option>Solidity</option>
+            </select>
+            <select className="form-select form-select-sm w-auto" defaultValue="ERC20" onChange={(e) => {
+              dispatch({ type: ContractWizardAction.CONTRACT_TYPE_UPDATED, payload: e.target.value as 'erc20' | 'erc721' | 'erc1155' | 'custom' })
+            }}>
+              <option value="erc20">ERC20</option>
+              <option value="erc721">ERC721</option>
+              <option value="erc1155">ERC1155</option>
+              <option value="custom">Custom</option>
+            </select>
+          </div>
+        </div>
+
+        <div className="col-12 col-lg-3">
+          <div className="border rounded p-3 h-100">
+            <div className="mb-3">
+              <div className="fw-semibold mb-2">Contract settings</div>
+              <label className="form-label text-uppercase small mb-1">Token name</label>
+              <input className="form-control form-control-sm" placeholder="My Token" value={tokenName} onChange={(e) => updateTokenName(e.target.value)} />
+            </div>
+
+            <div className="mb-3">
+              <div className="text-uppercase small fw-semibold mb-2">Features</div>
+              <div className="form-check mb-1">
+                <input className="form-check-input" type="checkbox" id="featMintable" checked={strategy.contractOptions.mintable} onChange={() => {
+                  toggleContractOption('mintable')}
+                } />
+                <label className="form-check-label" htmlFor="featMintable">Mintable</label>
+              </div>
+              <div className="form-check mb-1">
+                <input className="form-check-input" type="checkbox" id="featBurnable" checked={strategy.contractOptions.burnable} onChange={() => toggleContractOption('burnable')} />
+                <label className="form-check-label" htmlFor="featBurnable">Burnable</label>
+              </div>
+              <div className="form-check mb-1">
+                <input className="form-check-input" type="checkbox" id="featPausable" checked={strategy.contractOptions.pausable} onChange={() => toggleContractOption('pausable')} />
+                <label className="form-check-label" htmlFor="featPausable">Pausable</label>
+              </div>
+            </div>
+
+            <div className="mb-3">
+              <div className="text-uppercase small fw-semibold mb-2">Access control</div>
+              <div className="form-check mb-1">
+                <input className="form-check-input" type="radio" name="accessControl" id="accessOwnable" checked={strategy.contractAccessControl==='ownable'} onChange={() => switchAccessControl('ownable')} />
+                <label className="form-check-label" htmlFor="accessOwnable">Ownable</label>
+              </div>
+              <div className="form-check mb-1">
+                <input className="form-check-input" type="radio" name="accessControl" id="accessRoles" checked={strategy.contractAccessControl==='roles'} onChange={() => switchAccessControl('roles')} />
+                <label className="form-check-label" htmlFor="accessRoles">Roles</label>
+              </div>
+              <div className="form-check">
+                <input className="form-check-input" type="radio" name="accessControl" id="accessManaged" checked={strategy.contractAccessControl==='managed'} onChange={() => switchAccessControl('managed')} />
+                <label className="form-check-label" htmlFor="accessManaged">Managed</label>
+              </div>
+            </div>
+
+            <div className="mb-3">
+              <div className="text-uppercase small fw-semibold mb-2">Upgradability</div>
+              <div className="form-check mb-1">
+                <input className="form-check-input" type="checkbox" id="featUups" checked={strategy.contractUpgradability.uups} onChange={() => dispatch({ type: ContractWizardAction.CONTRACT_UPGRADABILITY_UPDATE, payload: { ...strategy.contractUpgradability, uups: !strategy.contractUpgradability.uups } })} />
+                <label className="form-check-label" htmlFor="featUups">UUPS</label>
+              </div>
+              <div className="form-check">
+                <input className="form-check-input" type="checkbox" id="featTransparent" checked={strategy.contractUpgradability.transparent} onChange={() => dispatch({ type: ContractWizardAction.CONTRACT_UPGRADABILITY_UPDATE, payload: { ...strategy.contractUpgradability, transparent: !strategy.contractUpgradability.transparent } })} />
+                <label className="form-check-label" htmlFor="featTransparent">Transparent</label>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div className="col-12 col-lg-9">
+          <div className="border rounded p-0 h-100">
+            <Editor
+              height="460px"
+              defaultLanguage="typescript"
+              options={{ readOnly: true, minimap: { enabled: false } }}
+              value={strategy.contractCode as string}
+            />
+          </div>
+          <div className="d-flex justify-content-between align-items-center gap-3 mt-3">
+            <div className="form-check m-0">
+              <input className="form-check-input" type="checkbox" id="initGit" checked={initGit} onChange={(e) => setInitGit(e.target.checked)} />
+              <label className="form-check-label" htmlFor="initGit">Initialize as a Git repository</label>
+            </div>
+            <button className="btn btn-primary btn-sm">Validate workspace</button>
+          </div>
+        </div>
+      </div>
+    </section>
+  )
+}
diff --git a/libs/remix-ui/template-explorer-modal/src/components/notfound.tsx b/libs/remix-ui/template-explorer-modal/src/components/notfound.tsx
new file mode 100644
index 00000000000..14f15b8316b
--- /dev/null
+++ b/libs/remix-ui/template-explorer-modal/src/components/notfound.tsx
@@ -0,0 +1,11 @@
+import React from 'react'
+
+export function NotFound() {
+  return (
+    <section className="d-flex flex-column align-items-center justify-content-center">
+      <img src={'assets/img/remixLogo.webp'} alt="Not Found" style={{ width: '80px', height: '80px' }} />
+      <p className="fs-5">No results found</p>
+      <p className="fs-6">Please try again with a different search criteria or choose from our template library</p>
+    </section>
+  )
+}
diff --git a/libs/remix-ui/template-explorer-modal/src/components/template-explorer-body.tsx b/libs/remix-ui/template-explorer-modal/src/components/template-explorer-body.tsx
index d0c287079e5..3cca1d48341 100644
--- a/libs/remix-ui/template-explorer-modal/src/components/template-explorer-body.tsx
+++ b/libs/remix-ui/template-explorer-modal/src/components/template-explorer-body.tsx
@@ -1,50 +1,53 @@
 import React, { useContext } from 'react'
-import { TopCard } from './topCard'
-import { TopCardProps } from '../../types/template-explorer-types'
 import { TemplateExplorer } from './template-explorer'
 import { TopCards } from './topCards'
 import { TemplateExplorerContext } from '../../context/template-explorer-context'
+import { NotFound } from './notfound'
 
 export interface TemplateExplorerBodyProps {
   plugin: any
 }
 
 export function TemplateExplorerBody({ plugin }: TemplateExplorerBodyProps) {
-  const { selectedTag, allTags, handleTagClick, clearFilter } = useContext(TemplateExplorerContext)
+  const { selectedTag, allTags, handleTagClick, clearFilter, dedupedTemplates } = useContext(TemplateExplorerContext)
 
   const filterTheseTags = tag => tag !== 'Circom' && tag !== 'All' && tag !== 'Noir' && tag !== 'AI'
   return (
     <section>
       <TopCards />
-      <div className="body overflow-y-hidden">
-        <label className="text-dark fs-5">Workspace Templates</label>
-        {/* Tag Filter Row */}
-        <div className="">
-          <div className="d-flex flex-wrap align-items-center gap-2">
+      {
+        (dedupedTemplates.length === 0) ? <NotFound /> : (
+          <div className="body overflow-y-hidden">
+            <>
+              <label className="text-dark fs-5">Workspace Templates</label>
+              <div className="">
+                <div className="d-flex flex-wrap align-items-center gap-2">
 
-            {allTags?.filter(filterTheseTags)?.reverse()?.map((tag: any) => (
-              <span
-                key={tag as any}
-                className={`badge rounded-pill p-2 fw-light ${selectedTag === tag ? 'badge rounded-pill text-info p-2 fw-light' : 'badge rounded-pill text-bg-light p-2 fw-light'}`}
-                onClick={() => handleTagClick(tag as any)}
-              >
-                {tag as any}
-              </span>
-            ))}
-            {selectedTag && (
-              <small>
-                <span
-                  className="p-0 ms-2 text-warning fw-light"
-                  onClick={clearFilter}
-                >
+                  {allTags?.filter(filterTheseTags)?.reverse()?.map((tag: any) => (
+                    <span
+                      key={tag as any}
+                      className={`badge rounded-pill p-2 fw-light ${selectedTag === tag ? 'badge rounded-pill text-info p-2 fw-light' : 'badge rounded-pill text-bg-light p-2 fw-light'}`}
+                      onClick={() => handleTagClick(tag as any)}
+                    >
+                      {tag as any}
+                    </span>
+                  ))}
+                  {selectedTag && (
+                    <small>
+                      <span
+                        className="p-0 ms-2 text-warning fw-light"
+                        onClick={clearFilter}
+                      >
                 Clear filter
-                </span>
-              </small>
-            )}
+                      </span>
+                    </small>
+                  )}
+                </div>
+              </div>
+              <TemplateExplorer />
+            </>
           </div>
-        </div>
-        <TemplateExplorer />
-      </div>
+        )}
     </section>
   )
 }
diff --git a/libs/remix-ui/template-explorer-modal/src/components/template-explorer.tsx b/libs/remix-ui/template-explorer-modal/src/components/template-explorer.tsx
index 1db82736d94..5697b1e8b8b 100644
--- a/libs/remix-ui/template-explorer-modal/src/components/template-explorer.tsx
+++ b/libs/remix-ui/template-explorer-modal/src/components/template-explorer.tsx
@@ -5,264 +5,11 @@ import { TemplateExplorerContext } from '../../context/template-explorer-context
 
 export function TemplateExplorer() {
 
-  const { metadata, recentTemplates, dedupedTemplates, addRecentTemplate, plugin } = useContext(TemplateExplorerContext)
-
-  // console.log('metadata', metadata)
-  // console.log('templatesRepository', templatesRepository)
-
-  // Get all unique tags from all templates
-  // const allTags = useMemo((): string[] => {
-  //   const tags: string[] = []
-
-  //   if (templateRepository && Array.isArray(templateRepository)) {
-  //     templateRepository.forEach((template: any) => {
-  //       if (template && template.items && Array.isArray(template.items)) {
-  //         template.items.forEach((item: any) => {
-  //           if (item && item.tagList && Array.isArray(item.tagList)) {
-  //             item.tagList.forEach((tag: string) => {
-  //               if (typeof tag === 'string' && !tags.includes(tag)) {
-  //                 tags.push(tag)
-  //               }
-  //             })
-  //           }
-  //         })
-  //       }
-  //     })
-  //   }
-
-  //   return tags.sort()
-  // }, [])
-
-  // // Recent templates (before filteredTemplates so it can be referenced later)
-  // const recentTemplates = useMemo((): TemplateItem[] => {
-  //   try {
-  //     const raw = typeof window !== 'undefined' ? window.localStorage.getItem(RECENT_KEY) : null
-  //     const list: string[] = raw ? JSON.parse(raw) : []
-  //     const items: TemplateItem[] = []
-  //     if (Array.isArray(templateRepository)) {
-  //       list.forEach((val) => {
-  //         for (const group of templateRepository as any[]) {
-  //           if (group && Array.isArray(group.items)) {
-  //             const found = group.items.find((it: any) => it && it.value === val)
-  //             if (found) {
-  //               items.push(found)
-  //               break
-  //             }
-  //           }
-  //         }
-  //       })
-  //     }
-  //     //tag filter
-  //     const filtered = selectedTag
-  //       ? items.filter((it: any) => it && Array.isArray(it.tagList) && it.tagList.includes(selectedTag))
-  //       : items
-  //     return filtered
-  //   } catch (e) {
-  //     return []
-  //   }
-  // }, [selectedTag, recentBump])
-
-  // // Filter templates based on selected tag
-  // const filteredTemplates = useMemo((): TemplateCategory[] => {
-  //   if (!selectedTag || !templateRepository || !Array.isArray(templateRepository)) {
-  //     return templateRepository as TemplateCategory[] || []
-  //   }
-
-  //   return (templateRepository as TemplateCategory[]).map((template: any) => ({
-  //     ...template,
-  //     items: template.items.filter((item: any) =>
-  //       item && item.tagList && Array.isArray(item.tagList) && item.tagList.includes(selectedTag)
-  //     )
-  //   })).filter((template: any) => template && template.items && template.items.length > 0)
-  // }, [selectedTag])
-
-  // // Dedupe templates across the whole page and avoid showing ones already in recents
-  // const dedupedTemplates = useMemo((): TemplateCategory[] => {
-  //   const recentSet = new Set<string>((recentTemplates || []).map((t: any) => t && t.value))
-  //   const seen = new Set<string>()
-  //   const makeUniqueItems = (items: any[]) => {
-  //     const unique: any[] = []
-  //     for (const it of items || []) {
-  //       const val = it && it.value
-  //       if (!val) continue
-  //       if (recentSet.has(val)) continue
-  //       if (seen.has(val)) continue
-  //       seen.add(val)
-  //       unique.push(it)
-  //     }
-  //     return unique
-  //   }
-  //   return (filteredTemplates || []).map((group: any) => ({
-  //     ...group,
-  //     items: makeUniqueItems(group && group.items ? group.items : [])
-  //   })).filter((g: any) => g && g.items && g.items.length > 0)
-  // }, [filteredTemplates, recentTemplates])
-
-  // const handleTagClick = (tag: string) => {
-  //   setSelectedTag(selectedTag === tag ? null : tag)
-  // }
-
-  // const clearFilter = () => {
-  //   setSelectedTag(null)
-  // }
-
-  // const RECENT_KEY = 'remix.recentTemplates'
-
-  // const addRecentTemplate = (templateValue: string) => {
-  //   try {
-  //     const raw = typeof window !== 'undefined' ? window.localStorage.getItem(RECENT_KEY) : null
-  //     const list: string[] = raw ? JSON.parse(raw) : []
-  //     const filtered = list.filter((v) => v !== templateValue)
-  //     filtered.unshift(templateValue)
-  //     const trimmed = filtered.slice(0, 4)
-  //     if (typeof window !== 'undefined') window.localStorage.setItem(RECENT_KEY, JSON.stringify(trimmed))
-  //     setRecentBump((v) => v + 1)
-  //   } catch (e) {
-
-  //   }
-  // }
+  const { metadata, dedupedTemplates, addRecentTemplate, plugin } = useContext(TemplateExplorerContext)
 
   return (
     <div className="template-explorer-container overflow-y-auto" style={{ height: '350px', padding: '1rem' }}>
 
-      {/* Recently Used Section */}
-      {/* {recentTemplates && recentTemplates?.length > 0 && (
-        <div className="template-category mb-4">
-          <h4 className="category-title mb-3 text-white" style={{
-            color: '#333',
-            paddingBottom: '0.5rem',
-            fontSize: '1.2rem',
-            fontWeight: '600'
-          }}>
-            Recently used
-          </h4>
-          <div className="template-items-container d-flex flex-wrap gap-3 mb-2">
-            {recentTemplates?.map((item: TemplateItem, itemIndex) => {
-              item.templateType = metadata[item.value]
-              if (item.templateType && item.templateType.disabled === true) return null
-              if (item.templateType && item.templateType.desktopCompatible === false && isElectron()) return null
-              return (
-                <div
-                  key={`recent-${item.value}-${itemIndex}`}
-                  className="template-card bg-light border-0"
-                  style={{
-                    width: '180px',
-                    height: '110px',
-                    borderRadius: '6px',
-                    padding: '0.5rem',
-                    boxShadow: '0 2px 4px rgba(0,0,0,0.1)',
-                    transition: 'all 0.2s ease',
-                    cursor: 'pointer',
-                    display: 'flex',
-                    flexDirection: 'column'
-                  }}
-                  onClick={() => {
-                    addRecentTemplate(item)
-                  }}
-                  onMouseEnter={(e) => {
-                    e.currentTarget.style.boxShadow = '0 4px 8px rgba(0,0,0,0.15)'
-                    e.currentTarget.style.transform = 'translateY(-2px)'
-                  }}
-                  onMouseLeave={(e) => {
-                    e.currentTarget.style.boxShadow = '0 2px 4px rgba(0,0,0,0.1)'
-                    e.currentTarget.style.transform = 'translateY(0)'
-                  }}
-                >
-                  <div className="card-header mb-1">
-                    <h6 className="card-title mb-1" style={{
-                      fontSize: '0.85rem',
-                      fontWeight: '600',
-                      margin: 0,
-                      lineHeight: '1.2',
-                      color: plugin?.theme?.currentTheme().name === 'Light' ? '#1B1D24' : '#FFF'
-                    }}>
-                      {item.displayName || item.value}
-                    </h6>
-                    {item.tagList && item.tagList.length > 0 && (
-                      <div className="tag-list mb-1 d-flex flex-wrap gap-1">
-                        {item.tagList.map((tag, tagIndex) => (
-                          <span key={tagIndex} className="badge bg-primary" style={{
-                            fontSize: '0.55rem',
-                            padding: '0.1rem 0.25rem',
-                            borderRadius: '2px'
-                          }}>
-                            {tag}
-                          </span>
-                        ))}
-                      </div>
-                    )}
-                  </div>
-                  <div className="card-body" style={{
-                    flex: 1,
-                    overflowY: 'auto',
-                    display: 'flex',
-                    flexDirection: 'column'
-                  }}>
-                    {item.description && (
-                      <p className="card-description mb-1 text-wrap" style={{
-                        fontSize: '0.7rem',
-                        lineHeight: '1.2',
-                        margin: 0,
-                        maxHeight: '1.8rem',
-                        overflow: 'hidden',
-                        textOverflow: 'ellipsis',
-                        display: '-webkit-box',
-                        WebkitLineClamp: 2,
-                        WebkitBoxOrient: 'vertical'
-                      }}>
-                        {item.description}
-                      </p>
-                    )}
-                    {item.opts && Object.keys(item.opts).length > 0 && (
-                      <div className="options-badges d-flex flex-wrap gap-1" style={{
-                        marginTop: 'auto'
-                      }}>
-                        {item.opts.upgradeable && (
-                          <span className="badge bg-success" style={{
-                            fontSize: '0.5rem',
-                            padding: '0.1rem 0.25rem',
-                            borderRadius: '2px'
-                          }}>
-                            UUPS
-                          </span>
-                        )}
-                        {item.opts.mintable && (
-                          <span className="badge bg-warning text-dark" style={{
-                            fontSize: '0.5rem',
-                            padding: '0.1rem 0.25rem',
-                            borderRadius: '2px'
-                          }}>
-                            Mint
-                          </span>
-                        )}
-                        {item.opts.burnable && (
-                          <span className="badge bg-danger" style={{
-                            fontSize: '0.5rem',
-                            padding: '0.1rem 0.25rem',
-                            borderRadius: '2px'
-                          }}>
-                            Burn
-                          </span>
-                        )}
-                        {item.opts.pausable && (
-                          <span className="badge bg-secondary" style={{
-                            fontSize: '0.5rem',
-                            padding: '0.1rem 0.25rem',
-                            borderRadius: '2px'
-                          }}>
-                            Pause
-                          </span>
-                        )}
-                      </div>
-                    )}
-                  </div>
-                </div>
-              )
-            })}
-          </div>
-        </div>
-      )} */}
-
       {dedupedTemplates?.map((template: TemplateCategory, templateIndex) => (
         <div key={template.name} className="template-category mb-4">
           <h4 className="category-title mb-3 text-dark" style={{
@@ -275,7 +22,7 @@ export function TemplateExplorer() {
           </h4>
 
           {template.description && (
-            <p className="category-description mb-2 text-danger" style={{ color: '#666', fontSize: '0.9rem' }}>
+            <p className="category-description mb-2 text-danger" style={{ color: '#667', fontSize: '0.9rem' }}>
               {template.description}
             </p>
           )}
@@ -407,7 +154,6 @@ export function TemplateExplorer() {
             })}
           </div>
 
-          {/* Special handling for Cookbook section */}
           {template.name === 'Cookbook' && (
             <div className="cookbook-special-card" style={{
               border: '1px solid #e0e0e0',
diff --git a/libs/remix-ui/template-explorer-modal/src/contractCode/erc1155.ts b/libs/remix-ui/template-explorer-modal/src/contractCode/erc1155.ts
new file mode 100644
index 00000000000..0a7878a16bb
--- /dev/null
+++ b/libs/remix-ui/template-explorer-modal/src/contractCode/erc1155.ts
@@ -0,0 +1,1381 @@
+export const erc1155OwnableFullOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {ERC1155Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC1155/ERC1155Upgradeable.sol";
+import {ERC1155BurnableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC1155/extensions/ERC1155BurnableUpgradeable.sol";
+import {ERC1155PausableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC1155/extensions/ERC1155PausableUpgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+import {OwnableUpgradeable} from "@openzeppelin/contracts-upgradeable/access/OwnableUpgradeable.sol";
+import {UUPSUpgradeable} from "@openzeppelin/contracts-upgradeable/proxy/utils/UUPSUpgradeable.sol";
+
+contract ${contractName} is Initializable, ERC1155Upgradeable, OwnableUpgradeable, ERC1155PausableUpgradeable, ERC1155BurnableUpgradeable, UUPSUpgradeable {
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address initialOwner) public initializer {
+        __ERC1155_init("");
+        __Ownable_init(initialOwner);
+        __ERC1155Pausable_init();
+        __ERC1155Burnable_init();
+        __UUPSUpgradeable_init();
+    }
+
+    function setURI(string memory newuri) public onlyOwner {
+        _setURI(newuri);
+    }
+
+    function pause() public onlyOwner {
+        _pause();
+    }
+
+    function unpause() public onlyOwner {
+        _unpause();
+    }
+
+    function mint(address account, uint256 id, uint256 amount, bytes memory data)
+        public
+        onlyOwner
+    {
+        _mint(account, id, amount, data);
+    }
+
+    function mintBatch(address to, uint256[] memory ids, uint256[] memory amounts, bytes memory data)
+        public
+        onlyOwner
+    {
+        _mintBatch(to, ids, amounts, data);
+    }
+
+    function _authorizeUpgrade(address newImplementation)
+        internal
+        override
+        onlyOwner
+    {}
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address from, address to, uint256[] memory ids, uint256[] memory values)
+        internal
+        override(ERC1155Upgradeable, ERC1155PausableUpgradeable)
+    {
+        super._update(from, to, ids, values);
+    }
+}
+`
+export const erc1155RolesFullOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {AccessControlUpgradeable} from "@openzeppelin/contracts-upgradeable/access/AccessControlUpgradeable.sol";
+import {ERC1155Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC1155/ERC1155Upgradeable.sol";
+import {ERC1155BurnableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC1155/extensions/ERC1155BurnableUpgradeable.sol";
+import {ERC1155PausableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC1155/extensions/ERC1155PausableUpgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+import {UUPSUpgradeable} from "@openzeppelin/contracts-upgradeable/proxy/utils/UUPSUpgradeable.sol";
+
+contract ${contractName} is Initializable, ERC1155Upgradeable, AccessControlUpgradeable, ERC1155PausableUpgradeable, ERC1155BurnableUpgradeable, UUPSUpgradeable {
+    bytes32 public constant URI_SETTER_ROLE = keccak256("URI_SETTER_ROLE");
+    bytes32 public constant PAUSER_ROLE = keccak256("PAUSER_ROLE");
+    bytes32 public constant MINTER_ROLE = keccak256("MINTER_ROLE");
+    bytes32 public constant UPGRADER_ROLE = keccak256("UPGRADER_ROLE");
+
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address defaultAdmin, address pauser, address minter, address upgrader)
+        public
+        initializer
+    {
+        __ERC1155_init("");
+        __AccessControl_init();
+        __ERC1155Pausable_init();
+        __ERC1155Burnable_init();
+        __UUPSUpgradeable_init();
+
+        _grantRole(DEFAULT_ADMIN_ROLE, defaultAdmin);
+        _grantRole(PAUSER_ROLE, pauser);
+        _grantRole(MINTER_ROLE, minter);
+        _grantRole(UPGRADER_ROLE, upgrader);
+    }
+
+    function setURI(string memory newuri) public onlyRole(URI_SETTER_ROLE) {
+        _setURI(newuri);
+    }
+
+    function pause() public onlyRole(PAUSER_ROLE) {
+        _pause();
+    }
+
+    function unpause() public onlyRole(PAUSER_ROLE) {
+        _unpause();
+    }
+
+    function mint(address account, uint256 id, uint256 amount, bytes memory data)
+        public
+        onlyRole(MINTER_ROLE)
+    {
+        _mint(account, id, amount, data);
+    }
+
+    function mintBatch(address to, uint256[] memory ids, uint256[] memory amounts, bytes memory data)
+        public
+        onlyRole(MINTER_ROLE)
+    {
+        _mintBatch(to, ids, amounts, data);
+    }
+
+    function _authorizeUpgrade(address newImplementation)
+        internal
+        override
+        onlyRole(UPGRADER_ROLE)
+    {}
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address from, address to, uint256[] memory ids, uint256[] memory values)
+        internal
+        override(ERC1155Upgradeable, ERC1155PausableUpgradeable)
+    {
+        super._update(from, to, ids, values);
+    }
+
+    function supportsInterface(bytes4 interfaceId)
+        public
+        view
+        override(ERC1155Upgradeable, AccessControlUpgradeable)
+        returns (bool)
+    {
+        return super.supportsInterface(interfaceId);
+    }
+}
+`
+
+export const erc1155ManagedFullOptions = (contractName: string) =>`
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {AccessManagedUpgradeable} from "@openzeppelin/contracts-upgradeable/access/manager/AccessManagedUpgradeable.sol";
+import {ERC1155Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC1155/ERC1155Upgradeable.sol";
+import {ERC1155BurnableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC1155/extensions/ERC1155BurnableUpgradeable.sol";
+import {ERC1155PausableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC1155/extensions/ERC1155PausableUpgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+import {UUPSUpgradeable} from "@openzeppelin/contracts-upgradeable/proxy/utils/UUPSUpgradeable.sol";
+
+contract ${contractName} is Initializable, ERC1155Upgradeable, AccessManagedUpgradeable, ERC1155PausableUpgradeable, ERC1155BurnableUpgradeable, UUPSUpgradeable {
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address initialAuthority) public initializer {
+        __ERC1155_init("");
+        __AccessManaged_init(initialAuthority);
+        __ERC1155Pausable_init();
+        __ERC1155Burnable_init();
+        __UUPSUpgradeable_init();
+    }
+
+    function setURI(string memory newuri) public restricted {
+        _setURI(newuri);
+    }
+
+    function pause() public restricted {
+        _pause();
+    }
+
+    function unpause() public restricted {
+        _unpause();
+    }
+
+    function mint(address account, uint256 id, uint256 amount, bytes memory data)
+        public
+        restricted
+    {
+        _mint(account, id, amount, data);
+    }
+
+    function mintBatch(address to, uint256[] memory ids, uint256[] memory amounts, bytes memory data)
+        public
+        restricted
+    {
+        _mintBatch(to, ids, amounts, data);
+    }
+
+    function _authorizeUpgrade(address newImplementation)
+        internal
+        override
+        restricted
+    {}
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address from, address to, uint256[] memory ids, uint256[] memory values)
+        internal
+        override(ERC1155Upgradeable, ERC1155PausableUpgradeable)
+    {
+        super._update(from, to, ids, values);
+    }
+}
+`
+
+export const erc1155ManagedTransparentFullOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {AccessManagedUpgradeable} from "@openzeppelin/contracts-upgradeable/access/manager/AccessManagedUpgradeable.sol";
+import {ERC1155Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC1155/ERC1155Upgradeable.sol";
+import {ERC1155BurnableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC1155/extensions/ERC1155BurnableUpgradeable.sol";
+import {ERC1155PausableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC1155/extensions/ERC1155PausableUpgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+
+contract ${contractName} is Initializable, ERC1155Upgradeable, AccessManagedUpgradeable, ERC1155PausableUpgradeable, ERC1155BurnableUpgradeable {
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address initialAuthority) public initializer {
+        __ERC1155_init("");
+        __AccessManaged_init(initialAuthority);
+        __ERC1155Pausable_init();
+        __ERC1155Burnable_init();
+    }
+
+    function setURI(string memory newuri) public restricted {
+        _setURI(newuri);
+    }
+
+    function pause() public restricted {
+        _pause();
+    }
+
+    function unpause() public restricted {
+        _unpause();
+    }
+
+    function mint(address account, uint256 id, uint256 amount, bytes memory data)
+        public
+        restricted
+    {
+        _mint(account, id, amount, data);
+    }
+
+    function mintBatch(address to, uint256[] memory ids, uint256[] memory amounts, bytes memory data)
+        public
+        restricted
+    {
+        _mintBatch(to, ids, amounts, data);
+    }
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address from, address to, uint256[] memory ids, uint256[] memory values)
+        internal
+        override(ERC1155Upgradeable, ERC1155PausableUpgradeable)
+    {
+        super._update(from, to, ids, values);
+    }
+}
+`
+
+export const erc1155RolesTransparentFullOptions = `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {AccessControlUpgradeable} from "@openzeppelin/contracts-upgradeable/access/AccessControlUpgradeable.sol";
+import {ERC1155Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC1155/ERC1155Upgradeable.sol";
+import {ERC1155BurnableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC1155/extensions/ERC1155BurnableUpgradeable.sol";
+import {ERC1155PausableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC1155/extensions/ERC1155PausableUpgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+
+contract MyToken is Initializable, ERC1155Upgradeable, AccessControlUpgradeable, ERC1155PausableUpgradeable, ERC1155BurnableUpgradeable {
+    bytes32 public constant URI_SETTER_ROLE = keccak256("URI_SETTER_ROLE");
+    bytes32 public constant PAUSER_ROLE = keccak256("PAUSER_ROLE");
+    bytes32 public constant MINTER_ROLE = keccak256("MINTER_ROLE");
+
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address defaultAdmin, address pauser, address minter)
+        public
+        initializer
+    {
+        __ERC1155_init("");
+        __AccessControl_init();
+        __ERC1155Pausable_init();
+        __ERC1155Burnable_init();
+
+        _grantRole(DEFAULT_ADMIN_ROLE, defaultAdmin);
+        _grantRole(PAUSER_ROLE, pauser);
+        _grantRole(MINTER_ROLE, minter);
+    }
+
+    function setURI(string memory newuri) public onlyRole(URI_SETTER_ROLE) {
+        _setURI(newuri);
+    }
+
+    function pause() public onlyRole(PAUSER_ROLE) {
+        _pause();
+    }
+
+    function unpause() public onlyRole(PAUSER_ROLE) {
+        _unpause();
+    }
+
+    function mint(address account, uint256 id, uint256 amount, bytes memory data)
+        public
+        onlyRole(MINTER_ROLE)
+    {
+        _mint(account, id, amount, data);
+    }
+
+    function mintBatch(address to, uint256[] memory ids, uint256[] memory amounts, bytes memory data)
+        public
+        onlyRole(MINTER_ROLE)
+    {
+        _mintBatch(to, ids, amounts, data);
+    }
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address from, address to, uint256[] memory ids, uint256[] memory values)
+        internal
+        override(ERC1155Upgradeable, ERC1155PausableUpgradeable)
+    {
+        super._update(from, to, ids, values);
+    }
+
+    function supportsInterface(bytes4 interfaceId)
+        public
+        view
+        override(ERC1155Upgradeable, AccessControlUpgradeable)
+        returns (bool)
+    {
+        return super.supportsInterface(interfaceId);
+    }
+}
+`
+
+export const erc1155OwnableTransparentFullOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {ERC1155Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC1155/ERC1155Upgradeable.sol";
+import {ERC1155BurnableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC1155/extensions/ERC1155BurnableUpgradeable.sol";
+import {ERC1155PausableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC1155/extensions/ERC1155PausableUpgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+import {OwnableUpgradeable} from "@openzeppelin/contracts-upgradeable/access/OwnableUpgradeable.sol";
+
+contract ${contractName} is Initializable, ERC1155Upgradeable, OwnableUpgradeable, ERC1155PausableUpgradeable, ERC1155BurnableUpgradeable {
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address initialOwner) public initializer {
+        __ERC1155_init("");
+        __Ownable_init(initialOwner);
+        __ERC1155Pausable_init();
+        __ERC1155Burnable_init();
+    }
+
+    function setURI(string memory newuri) public onlyOwner {
+        _setURI(newuri);
+    }
+
+    function pause() public onlyOwner {
+        _pause();
+    }
+
+    function unpause() public onlyOwner {
+        _unpause();
+    }
+
+    function mint(address account, uint256 id, uint256 amount, bytes memory data)
+        public
+        onlyOwner
+    {
+        _mint(account, id, amount, data);
+    }
+
+    function mintBatch(address to, uint256[] memory ids, uint256[] memory amounts, bytes memory data)
+        public
+        onlyOwner
+    {
+        _mintBatch(to, ids, amounts, data);
+    }
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address from, address to, uint256[] memory ids, uint256[] memory values)
+        internal
+        override(ERC1155Upgradeable, ERC1155PausableUpgradeable)
+    {
+        super._update(from, to, ids, values);
+    }
+}
+`
+
+export const erc1155PausableBurnableOwnableOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {ERC1155} from "@openzeppelin/contracts/token/ERC1155/ERC1155.sol";
+import {ERC1155Burnable} from "@openzeppelin/contracts/token/ERC1155/extensions/ERC1155Burnable.sol";
+import {ERC1155Pausable} from "@openzeppelin/contracts/token/ERC1155/extensions/ERC1155Pausable.sol";
+import {Ownable} from "@openzeppelin/contracts/access/Ownable.sol";
+
+contract ${contractName} is ERC1155, Ownable, ERC1155Pausable, ERC1155Burnable {
+    constructor(address initialOwner) ERC1155("") Ownable(initialOwner) {}
+
+    function setURI(string memory newuri) public onlyOwner {
+        _setURI(newuri);
+    }
+
+    function pause() public onlyOwner {
+        _pause();
+    }
+
+    function unpause() public onlyOwner {
+        _unpause();
+    }
+
+    function mint(address account, uint256 id, uint256 amount, bytes memory data)
+        public
+        onlyOwner
+    {
+        _mint(account, id, amount, data);
+    }
+
+    function mintBatch(address to, uint256[] memory ids, uint256[] memory amounts, bytes memory data)
+        public
+        onlyOwner
+    {
+        _mintBatch(to, ids, amounts, data);
+    }
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address from, address to, uint256[] memory ids, uint256[] memory values)
+        internal
+        override(ERC1155, ERC1155Pausable)
+    {
+        super._update(from, to, ids, values);
+    }
+}
+`
+
+export const erc1155DefaultOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {ERC1155} from "@openzeppelin/contracts/token/ERC1155/ERC1155.sol";
+import {Ownable} from "@openzeppelin/contracts/access/Ownable.sol";
+
+contract ${contractName} is ERC1155, Ownable {
+    constructor(address initialOwner) ERC1155("") Ownable(initialOwner) {}
+
+    function setURI(string memory newuri) public onlyOwner {
+        _setURI(newuri);
+    }
+}
+`
+
+export const erc1155PausableOwnableOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {ERC1155} from "@openzeppelin/contracts/token/ERC1155/ERC1155.sol";
+import {ERC1155Pausable} from "@openzeppelin/contracts/token/ERC1155/extensions/ERC1155Pausable.sol";
+import {Ownable} from "@openzeppelin/contracts/access/Ownable.sol";
+
+contract ${contractName} is ERC1155, Ownable, ERC1155Pausable {
+    constructor(address initialOwner) ERC1155("") Ownable(initialOwner) {}
+
+    function setURI(string memory newuri) public onlyOwner {
+        _setURI(newuri);
+    }
+
+    function pause() public onlyOwner {
+        _pause();
+    }
+
+    function unpause() public onlyOwner {
+        _unpause();
+    }
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address from, address to, uint256[] memory ids, uint256[] memory values)
+        internal
+        override(ERC1155, ERC1155Pausable)
+    {
+        super._update(from, to, ids, values);
+    }
+}
+`
+
+export const erc1155BurnableOwnableOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {ERC1155} from "@openzeppelin/contracts/token/ERC1155/ERC1155.sol";
+import {ERC1155Burnable} from "@openzeppelin/contracts/token/ERC1155/extensions/ERC1155Burnable.sol";
+import {Ownable} from "@openzeppelin/contracts/access/Ownable.sol";
+
+contract ${contractName} is ERC1155, Ownable, ERC1155Burnable {
+    constructor(address initialOwner) ERC1155("") Ownable(initialOwner) {}
+
+    function setURI(string memory newuri) public onlyOwner {
+        _setURI(newuri);
+    }
+}
+`
+
+export const erc1155MintableOwnableOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {ERC1155} from "@openzeppelin/contracts/token/ERC1155/ERC1155.sol";
+import {Ownable} from "@openzeppelin/contracts/access/Ownable.sol";
+
+contract ${contractName} is ERC1155, Ownable {
+    constructor(address initialOwner) ERC1155("") Ownable(initialOwner) {}
+
+    function setURI(string memory newuri) public onlyOwner {
+        _setURI(newuri);
+    }
+
+    function mint(address account, uint256 id, uint256 amount, bytes memory data)
+        public
+        onlyOwner
+    {
+        _mint(account, id, amount, data);
+    }
+
+    function mintBatch(address to, uint256[] memory ids, uint256[] memory amounts, bytes memory data)
+        public
+        onlyOwner
+    {
+        _mintBatch(to, ids, amounts, data);
+    }
+}
+`
+
+export const erc1155MintableBurnablePausableOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {ERC1155} from "@openzeppelin/contracts/token/ERC1155/ERC1155.sol";
+import {ERC1155Burnable} from "@openzeppelin/contracts/token/ERC1155/extensions/ERC1155Burnable.sol";
+import {ERC1155Pausable} from "@openzeppelin/contracts/token/ERC1155/extensions/ERC1155Pausable.sol";
+import {ERC1155Supply} from "@openzeppelin/contracts/token/ERC1155/extensions/ERC1155Supply.sol";
+import {Ownable} from "@openzeppelin/contracts/access/Ownable.sol";
+
+contract ${contractName} is ERC1155, Ownable, ERC1155Pausable, ERC1155Burnable, ERC1155Supply {
+    constructor(address initialOwner) ERC1155("") Ownable(initialOwner) {}
+
+    function setURI(string memory newuri) public onlyOwner {
+        _setURI(newuri);
+    }
+
+    function pause() public onlyOwner {
+        _pause();
+    }
+
+    function unpause() public onlyOwner {
+        _unpause();
+    }
+
+    function mint(address account, uint256 id, uint256 amount, bytes memory data)
+        public
+        onlyOwner
+    {
+        _mint(account, id, amount, data);
+    }
+
+    function mintBatch(address to, uint256[] memory ids, uint256[] memory amounts, bytes memory data)
+        public
+        onlyOwner
+    {
+        _mintBatch(to, ids, amounts, data);
+    }
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address from, address to, uint256[] memory ids, uint256[] memory values)
+        internal
+        override(ERC1155, ERC1155Pausable, ERC1155Supply)
+    {
+        super._update(from, to, ids, values);
+    }
+}
+`
+
+export const erc1155MintablePausableBurnableRolesOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {AccessControl} from "@openzeppelin/contracts/access/AccessControl.sol";
+import {ERC1155} from "@openzeppelin/contracts/token/ERC1155/ERC1155.sol";
+import {ERC1155Burnable} from "@openzeppelin/contracts/token/ERC1155/extensions/ERC1155Burnable.sol";
+import {ERC1155Pausable} from "@openzeppelin/contracts/token/ERC1155/extensions/ERC1155Pausable.sol";
+
+contract ${contractName} is ERC1155, AccessControl, ERC1155Pausable, ERC1155Burnable {
+    bytes32 public constant URI_SETTER_ROLE = keccak256("URI_SETTER_ROLE");
+    bytes32 public constant PAUSER_ROLE = keccak256("PAUSER_ROLE");
+    bytes32 public constant MINTER_ROLE = keccak256("MINTER_ROLE");
+
+    constructor(address defaultAdmin, address pauser, address minter) ERC1155("") {
+        _grantRole(DEFAULT_ADMIN_ROLE, defaultAdmin);
+        _grantRole(PAUSER_ROLE, pauser);
+        _grantRole(MINTER_ROLE, minter);
+    }
+
+    function setURI(string memory newuri) public onlyRole(URI_SETTER_ROLE) {
+        _setURI(newuri);
+    }
+
+    function pause() public onlyRole(PAUSER_ROLE) {
+        _pause();
+    }
+
+    function unpause() public onlyRole(PAUSER_ROLE) {
+        _unpause();
+    }
+
+    function mint(address account, uint256 id, uint256 amount, bytes memory data)
+        public
+        onlyRole(MINTER_ROLE)
+    {
+        _mint(account, id, amount, data);
+    }
+
+    function mintBatch(address to, uint256[] memory ids, uint256[] memory amounts, bytes memory data)
+        public
+        onlyRole(MINTER_ROLE)
+    {
+        _mintBatch(to, ids, amounts, data);
+    }
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address from, address to, uint256[] memory ids, uint256[] memory values)
+        internal
+        override(ERC1155, ERC1155Pausable)
+    {
+        super._update(from, to, ids, values);
+    }
+
+    function supportsInterface(bytes4 interfaceId)
+        public
+        view
+        override(ERC1155, AccessControl)
+        returns (bool)
+    {
+        return super.supportsInterface(interfaceId);
+    }
+}
+`
+
+export const erc1155UUPSOwnableMintableBurnablePausableOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {ERC1155Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC1155/ERC1155Upgradeable.sol";
+import {ERC1155BurnableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC1155/extensions/ERC1155BurnableUpgradeable.sol";
+import {ERC1155PausableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC1155/extensions/ERC1155PausableUpgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+import {OwnableUpgradeable} from "@openzeppelin/contracts-upgradeable/access/OwnableUpgradeable.sol";
+import {UUPSUpgradeable} from "@openzeppelin/contracts-upgradeable/proxy/utils/UUPSUpgradeable.sol";
+
+contract MyToken is Initializable, ERC1155Upgradeable, ERC1155PausableUpgradeable, OwnableUpgradeable, ERC1155BurnableUpgradeable, UUPSUpgradeable {
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address initialOwner) public initializer {
+        __ERC1155_init("");
+        __ERC1155Pausable_init();
+        __Ownable_init(initialOwner);
+        __ERC1155Burnable_init();
+        __UUPSUpgradeable_init();
+    }
+
+    function pause() public onlyOwner {
+        _pause();
+    }
+
+    function unpause() public onlyOwner {
+        _unpause();
+    }
+
+    function mint(address account, uint256 id, uint256 amount, bytes memory data)
+        public
+        onlyOwner
+    {
+        _mint(account, id, amount, data);
+    }
+
+    function mintBatch(address to, uint256[] memory ids, uint256[] memory amounts, bytes memory data)
+        public
+        onlyOwner
+    {
+        _mintBatch(to, ids, amounts, data);
+    }
+
+    function _authorizeUpgrade(address newImplementation)
+        internal
+        override
+        onlyOwner
+    {}
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address from, address to, uint256[] memory ids, uint256[] memory values)
+        internal
+        override(ERC1155Upgradeable, ERC1155PausableUpgradeable)
+    {
+        super._update(from, to, ids, values);
+    }
+}
+`
+
+export const erc1155MintablePausableBurnableManagedOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {AccessManaged} from "@openzeppelin/contracts/access/manager/AccessManaged.sol";
+import {ERC1155} from "@openzeppelin/contracts/token/ERC1155/ERC1155.sol";
+import {ERC1155Burnable} from "@openzeppelin/contracts/token/ERC1155/extensions/ERC1155Burnable.sol";
+import {ERC1155Pausable} from "@openzeppelin/contracts/token/ERC1155/extensions/ERC1155Pausable.sol";
+
+contract ${contractName} is ERC1155, AccessManaged, ERC1155Pausable, ERC1155Burnable {
+    constructor(address initialAuthority)
+        ERC1155("")
+        AccessManaged(initialAuthority)
+    {}
+
+    function setURI(string memory newuri) public restricted {
+        _setURI(newuri);
+    }
+
+    function pause() public restricted {
+        _pause();
+    }
+
+    function unpause() public restricted {
+        _unpause();
+    }
+
+    function mint(address account, uint256 id, uint256 amount, bytes memory data)
+        public
+        restricted
+    {
+        _mint(account, id, amount, data);
+    }
+
+    function mintBatch(address to, uint256[] memory ids, uint256[] memory amounts, bytes memory data)
+        public
+        restricted
+    {
+        _mintBatch(to, ids, amounts, data);
+    }
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address from, address to, uint256[] memory ids, uint256[] memory values)
+        internal
+        override(ERC1155, ERC1155Pausable)
+    {
+        super._update(from, to, ids, values);
+    }
+}
+`
+
+export const erc1155MintableBurnableRolesOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {ERC1155Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC1155/ERC1155Upgradeable.sol";
+import {ERC1155BurnableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC1155/extensions/ERC1155BurnableUpgradeable.sol";
+import {ERC1155PausableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC1155/extensions/ERC1155PausableUpgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+import {OwnableUpgradeable} from "@openzeppelin/contracts-upgradeable/access/OwnableUpgradeable.sol";
+import {UUPSUpgradeable} from "@openzeppelin/contracts-upgradeable/proxy/utils/UUPSUpgradeable.sol";
+
+contract MyToken is Initializable, ERC1155Upgradeable, ERC1155PausableUpgradeable, OwnableUpgradeable, ERC1155BurnableUpgradeable, UUPSUpgradeable {
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address initialOwner) public initializer {
+        __ERC1155_init("");
+        __ERC1155Pausable_init();
+        __Ownable_init(initialOwner);
+        __ERC1155Burnable_init();
+        __UUPSUpgradeable_init();
+    }
+
+    function pause() public onlyOwner {
+        _pause();
+    }
+
+    function unpause() public onlyOwner {
+        _unpause();
+    }
+
+    function mint(address account, uint256 id, uint256 amount, bytes memory data)
+        public
+        onlyOwner
+    {
+        _mint(account, id, amount, data);
+    }
+
+    function mintBatch(address to, uint256[] memory ids, uint256[] memory amounts, bytes memory data)
+        public
+        onlyOwner
+    {
+        _mintBatch(to, ids, amounts, data);
+    }
+
+    function _authorizeUpgrade(address newImplementation)
+        internal
+        override
+        onlyOwner
+    {}
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address from, address to, uint256[] memory ids, uint256[] memory values)
+        internal
+        override(ERC1155Upgradeable, ERC1155PausableUpgradeable)
+    {
+        super._update(from, to, ids, values);
+    }
+}
+`
+
+export const erc1155UUPSOwnableFullOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {ERC1155Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC1155/ERC1155Upgradeable.sol";
+import {ERC1155BurnableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC1155/extensions/ERC1155BurnableUpgradeable.sol";
+import {ERC1155PausableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC1155/extensions/ERC1155PausableUpgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+import {OwnableUpgradeable} from "@openzeppelin/contracts-upgradeable/access/OwnableUpgradeable.sol";
+import {UUPSUpgradeable} from "@openzeppelin/contracts-upgradeable/proxy/utils/UUPSUpgradeable.sol";
+
+contract MyToken is Initializable, ERC1155Upgradeable, ERC1155PausableUpgradeable, OwnableUpgradeable, ERC1155BurnableUpgradeable, UUPSUpgradeable {
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address initialOwner) public initializer {
+        __ERC1155_init("");
+        __ERC1155Pausable_init();
+        __Ownable_init(initialOwner);
+        __ERC1155Burnable_init();
+        __UUPSUpgradeable_init();
+    }
+
+    function pause() public onlyOwner {
+        _pause();
+    }
+
+    function unpause() public onlyOwner {
+        _unpause();
+    }
+
+    function mint(address account, uint256 id, uint256 amount, bytes memory data)
+        public
+        onlyOwner
+    {
+        _mint(account, id, amount, data);
+    }
+
+    function mintBatch(address to, uint256[] memory ids, uint256[] memory amounts, bytes memory data)
+        public
+        onlyOwner
+    {
+        _mintBatch(to, ids, amounts, data);
+    }
+
+    function _authorizeUpgrade(address newImplementation)
+        internal
+        override
+        onlyOwner
+    {}
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address from, address to, uint256[] memory ids, uint256[] memory values)
+        internal
+        override(ERC1155Upgradeable, ERC1155PausableUpgradeable)
+    {
+        super._update(from, to, ids, values);
+    }
+}
+`
+
+export const erc1155UUPSRolesFullOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {AccessControlUpgradeable} from "@openzeppelin/contracts-upgradeable/access/AccessControlUpgradeable.sol";
+import {ERC1155Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC1155/ERC1155Upgradeable.sol";
+import {ERC1155BurnableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC1155/extensions/ERC1155BurnableUpgradeable.sol";
+import {ERC1155PausableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC1155/extensions/ERC1155PausableUpgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+import {UUPSUpgradeable} from "@openzeppelin/contracts-upgradeable/proxy/utils/UUPSUpgradeable.sol";
+
+contract MyToken is Initializable, ERC1155Upgradeable, ERC1155PausableUpgradeable, AccessControlUpgradeable, ERC1155BurnableUpgradeable, UUPSUpgradeable {
+    bytes32 public constant PAUSER_ROLE = keccak256("PAUSER_ROLE");
+    bytes32 public constant MINTER_ROLE = keccak256("MINTER_ROLE");
+    bytes32 public constant UPGRADER_ROLE = keccak256("UPGRADER_ROLE");
+
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address defaultAdmin, address pauser, address minter, address upgrader)
+        public
+        initializer
+    {
+        __ERC1155_init("");
+        __ERC1155Pausable_init();
+        __AccessControl_init();
+        __ERC1155Burnable_init();
+        __UUPSUpgradeable_init();
+
+        _grantRole(DEFAULT_ADMIN_ROLE, defaultAdmin);
+        _grantRole(PAUSER_ROLE, pauser);
+        _grantRole(MINTER_ROLE, minter);
+        _grantRole(UPGRADER_ROLE, upgrader);
+    }
+
+    function pause() public onlyRole(PAUSER_ROLE) {
+        _pause();
+    }
+
+    function unpause() public onlyRole(PAUSER_ROLE) {
+        _unpause();
+    }
+
+    function mint(address account, uint256 id, uint256 amount, bytes memory data)
+        public
+        onlyRole(MINTER_ROLE)
+    {
+        _mint(account, id, amount, data);
+    }
+
+    function mintBatch(address to, uint256[] memory ids, uint256[] memory amounts, bytes memory data)
+        public
+        onlyRole(MINTER_ROLE)
+    {
+        _mintBatch(to, ids, amounts, data);
+    }
+
+    function _authorizeUpgrade(address newImplementation)
+        internal
+        override
+        onlyRole(UPGRADER_ROLE)
+    {}
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address from, address to, uint256[] memory ids, uint256[] memory values)
+        internal
+        override(ERC1155Upgradeable, ERC1155PausableUpgradeable)
+    {
+        super._update(from, to, ids, values);
+    }
+
+    function supportsInterface(bytes4 interfaceId)
+        public
+        view
+        override(ERC1155Upgradeable, AccessControlUpgradeable)
+        returns (bool)
+    {
+        return super.supportsInterface(interfaceId);
+    }
+}
+`
+
+export const erc1155UUPSManagedFullOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {AccessManagedUpgradeable} from "@openzeppelin/contracts-upgradeable/access/manager/AccessManagedUpgradeable.sol";
+import {ERC1155Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC1155/ERC1155Upgradeable.sol";
+import {ERC1155BurnableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC1155/extensions/ERC1155BurnableUpgradeable.sol";
+import {ERC1155PausableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC1155/extensions/ERC1155PausableUpgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+import {UUPSUpgradeable} from "@openzeppelin/contracts-upgradeable/proxy/utils/UUPSUpgradeable.sol";
+
+contract MyToken is Initializable, ERC1155Upgradeable, ERC1155PausableUpgradeable, AccessManagedUpgradeable, ERC1155BurnableUpgradeable, UUPSUpgradeable {
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address initialAuthority) public initializer {
+        __ERC1155_init("");
+        __ERC1155Pausable_init();
+        __AccessManaged_init(initialAuthority);
+        __ERC1155Burnable_init();
+        __UUPSUpgradeable_init();
+    }
+
+    function pause() public restricted {
+        _pause();
+    }
+
+    function unpause() public restricted {
+        _unpause();
+    }
+
+    function mint(address account, uint256 id, uint256 amount, bytes memory data)
+        public
+        restricted
+    {
+        _mint(account, id, amount, data);
+    }
+
+    function mintBatch(address to, uint256[] memory ids, uint256[] memory amounts, bytes memory data)
+        public
+        restricted
+    {
+        _mintBatch(to, ids, amounts, data);
+    }
+
+    function _authorizeUpgrade(address newImplementation)
+        internal
+        override
+        restricted
+    {}
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address from, address to, uint256[] memory ids, uint256[] memory values)
+        internal
+        override(ERC1155Upgradeable, ERC1155PausableUpgradeable)
+    {
+        super._update(from, to, ids, values);
+    }
+}
+`
+
+export const erc1155UUPSManagedTransparentFullOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {AccessManagedUpgradeable} from "@openzeppelin/contracts-upgradeable/access/manager/AccessManagedUpgradeable.sol";
+import {ERC1155Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC1155/ERC1155Upgradeable.sol";
+import {ERC1155BurnableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC1155/extensions/ERC1155BurnableUpgradeable.sol";
+import {ERC1155PausableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC1155/extensions/ERC1155PausableUpgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+
+contract MyToken is Initializable, ERC1155Upgradeable, ERC1155PausableUpgradeable, AccessManagedUpgradeable, ERC1155BurnableUpgradeable {
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address initialAuthority) public initializer {
+        __ERC1155_init("");
+        __ERC1155Pausable_init();
+        __AccessManaged_init(initialAuthority);
+        __ERC1155Burnable_init();
+    }
+
+    function pause() public restricted {
+        _pause();
+    }
+
+    function unpause() public restricted {
+        _unpause();
+    }
+
+    function mint(address account, uint256 id, uint256 amount, bytes memory data)
+        public
+        restricted
+    {
+        _mint(account, id, amount, data);
+    }
+
+    function mintBatch(address to, uint256[] memory ids, uint256[] memory amounts, bytes memory data)
+        public
+        restricted
+    {
+        _mintBatch(to, ids, amounts, data);
+    }
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address from, address to, uint256[] memory ids, uint256[] memory values)
+        internal
+        override(ERC1155Upgradeable, ERC1155PausableUpgradeable)
+    {
+        super._update(from, to, ids, values);
+    }
+}
+`
+
+export const erc1155TransparentOwnableFullOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {ERC1155Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC1155/ERC1155Upgradeable.sol";
+import {ERC1155BurnableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC1155/extensions/ERC1155BurnableUpgradeable.sol";
+import {ERC1155PausableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC1155/extensions/ERC1155PausableUpgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+import {OwnableUpgradeable} from "@openzeppelin/contracts-upgradeable/access/OwnableUpgradeable.sol";
+
+contract MyToken is Initializable, ERC1155Upgradeable, ERC1155PausableUpgradeable, OwnableUpgradeable, ERC1155BurnableUpgradeable {
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address initialOwner) public initializer {
+        __ERC1155_init("");
+        __ERC1155Pausable_init();
+        __Ownable_init(initialOwner);
+        __ERC1155Burnable_init();
+    }
+
+    function pause() public onlyOwner {
+        _pause();
+    }
+
+    function unpause() public onlyOwner {
+        _unpause();
+    }
+
+    function mint(address account, uint256 id, uint256 amount, bytes memory data)
+        public
+        onlyOwner
+    {
+        _mint(account, id, amount, data);
+    }
+
+    function mintBatch(address to, uint256[] memory ids, uint256[] memory amounts, bytes memory data)
+        public
+        onlyOwner
+    {
+        _mintBatch(to, ids, amounts, data);
+    }
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address from, address to, uint256[] memory ids, uint256[] memory values)
+        internal
+        override(ERC1155Upgradeable, ERC1155PausableUpgradeable)
+    {
+        super._update(from, to, ids, values);
+    }
+}
+`
+
+export const erc1155BurnableOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {ERC1155} from "@openzeppelin/contracts/token/ERC1155/ERC1155.sol";
+import {ERC1155Burnable} from "@openzeppelin/contracts/token/ERC1155/extensions/ERC1155Burnable.sol";
+
+contract MyToken is ERC1155, ERC1155Burnable {
+    constructor() ERC1155("") {}
+}
+`
+
+export const erc1155TransparentRolesFullOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {AccessControlUpgradeable} from "@openzeppelin/contracts-upgradeable/access/AccessControlUpgradeable.sol";
+import {ERC1155Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC1155/ERC1155Upgradeable.sol";
+import {ERC1155BurnableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC1155/extensions/ERC1155BurnableUpgradeable.sol";
+import {ERC1155PausableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC1155/extensions/ERC1155PausableUpgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+
+contract MyToken is Initializable, ERC1155Upgradeable, ERC1155PausableUpgradeable, AccessControlUpgradeable, ERC1155BurnableUpgradeable {
+    bytes32 public constant PAUSER_ROLE = keccak256("PAUSER_ROLE");
+    bytes32 public constant MINTER_ROLE = keccak256("MINTER_ROLE");
+
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address defaultAdmin, address pauser, address minter)
+        public
+        initializer
+    {
+        __ERC1155_init("");
+        __ERC1155Pausable_init();
+        __AccessControl_init();
+        __ERC1155Burnable_init();
+
+        _grantRole(DEFAULT_ADMIN_ROLE, defaultAdmin);
+        _grantRole(PAUSER_ROLE, pauser);
+        _grantRole(MINTER_ROLE, minter);
+    }
+
+    function pause() public onlyRole(PAUSER_ROLE) {
+        _pause();
+    }
+
+    function unpause() public onlyRole(PAUSER_ROLE) {
+        _unpause();
+    }
+
+    function mint(address account, uint256 id, uint256 amount, bytes memory data)
+        public
+        onlyRole(MINTER_ROLE)
+    {
+        _mint(account, id, amount, data);
+    }
+
+    function mintBatch(address to, uint256[] memory ids, uint256[] memory amounts, bytes memory data)
+        public
+        onlyRole(MINTER_ROLE)
+    {
+        _mintBatch(to, ids, amounts, data);
+    }
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address from, address to, uint256[] memory ids, uint256[] memory values)
+        internal
+        override(ERC1155Upgradeable, ERC1155PausableUpgradeable)
+    {
+        super._update(from, to, ids, values);
+    }
+
+    function supportsInterface(bytes4 interfaceId)
+        public
+        view
+        override(ERC1155Upgradeable, AccessControlUpgradeable)
+        returns (bool)
+    {
+        return super.supportsInterface(interfaceId);
+    }
+}
+`
+
+export const erc1155PausableRolesOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {AccessControl} from "@openzeppelin/contracts/access/AccessControl.sol";
+import {ERC1155} from "@openzeppelin/contracts/token/ERC1155/ERC1155.sol";
+import {ERC1155Pausable} from "@openzeppelin/contracts/token/ERC1155/extensions/ERC1155Pausable.sol";
+
+contract MyToken is ERC1155, ERC1155Pausable, AccessControl {
+    bytes32 public constant PAUSER_ROLE = keccak256("PAUSER_ROLE");
+
+    constructor(address defaultAdmin, address pauser) ERC1155("") {
+        _grantRole(DEFAULT_ADMIN_ROLE, defaultAdmin);
+        _grantRole(PAUSER_ROLE, pauser);
+    }
+
+    function pause() public onlyRole(PAUSER_ROLE) {
+        _pause();
+    }
+
+    function unpause() public onlyRole(PAUSER_ROLE) {
+        _unpause();
+    }
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address from, address to, uint256[] memory ids, uint256[] memory values)
+        internal
+        override(ERC1155, ERC1155Pausable)
+    {
+        super._update(from, to, ids, values);
+    }
+
+    function supportsInterface(bytes4 interfaceId)
+        public
+        view
+        override(ERC1155, AccessControl)
+        returns (bool)
+    {
+        return super.supportsInterface(interfaceId);
+    }
+}
+`
+
+export const erc1155PausableManagedOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {AccessManaged} from "@openzeppelin/contracts/access/manager/AccessManaged.sol";
+import {ERC1155} from "@openzeppelin/contracts/token/ERC1155/ERC1155.sol";
+import {ERC1155Pausable} from "@openzeppelin/contracts/token/ERC1155/extensions/ERC1155Pausable.sol";
+
+contract MyToken is ERC1155, ERC1155Pausable, AccessManaged {
+    constructor(address initialAuthority)
+        ERC1155("")
+        AccessManaged(initialAuthority)
+    {}
+
+    function pause() public restricted {
+        _pause();
+    }
+
+    function unpause() public restricted {
+        _unpause();
+    }
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address from, address to, uint256[] memory ids, uint256[] memory values)
+        internal
+        override(ERC1155, ERC1155Pausable)
+    {
+        super._update(from, to, ids, values);
+    }
+}
+`
+
diff --git a/libs/remix-ui/template-explorer-modal/src/contractCode/erc20.ts b/libs/remix-ui/template-explorer-modal/src/contractCode/erc20.ts
new file mode 100644
index 00000000000..d99a5ad119c
--- /dev/null
+++ b/libs/remix-ui/template-explorer-modal/src/contractCode/erc20.ts
@@ -0,0 +1,1481 @@
+export const erc20DefaultNoOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {ERC20} from "@openzeppelin/contracts/token/ERC20/ERC20.sol";
+
+contract ${contractName} is ERC20 {
+    constructor() ERC20("MyToken", "MTK") {}
+}
+`
+
+export const erc20MintableOwnableOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {ERC20} from "@openzeppelin/contracts/token/ERC20/ERC20.sol";
+import {Ownable} from "@openzeppelin/contracts/access/Ownable.sol";
+
+contract ${contractName} is ERC20, Ownable {
+    constructor(address initialOwner)
+        ERC20("MyToken", "MTK")
+        Ownable(initialOwner)
+    {}
+
+    function mint(address to, uint256 amount) public onlyOwner {
+        _mint(to, amount);
+    }
+}
+`
+
+export const erc20MintablePausableBurnableOwnableOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {ERC20Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC20/ERC20Upgradeable.sol";
+import {ERC20BurnableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC20/extensions/ERC20BurnableUpgradeable.sol";
+import {ERC20PausableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC20/extensions/ERC20PausableUpgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+import {OwnableUpgradeable} from "@openzeppelin/contracts-upgradeable/access/OwnableUpgradeable.sol";
+import {UUPSUpgradeable} from "@openzeppelin/contracts-upgradeable/proxy/utils/UUPSUpgradeable.sol";
+
+contract MyToken is Initializable, ERC20Upgradeable, ERC20BurnableUpgradeable, ERC20PausableUpgradeable, OwnableUpgradeable, UUPSUpgradeable {
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address initialOwner) public initializer {
+        __ERC20_init("MyToken", "MTK");
+        __ERC20Burnable_init();
+        __ERC20Pausable_init();
+        __Ownable_init(initialOwner);
+        __UUPSUpgradeable_init();
+    }
+
+    function pause() public onlyOwner {
+        _pause();
+    }
+
+    function unpause() public onlyOwner {
+        _unpause();
+    }
+
+    function mint(address to, uint256 amount) public onlyOwner {
+        _mint(to, amount);
+    }
+
+    function _authorizeUpgrade(address newImplementation)
+        internal
+        override
+        onlyOwner
+    {}
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address from, address to, uint256 value)
+        internal
+        override(ERC20Upgradeable, ERC20PausableUpgradeable)
+    {
+        super._update(from, to, value);
+    }
+}
+
+`
+
+export const erc20MintablePausableBurnableRolesOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {AccessControlUpgradeable} from "@openzeppelin/contracts-upgradeable/access/AccessControlUpgradeable.sol";
+import {ERC20Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC20/ERC20Upgradeable.sol";
+import {ERC20BurnableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC20/extensions/ERC20BurnableUpgradeable.sol";
+import {ERC20PausableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC20/extensions/ERC20PausableUpgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+import {UUPSUpgradeable} from "@openzeppelin/contracts-upgradeable/proxy/utils/UUPSUpgradeable.sol";
+
+contract MyToken is Initializable, ERC20Upgradeable, ERC20BurnableUpgradeable, ERC20PausableUpgradeable, AccessControlUpgradeable, UUPSUpgradeable {
+    bytes32 public constant PAUSER_ROLE = keccak256("PAUSER_ROLE");
+    bytes32 public constant MINTER_ROLE = keccak256("MINTER_ROLE");
+    bytes32 public constant UPGRADER_ROLE = keccak256("UPGRADER_ROLE");
+
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address defaultAdmin, address pauser, address minter, address upgrader)
+        public
+        initializer
+    {
+        __ERC20_init("MyToken", "MTK");
+        __ERC20Burnable_init();
+        __ERC20Pausable_init();
+        __AccessControl_init();
+        __UUPSUpgradeable_init();
+
+        _grantRole(DEFAULT_ADMIN_ROLE, defaultAdmin);
+        _grantRole(PAUSER_ROLE, pauser);
+        _grantRole(MINTER_ROLE, minter);
+        _grantRole(UPGRADER_ROLE, upgrader);
+    }
+
+    function pause() public onlyRole(PAUSER_ROLE) {
+        _pause();
+    }
+
+    function unpause() public onlyRole(PAUSER_ROLE) {
+        _unpause();
+    }
+
+    function mint(address to, uint256 amount) public onlyRole(MINTER_ROLE) {
+        _mint(to, amount);
+    }
+
+    function _authorizeUpgrade(address newImplementation)
+        internal
+        override
+        onlyRole(UPGRADER_ROLE)
+    {}
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address from, address to, uint256 value)
+        internal
+        override(ERC20Upgradeable, ERC20PausableUpgradeable)
+    {
+        super._update(from, to, value);
+    }
+}
+
+`
+
+export const erc20MintablePausableBurnableManagedOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {AccessManagedUpgradeable} from "@openzeppelin/contracts-upgradeable/access/manager/AccessManagedUpgradeable.sol";
+import {ERC20Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC20/ERC20Upgradeable.sol";
+import {ERC20BurnableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC20/extensions/ERC20BurnableUpgradeable.sol";
+import {ERC20PausableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC20/extensions/ERC20PausableUpgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+import {UUPSUpgradeable} from "@openzeppelin/contracts-upgradeable/proxy/utils/UUPSUpgradeable.sol";
+
+contract MyToken is Initializable, ERC20Upgradeable, ERC20BurnableUpgradeable, ERC20PausableUpgradeable, AccessManagedUpgradeable, UUPSUpgradeable {
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address initialAuthority) public initializer {
+        __ERC20_init("MyToken", "MTK");
+        __ERC20Burnable_init();
+        __ERC20Pausable_init();
+        __AccessManaged_init(initialAuthority);
+        __UUPSUpgradeable_init();
+    }
+
+    function pause() public restricted {
+        _pause();
+    }
+
+    function unpause() public restricted {
+        _unpause();
+    }
+
+    function mint(address to, uint256 amount) public restricted {
+        _mint(to, amount);
+    }
+
+    function _authorizeUpgrade(address newImplementation)
+        internal
+        override
+        restricted
+    {}
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address from, address to, uint256 value)
+        internal
+        override(ERC20Upgradeable, ERC20PausableUpgradeable)
+    {
+        super._update(from, to, value);
+    }
+}
+
+`
+
+export const erc20BurnableMintableOwnableOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {ERC20} from "@openzeppelin/contracts/token/ERC20/ERC20.sol";
+import {ERC20Burnable} from "@openzeppelin/contracts/token/ERC20/extensions/ERC20Burnable.sol";
+import {Ownable} from "@openzeppelin/contracts/access/Ownable.sol";
+
+contract ${contractName} is ERC20, ERC20Burnable, Ownable {
+    constructor(address initialOwner)
+        ERC20("MyToken", "MTK")
+        Ownable(initialOwner)
+    {}
+
+    function mint(address to, uint256 amount) public onlyOwner {
+        _mint(to, amount);
+    }
+}
+`
+
+export const erc20PausableBurnableMintableOwnableOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {ERC20} from "@openzeppelin/contracts/token/ERC20/ERC20.sol";
+import {ERC20Burnable} from "@openzeppelin/contracts/token/ERC20/extensions/ERC20Burnable.sol";
+import {ERC20Pausable} from "@openzeppelin/contracts/token/ERC20/extensions/ERC20Pausable.sol";
+import {Ownable} from "@openzeppelin/contracts/access/Ownable.sol";
+
+contract ${contractName} is ERC20, ERC20Burnable, ERC20Pausable, Ownable {
+    constructor(address initialOwner)
+        ERC20("MyToken", "MTK")
+        Ownable(initialOwner)
+    {}
+
+    function pause() public onlyOwner {
+        _pause();
+    }
+
+    function unpause() public onlyOwner {
+        _unpause();
+    }
+
+    function mint(address to, uint256 amount) public onlyOwner {
+        _mint(to, amount);
+    }
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address from, address to, uint256 value)
+        internal
+        override(ERC20, ERC20Pausable)
+    {
+        super._update(from, to, value);
+    }
+}
+`
+
+export const erc20MintableRolesOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {AccessControl} from "@openzeppelin/contracts/access/AccessControl.sol";
+import {ERC20} from "@openzeppelin/contracts/token/ERC20/ERC20.sol";
+
+contract ${contractName} is ERC20, AccessControl {
+    bytes32 public constant MINTER_ROLE = keccak256("MINTER_ROLE");
+
+    constructor(address defaultAdmin, address minter) ERC20("MyToken", "MTK") {
+        _grantRole(DEFAULT_ADMIN_ROLE, defaultAdmin);
+        _grantRole(MINTER_ROLE, minter);
+    }
+
+    function mint(address to, uint256 amount) public onlyRole(MINTER_ROLE) {
+        _mint(to, amount);
+    }
+}
+`
+
+export const erc20MintableBurnableRolesOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {AccessControl} from "@openzeppelin/contracts/access/AccessControl.sol";
+import {ERC20} from "@openzeppelin/contracts/token/ERC20/ERC20.sol";
+import {ERC20Burnable} from "@openzeppelin/contracts/token/ERC20/extensions/ERC20Burnable.sol";
+
+contract ${contractName} is ERC20, ERC20Burnable, AccessControl {
+    bytes32 public constant MINTER_ROLE = keccak256("MINTER_ROLE");
+
+    constructor(address defaultAdmin, address minter) ERC20("MyToken", "MTK") {
+        _grantRole(DEFAULT_ADMIN_ROLE, defaultAdmin);
+        _grantRole(MINTER_ROLE, minter);
+    }
+
+    function mint(address to, uint256 amount) public onlyRole(MINTER_ROLE) {
+        _mint(to, amount);
+    }
+}
+`
+
+export const erc20MintableBurnablePausableRolesOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {AccessControl} from "@openzeppelin/contracts/access/AccessControl.sol";
+import {ERC20} from "@openzeppelin/contracts/token/ERC20/ERC20.sol";
+import {ERC20Burnable} from "@openzeppelin/contracts/token/ERC20/extensions/ERC20Burnable.sol";
+import {ERC20Pausable} from "@openzeppelin/contracts/token/ERC20/extensions/ERC20Pausable.sol";
+
+contract ${contractName} is ERC20, ERC20Burnable, ERC20Pausable, AccessControl {
+    bytes32 public constant PAUSER_ROLE = keccak256("PAUSER_ROLE");
+    bytes32 public constant MINTER_ROLE = keccak256("MINTER_ROLE");
+
+    constructor(address defaultAdmin, address pauser, address minter)
+        ERC20("MyToken", "MTK")
+    {
+        _grantRole(DEFAULT_ADMIN_ROLE, defaultAdmin);
+        _grantRole(PAUSER_ROLE, pauser);
+        _grantRole(MINTER_ROLE, minter);
+    }
+
+    function pause() public onlyRole(PAUSER_ROLE) {
+        _pause();
+    }
+
+    function unpause() public onlyRole(PAUSER_ROLE) {
+        _unpause();
+    }
+
+    function mint(address to, uint256 amount) public onlyRole(MINTER_ROLE) {
+        _mint(to, amount);
+    }
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address from, address to, uint256 value)
+        internal
+        override(ERC20, ERC20Pausable)
+    {
+        super._update(from, to, value);
+    }
+}
+`
+
+export const erc20MintableManagedOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {AccessManaged} from "@openzeppelin/contracts/access/manager/AccessManaged.sol";
+import {ERC20} from "@openzeppelin/contracts/token/ERC20/ERC20.sol";
+
+contract ${contractName} is ERC20, AccessManaged {
+    constructor(address initialAuthority)
+        ERC20("MyToken", "MTK")
+        AccessManaged(initialAuthority)
+    {}
+
+    function mint(address to, uint256 amount) public restricted {
+        _mint(to, amount);
+    }
+}
+`
+
+export const erc20MintableBurnableManagedOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {AccessManaged} from "@openzeppelin/contracts/access/manager/AccessManaged.sol";
+import {ERC20} from "@openzeppelin/contracts/token/ERC20/ERC20.sol";
+import {ERC20Burnable} from "@openzeppelin/contracts/token/ERC20/extensions/ERC20Burnable.sol";
+
+contract ${contractName} is ERC20, ERC20Burnable, AccessManaged {
+    constructor(address initialAuthority)
+        ERC20("MyToken", "MTK")
+        AccessManaged(initialAuthority)
+    {}
+
+    function mint(address to, uint256 amount) public restricted {
+        _mint(to, amount);
+    }
+}
+`
+
+export const erc20MintableBurnablePausableManagedOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {AccessManaged} from "@openzeppelin/contracts/access/manager/AccessManaged.sol";
+import {ERC20} from "@openzeppelin/contracts/token/ERC20/ERC20.sol";
+import {ERC20Burnable} from "@openzeppelin/contracts/token/ERC20/extensions/ERC20Burnable.sol";
+import {ERC20Pausable} from "@openzeppelin/contracts/token/ERC20/extensions/ERC20Pausable.sol";
+
+contract ${contractName} is ERC20, ERC20Burnable, ERC20Pausable, AccessManaged {
+    constructor(address initialAuthority)
+        ERC20("MyToken", "MTK")
+        AccessManaged(initialAuthority)
+    {}
+
+    function pause() public restricted {
+        _pause();
+    }
+
+    function unpause() public restricted {
+        _unpause();
+    }
+
+    function mint(address to, uint256 amount) public restricted {
+        _mint(to, amount);
+    }
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address from, address to, uint256 value)
+        internal
+        override(ERC20, ERC20Pausable)
+    {
+        super._update(from, to, value);
+    }
+}
+`
+
+export const erc20TransparentNoOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {ERC20Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC20/ERC20Upgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+
+contract ${contractName} is Initializable, ERC20Upgradeable {
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize() public initializer {
+        __ERC20_init("MyToken", "MTK");
+    }
+}
+`
+
+export const erc20TransparentMintableManagedOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {AccessManagedUpgradeable} from "@openzeppelin/contracts-upgradeable/access/manager/AccessManagedUpgradeable.sol";
+import {ERC20Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC20/ERC20Upgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+
+contract ${contractName} is Initializable, ERC20Upgradeable, AccessManagedUpgradeable {
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address initialAuthority) public initializer {
+        __ERC20_init("MyToken", "MTK");
+        __AccessManaged_init(initialAuthority);
+    }
+
+    function mint(address to, uint256 amount) public restricted {
+        _mint(to, amount);
+    }
+}
+`
+
+export const erc20TransparentMintableBurnableManagedOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {AccessManagedUpgradeable} from "@openzeppelin/contracts-upgradeable/access/manager/AccessManagedUpgradeable.sol";
+import {ERC20Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC20/ERC20Upgradeable.sol";
+import {ERC20BurnableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC20/extensions/ERC20BurnableUpgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+
+contract ${contractName} is Initializable, ERC20Upgradeable, ERC20BurnableUpgradeable, AccessManagedUpgradeable {
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address initialAuthority) public initializer {
+        __ERC20_init("MyToken", "MTK");
+        __ERC20Burnable_init();
+        __AccessManaged_init(initialAuthority);
+    }
+
+    function mint(address to, uint256 amount) public restricted {
+        _mint(to, amount);
+    }
+}
+`
+
+export const erc20TransparentMintableBurnablePausableManagedOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {AccessManagedUpgradeable} from "@openzeppelin/contracts-upgradeable/access/manager/AccessManagedUpgradeable.sol";
+import {ERC20Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC20/ERC20Upgradeable.sol";
+import {ERC20BurnableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC20/extensions/ERC20BurnableUpgradeable.sol";
+import {ERC20PausableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC20/extensions/ERC20PausableUpgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+
+contract ${contractName} is Initializable, ERC20Upgradeable, ERC20BurnableUpgradeable, ERC20PausableUpgradeable, AccessManagedUpgradeable {
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address initialAuthority) public initializer {
+        __ERC20_init("MyToken", "MTK");
+        __ERC20Burnable_init();
+        __ERC20Pausable_init();
+        __AccessManaged_init(initialAuthority);
+    }
+
+    function pause() public restricted {
+        _pause();
+    }
+
+    function unpause() public restricted {
+        _unpause();
+    }
+
+    function mint(address to, uint256 amount) public restricted {
+        _mint(to, amount);
+    }
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address from, address to, uint256 value)
+        internal
+        override(ERC20Upgradeable, ERC20PausableUpgradeable)
+    {
+        super._update(from, to, value);
+    }
+}
+`
+
+export const erc20UUPSManagedFullOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {AccessManagedUpgradeable} from "@openzeppelin/contracts-upgradeable/access/manager/AccessManagedUpgradeable.sol";
+import {ERC20Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC20/ERC20Upgradeable.sol";
+import {ERC20BurnableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC20/extensions/ERC20BurnableUpgradeable.sol";
+import {ERC20PausableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC20/extensions/ERC20PausableUpgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+import {UUPSUpgradeable} from "@openzeppelin/contracts-upgradeable/proxy/utils/UUPSUpgradeable.sol";
+
+contract ${contractName} is Initializable, ERC20Upgradeable, ERC20BurnableUpgradeable, ERC20PausableUpgradeable, AccessManagedUpgradeable, UUPSUpgradeable {
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address initialAuthority) public initializer {
+        __ERC20_init("MyToken", "MTK");
+        __ERC20Burnable_init();
+        __ERC20Pausable_init();
+        __AccessManaged_init(initialAuthority);
+        __UUPSUpgradeable_init();
+    }
+
+    function pause() public restricted {
+        _pause();
+    }
+
+    function unpause() public restricted {
+        _unpause();
+    }
+
+    function mint(address to, uint256 amount) public restricted {
+        _mint(to, amount);
+    }
+
+    function _authorizeUpgrade(address newImplementation)
+        internal
+        override
+        restricted
+    {}
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address from, address to, uint256 value)
+        internal
+        override(ERC20Upgradeable, ERC20PausableUpgradeable)
+    {
+        super._update(from, to, value);
+    }
+}
+`
+
+export const erc20UUPSManagedMintableBurnableOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {AccessManagedUpgradeable} from "@openzeppelin/contracts-upgradeable/access/manager/AccessManagedUpgradeable.sol";
+import {ERC20Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC20/ERC20Upgradeable.sol";
+import {ERC20BurnableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC20/extensions/ERC20BurnableUpgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+import {UUPSUpgradeable} from "@openzeppelin/contracts-upgradeable/proxy/utils/UUPSUpgradeable.sol";
+
+contract ${contractName} is Initializable, ERC20Upgradeable, ERC20BurnableUpgradeable, AccessManagedUpgradeable, UUPSUpgradeable {
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address initialAuthority) public initializer {
+        __ERC20_init("MyToken", "MTK");
+        __ERC20Burnable_init();
+        __AccessManaged_init(initialAuthority);
+        __UUPSUpgradeable_init();
+    }
+
+    function mint(address to, uint256 amount) public restricted {
+        _mint(to, amount);
+    }
+
+    function _authorizeUpgrade(address newImplementation)
+        internal
+        override
+        restricted
+    {}
+}
+`
+
+export const erc20UUPSManagedMintableOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {AccessManagedUpgradeable} from "@openzeppelin/contracts-upgradeable/access/manager/AccessManagedUpgradeable.sol";
+import {ERC20Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC20/ERC20Upgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+import {UUPSUpgradeable} from "@openzeppelin/contracts-upgradeable/proxy/utils/UUPSUpgradeable.sol";
+
+contract ${contractName} is Initializable, ERC20Upgradeable, AccessManagedUpgradeable, UUPSUpgradeable {
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address initialAuthority) public initializer {
+        __ERC20_init("MyToken", "MTK");
+        __AccessManaged_init(initialAuthority);
+        __UUPSUpgradeable_init();
+    }
+
+    function mint(address to, uint256 amount) public restricted {
+        _mint(to, amount);
+    }
+
+    function _authorizeUpgrade(address newImplementation)
+        internal
+        override
+        restricted
+    {}
+}
+`
+
+export const erc20UUPSManagedNoOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {AccessManagedUpgradeable} from "@openzeppelin/contracts-upgradeable/access/manager/AccessManagedUpgradeable.sol";
+import {ERC20Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC20/ERC20Upgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+import {UUPSUpgradeable} from "@openzeppelin/contracts-upgradeable/proxy/utils/UUPSUpgradeable.sol";
+
+contract ${contractName} is Initializable, ERC20Upgradeable, AccessManagedUpgradeable, UUPSUpgradeable {
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address initialAuthority) public initializer {
+        __ERC20_init("MyToken", "MTK");
+        __AccessManaged_init(initialAuthority);
+        __UUPSUpgradeable_init();
+    }
+
+    function _authorizeUpgrade(address newImplementation)
+        internal
+        override
+        restricted
+    {}
+}
+`
+
+export const erc20UUPSRolesNoOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {AccessControlUpgradeable} from "@openzeppelin/contracts-upgradeable/access/AccessControlUpgradeable.sol";
+import {ERC20Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC20/ERC20Upgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+import {UUPSUpgradeable} from "@openzeppelin/contracts-upgradeable/proxy/utils/UUPSUpgradeable.sol";
+
+contract ${contractName} is Initializable, ERC20Upgradeable, AccessControlUpgradeable, UUPSUpgradeable {
+    bytes32 public constant UPGRADER_ROLE = keccak256("UPGRADER_ROLE");
+
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address defaultAdmin, address upgrader) public initializer {
+        __ERC20_init("MyToken", "MTK");
+        __AccessControl_init();
+        __UUPSUpgradeable_init();
+
+        _grantRole(DEFAULT_ADMIN_ROLE, defaultAdmin);
+        _grantRole(UPGRADER_ROLE, upgrader);
+    }
+
+    function _authorizeUpgrade(address newImplementation)
+        internal
+        override
+        onlyRole(UPGRADER_ROLE)
+    {}
+}
+`
+
+export const erc20UUPSRolesMintableOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {AccessControlUpgradeable} from "@openzeppelin/contracts-upgradeable/access/AccessControlUpgradeable.sol";
+import {ERC20Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC20/ERC20Upgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+import {UUPSUpgradeable} from "@openzeppelin/contracts-upgradeable/proxy/utils/UUPSUpgradeable.sol";
+
+contract ${contractName} is Initializable, ERC20Upgradeable, AccessControlUpgradeable, UUPSUpgradeable {
+    bytes32 public constant MINTER_ROLE = keccak256("MINTER_ROLE");
+    bytes32 public constant UPGRADER_ROLE = keccak256("UPGRADER_ROLE");
+
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address defaultAdmin, address minter, address upgrader)
+        public
+        initializer
+    {
+        __ERC20_init("MyToken", "MTK");
+        __AccessControl_init();
+        __UUPSUpgradeable_init();
+
+        _grantRole(DEFAULT_ADMIN_ROLE, defaultAdmin);
+        _grantRole(MINTER_ROLE, minter);
+        _grantRole(UPGRADER_ROLE, upgrader);
+    }
+
+    function mint(address to, uint256 amount) public onlyRole(MINTER_ROLE) {
+        _mint(to, amount);
+    }
+
+    function _authorizeUpgrade(address newImplementation)
+        internal
+        override
+        onlyRole(UPGRADER_ROLE)
+    {}
+}
+`
+
+export const erc20UUPSRolesMintableBurnableOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {AccessControlUpgradeable} from "@openzeppelin/contracts-upgradeable/access/AccessControlUpgradeable.sol";
+import {ERC20Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC20/ERC20Upgradeable.sol";
+import {ERC20BurnableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC20/extensions/ERC20BurnableUpgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+import {UUPSUpgradeable} from "@openzeppelin/contracts-upgradeable/proxy/utils/UUPSUpgradeable.sol";
+
+contract ${contractName} is Initializable, ERC20Upgradeable, ERC20BurnableUpgradeable, AccessControlUpgradeable, UUPSUpgradeable {
+    bytes32 public constant MINTER_ROLE = keccak256("MINTER_ROLE");
+    bytes32 public constant UPGRADER_ROLE = keccak256("UPGRADER_ROLE");
+
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address defaultAdmin, address minter, address upgrader)
+        public
+        initializer
+    {
+        __ERC20_init("MyToken", "MTK");
+        __ERC20Burnable_init();
+        __AccessControl_init();
+        __UUPSUpgradeable_init();
+
+        _grantRole(DEFAULT_ADMIN_ROLE, defaultAdmin);
+        _grantRole(MINTER_ROLE, minter);
+        _grantRole(UPGRADER_ROLE, upgrader);
+    }
+
+    function mint(address to, uint256 amount) public onlyRole(MINTER_ROLE) {
+        _mint(to, amount);
+    }
+
+    function _authorizeUpgrade(address newImplementation)
+        internal
+        override
+        onlyRole(UPGRADER_ROLE)
+    {}
+}
+`
+
+export const erc20UUPSRolesFullOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {AccessControlUpgradeable} from "@openzeppelin/contracts-upgradeable/access/AccessControlUpgradeable.sol";
+import {ERC20Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC20/ERC20Upgradeable.sol";
+import {ERC20BurnableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC20/extensions/ERC20BurnableUpgradeable.sol";
+import {ERC20PausableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC20/extensions/ERC20PausableUpgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+import {UUPSUpgradeable} from "@openzeppelin/contracts-upgradeable/proxy/utils/UUPSUpgradeable.sol";
+
+contract ${contractName} is Initializable, ERC20Upgradeable, ERC20BurnableUpgradeable, ERC20PausableUpgradeable, AccessControlUpgradeable, UUPSUpgradeable {
+    bytes32 public constant PAUSER_ROLE = keccak256("PAUSER_ROLE");
+    bytes32 public constant MINTER_ROLE = keccak256("MINTER_ROLE");
+    bytes32 public constant UPGRADER_ROLE = keccak256("UPGRADER_ROLE");
+
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address defaultAdmin, address pauser, address minter, address upgrader)
+        public
+        initializer
+    {
+        __ERC20_init("MyToken", "MTK");
+        __ERC20Burnable_init();
+        __ERC20Pausable_init();
+        __AccessControl_init();
+        __UUPSUpgradeable_init();
+
+        _grantRole(DEFAULT_ADMIN_ROLE, defaultAdmin);
+        _grantRole(PAUSER_ROLE, pauser);
+        _grantRole(MINTER_ROLE, minter);
+        _grantRole(UPGRADER_ROLE, upgrader);
+    }
+
+    function pause() public onlyRole(PAUSER_ROLE) {
+        _pause();
+    }
+
+    function unpause() public onlyRole(PAUSER_ROLE) {
+        _unpause();
+    }
+
+    function mint(address to, uint256 amount) public onlyRole(MINTER_ROLE) {
+        _mint(to, amount);
+    }
+
+    function _authorizeUpgrade(address newImplementation)
+        internal
+        override
+        onlyRole(UPGRADER_ROLE)
+    {}
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address from, address to, uint256 value)
+        internal
+        override(ERC20Upgradeable, ERC20PausableUpgradeable)
+    {
+        super._update(from, to, value);
+    }
+}
+`
+
+export const erc20UUPSOwnableNoOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {ERC20Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC20/ERC20Upgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+import {OwnableUpgradeable} from "@openzeppelin/contracts-upgradeable/access/OwnableUpgradeable.sol";
+import {UUPSUpgradeable} from "@openzeppelin/contracts-upgradeable/proxy/utils/UUPSUpgradeable.sol";
+
+contract ${contractName} is Initializable, ERC20Upgradeable, OwnableUpgradeable, UUPSUpgradeable {
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address initialOwner) public initializer {
+        __ERC20_init("MyToken", "MTK");
+        __Ownable_init(initialOwner);
+        __UUPSUpgradeable_init();
+    }
+
+    function _authorizeUpgrade(address newImplementation)
+        internal
+        override
+        onlyOwner
+    {}
+}
+`
+
+export const erc20UUPSOwnableMintableOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {ERC20Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC20/ERC20Upgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+import {OwnableUpgradeable} from "@openzeppelin/contracts-upgradeable/access/OwnableUpgradeable.sol";
+import {UUPSUpgradeable} from "@openzeppelin/contracts-upgradeable/proxy/utils/UUPSUpgradeable.sol";
+
+contract ${contractName} is Initializable, ERC20Upgradeable, OwnableUpgradeable, UUPSUpgradeable {
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address initialOwner) public initializer {
+        __ERC20_init("MyToken", "MTK");
+        __Ownable_init(initialOwner);
+        __UUPSUpgradeable_init();
+    }
+
+    function mint(address to, uint256 amount) public onlyOwner {
+        _mint(to, amount);
+    }
+
+    function _authorizeUpgrade(address newImplementation)
+        internal
+        override
+        onlyOwner
+    {}
+}
+`
+
+export const erc20UUPSOwnableMintableBurnableOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {ERC20Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC20/ERC20Upgradeable.sol";
+import {ERC20BurnableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC20/extensions/ERC20BurnableUpgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+import {OwnableUpgradeable} from "@openzeppelin/contracts-upgradeable/access/OwnableUpgradeable.sol";
+import {UUPSUpgradeable} from "@openzeppelin/contracts-upgradeable/proxy/utils/UUPSUpgradeable.sol";
+
+contract ${contractName} is Initializable, ERC20Upgradeable, ERC20BurnableUpgradeable, OwnableUpgradeable, UUPSUpgradeable {
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address initialOwner) public initializer {
+        __ERC20_init("MyToken", "MTK");
+        __ERC20Burnable_init();
+        __Ownable_init(initialOwner);
+        __UUPSUpgradeable_init();
+    }
+
+    function mint(address to, uint256 amount) public onlyOwner {
+        _mint(to, amount);
+    }
+
+    function _authorizeUpgrade(address newImplementation)
+        internal
+        override
+        onlyOwner
+    {}
+}
+`
+
+export const erc20UUPSOwnableMintableBurnablePausableOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {ERC20Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC20/ERC20Upgradeable.sol";
+import {ERC20BurnableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC20/extensions/ERC20BurnableUpgradeable.sol";
+import {ERC20PausableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC20/extensions/ERC20PausableUpgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+import {OwnableUpgradeable} from "@openzeppelin/contracts-upgradeable/access/OwnableUpgradeable.sol";
+import {UUPSUpgradeable} from "@openzeppelin/contracts-upgradeable/proxy/utils/UUPSUpgradeable.sol";
+
+contract ${contractName} is Initializable, ERC20Upgradeable, ERC20BurnableUpgradeable, ERC20PausableUpgradeable, OwnableUpgradeable, UUPSUpgradeable {
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address initialOwner) public initializer {
+        __ERC20_init("MyToken", "MTK");
+        __ERC20Burnable_init();
+        __ERC20Pausable_init();
+        __Ownable_init(initialOwner);
+        __UUPSUpgradeable_init();
+    }
+
+    function pause() public onlyOwner {
+        _pause();
+    }
+
+    function unpause() public onlyOwner {
+        _unpause();
+    }
+
+    function mint(address to, uint256 amount) public onlyOwner {
+        _mint(to, amount);
+    }
+
+    function _authorizeUpgrade(address newImplementation)
+        internal
+        override
+        onlyOwner
+    {}
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address from, address to, uint256 value)
+        internal
+        override(ERC20Upgradeable, ERC20PausableUpgradeable)
+    {
+        super._update(from, to, value);
+    }
+}
+`
+
+export const erc20MintablePausableOwnableOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {ERC20Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC20/ERC20Upgradeable.sol";
+import {ERC20BurnableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC20/extensions/ERC20BurnableUpgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+import {OwnableUpgradeable} from "@openzeppelin/contracts-upgradeable/access/OwnableUpgradeable.sol";
+import {UUPSUpgradeable} from "@openzeppelin/contracts-upgradeable/proxy/utils/UUPSUpgradeable.sol";
+
+contract MyToken is Initializable, ERC20Upgradeable, ERC20BurnableUpgradeable, OwnableUpgradeable, UUPSUpgradeable {
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address initialOwner) public initializer {
+        __ERC20_init("MyToken", "MTK");
+        __ERC20Burnable_init();
+        __Ownable_init(initialOwner);
+        __UUPSUpgradeable_init();
+    }
+
+    function mint(address to, uint256 amount) public onlyOwner {
+        _mint(to, amount);
+    }
+
+    function _authorizeUpgrade(address newImplementation)
+        internal
+        override
+        onlyOwner
+    {}
+}
+
+`
+
+export const erc20UUPSBurnableOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {ERC20Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC20/ERC20Upgradeable.sol";
+import {ERC20BurnableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC20/extensions/ERC20BurnableUpgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+import {OwnableUpgradeable} from "@openzeppelin/contracts-upgradeable/access/OwnableUpgradeable.sol";
+import {UUPSUpgradeable} from "@openzeppelin/contracts-upgradeable/proxy/utils/UUPSUpgradeable.sol";
+
+contract MyToken is Initializable, ERC20Upgradeable, ERC20BurnableUpgradeable, OwnableUpgradeable, UUPSUpgradeable {
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address initialOwner) public initializer {
+        __ERC20_init("MyToken", "MTK");
+        __ERC20Burnable_init();
+        __Ownable_init(initialOwner);
+        __UUPSUpgradeable_init();
+    }
+
+    function _authorizeUpgrade(address newImplementation)
+        internal
+        override
+        onlyOwner
+    {}
+}
+
+`
+
+export const erc20UUPSPausableOwnableOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {ERC20Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC20/ERC20Upgradeable.sol";
+import {ERC20PausableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC20/extensions/ERC20PausableUpgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+import {OwnableUpgradeable} from "@openzeppelin/contracts-upgradeable/access/OwnableUpgradeable.sol";
+import {UUPSUpgradeable} from "@openzeppelin/contracts-upgradeable/proxy/utils/UUPSUpgradeable.sol";
+
+contract MyToken is Initializable, ERC20Upgradeable, ERC20PausableUpgradeable, OwnableUpgradeable, UUPSUpgradeable {
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address initialOwner) public initializer {
+        __ERC20_init("MyToken", "MTK");
+        __ERC20Pausable_init();
+        __Ownable_init(initialOwner);
+        __UUPSUpgradeable_init();
+    }
+
+    function pause() public onlyOwner {
+        _pause();
+    }
+
+    function unpause() public onlyOwner {
+        _unpause();
+    }
+
+    function _authorizeUpgrade(address newImplementation)
+        internal
+        override
+        onlyOwner
+    {}
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address from, address to, uint256 value)
+        internal
+        override(ERC20Upgradeable, ERC20PausableUpgradeable)
+    {
+        super._update(from, to, value);
+    }
+}
+
+`
+
+export const erc20BurnableOwnableOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {ERC20} from "@openzeppelin/contracts/token/ERC20/ERC20.sol";
+import {ERC20Burnable} from "@openzeppelin/contracts/token/ERC20/extensions/ERC20Burnable.sol";
+import {Ownable} from "@openzeppelin/contracts/access/Ownable.sol";
+
+contract MyToken is ERC20, ERC20Burnable, Ownable {
+    constructor(address initialOwner)
+        ERC20("MyToken", "MTK")
+        Ownable(initialOwner)
+    {}
+}
+
+`
+
+export const erc20UUPSOwnableBurnableOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {ERC20Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC20/ERC20Upgradeable.sol";
+import {ERC20BurnableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC20/extensions/ERC20BurnableUpgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+import {OwnableUpgradeable} from "@openzeppelin/contracts-upgradeable/access/OwnableUpgradeable.sol";
+
+contract MyToken is Initializable, ERC20Upgradeable, ERC20BurnableUpgradeable, OwnableUpgradeable {
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address initialOwner) public initializer {
+        __ERC20_init("MyToken", "MTK");
+        __ERC20Burnable_init();
+        __Ownable_init(initialOwner);
+    }
+}
+
+`
+
+export const erc20TransparentBurnableManagedOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {AccessManagedUpgradeable} from "@openzeppelin/contracts-upgradeable/access/manager/AccessManagedUpgradeable.sol";
+import {ERC20Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC20/ERC20Upgradeable.sol";
+import {ERC20BurnableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC20/extensions/ERC20BurnableUpgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+
+contract MyToken is Initializable, ERC20Upgradeable, ERC20BurnableUpgradeable, AccessManagedUpgradeable {
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address initialAuthority) public initializer {
+        __ERC20_init("MyToken", "MTK");
+        __ERC20Burnable_init();
+        __AccessManaged_init(initialAuthority);
+    }
+}
+
+`
+
+export const erc20OwnableBurnableOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {ERC20} from "@openzeppelin/contracts/token/ERC20/ERC20.sol";
+import {ERC20Burnable} from "@openzeppelin/contracts/token/ERC20/extensions/ERC20Burnable.sol";
+import {Ownable} from "@openzeppelin/contracts/access/Ownable.sol";
+
+contract MyToken is ERC20, ERC20Burnable, Ownable {
+    constructor(address initialOwner)
+        ERC20("MyToken", "MTK")
+        Ownable(initialOwner)
+    {}
+
+    function mint(address to, uint256 amount) public onlyOwner {
+        _mint(to, amount);
+    }
+}
+
+`
+
+export const erc20UUPSOwnablePausableOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {ERC20Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC20/ERC20Upgradeable.sol";
+import {ERC20PausableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC20/extensions/ERC20PausableUpgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+import {OwnableUpgradeable} from "@openzeppelin/contracts-upgradeable/access/OwnableUpgradeable.sol";
+import {UUPSUpgradeable} from "@openzeppelin/contracts-upgradeable/proxy/utils/UUPSUpgradeable.sol";
+
+contract MyToken is Initializable, ERC20Upgradeable, ERC20PausableUpgradeable, OwnableUpgradeable, UUPSUpgradeable {
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address initialOwner) public initializer {
+        __ERC20_init("MyToken", "MTK");
+        __ERC20Pausable_init();
+        __Ownable_init(initialOwner);
+        __UUPSUpgradeable_init();
+    }
+
+    function pause() public onlyOwner {
+        _pause();
+    }
+
+    function unpause() public onlyOwner {
+        _unpause();
+    }
+
+    function _authorizeUpgrade(address newImplementation)
+        internal
+        override
+        onlyOwner
+    {}
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address from, address to, uint256 value)
+        internal
+        override(ERC20Upgradeable, ERC20PausableUpgradeable)
+    {
+        super._update(from, to, value);
+    }
+}
+
+`
+
+export const erc20TransparentPausableOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {AccessControlUpgradeable} from "@openzeppelin/contracts-upgradeable/access/AccessControlUpgradeable.sol";
+import {ERC20Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC20/ERC20Upgradeable.sol";
+import {ERC20PausableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC20/extensions/ERC20PausableUpgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+
+contract MyToken is Initializable, ERC20Upgradeable, ERC20PausableUpgradeable, AccessControlUpgradeable {
+    bytes32 public constant PAUSER_ROLE = keccak256("PAUSER_ROLE");
+
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address defaultAdmin, address pauser) public initializer {
+        __ERC20_init("MyToken", "MTK");
+        __ERC20Pausable_init();
+        __AccessControl_init();
+
+        _grantRole(DEFAULT_ADMIN_ROLE, defaultAdmin);
+        _grantRole(PAUSER_ROLE, pauser);
+    }
+
+    function pause() public onlyRole(PAUSER_ROLE) {
+        _pause();
+    }
+
+    function unpause() public onlyRole(PAUSER_ROLE) {
+        _unpause();
+    }
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address from, address to, uint256 value)
+        internal
+        override(ERC20Upgradeable, ERC20PausableUpgradeable)
+    {
+        super._update(from, to, value);
+    }
+}
+
+`
+
+export const erc20UUPSRolesPausableOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {AccessControlUpgradeable} from "@openzeppelin/contracts-upgradeable/access/AccessControlUpgradeable.sol";
+import {ERC20Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC20/ERC20Upgradeable.sol";
+import {ERC20PausableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC20/extensions/ERC20PausableUpgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+import {UUPSUpgradeable} from "@openzeppelin/contracts-upgradeable/proxy/utils/UUPSUpgradeable.sol";
+
+contract MyToken is Initializable, ERC20Upgradeable, ERC20PausableUpgradeable, AccessControlUpgradeable, UUPSUpgradeable {
+    bytes32 public constant PAUSER_ROLE = keccak256("PAUSER_ROLE");
+    bytes32 public constant UPGRADER_ROLE = keccak256("UPGRADER_ROLE");
+
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address defaultAdmin, address pauser, address upgrader)
+        public
+        initializer
+    {
+        __ERC20_init("MyToken", "MTK");
+        __ERC20Pausable_init();
+        __AccessControl_init();
+        __UUPSUpgradeable_init();
+
+        _grantRole(DEFAULT_ADMIN_ROLE, defaultAdmin);
+        _grantRole(PAUSER_ROLE, pauser);
+        _grantRole(UPGRADER_ROLE, upgrader);
+    }
+
+    function pause() public onlyRole(PAUSER_ROLE) {
+        _pause();
+    }
+
+    function unpause() public onlyRole(PAUSER_ROLE) {
+        _unpause();
+    }
+
+    function _authorizeUpgrade(address newImplementation)
+        internal
+        override
+        onlyRole(UPGRADER_ROLE)
+    {}
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address from, address to, uint256 value)
+        internal
+        override(ERC20Upgradeable, ERC20PausableUpgradeable)
+    {
+        super._update(from, to, value);
+    }
+}
+
+`
+
+export const UUPSManagedPausableOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {AccessManagedUpgradeable} from "@openzeppelin/contracts-upgradeable/access/manager/AccessManagedUpgradeable.sol";
+import {ERC20Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC20/ERC20Upgradeable.sol";
+import {ERC20PausableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC20/extensions/ERC20PausableUpgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+import {UUPSUpgradeable} from "@openzeppelin/contracts-upgradeable/proxy/utils/UUPSUpgradeable.sol";
+
+contract MyToken is Initializable, ERC20Upgradeable, ERC20PausableUpgradeable, AccessManagedUpgradeable, UUPSUpgradeable {
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address initialAuthority) public initializer {
+        __ERC20_init("MyToken", "MTK");
+        __ERC20Pausable_init();
+        __AccessManaged_init(initialAuthority);
+        __UUPSUpgradeable_init();
+    }
+
+    function pause() public restricted {
+        _pause();
+    }
+
+    function unpause() public restricted {
+        _unpause();
+    }
+
+    function _authorizeUpgrade(address newImplementation)
+        internal
+        override
+        restricted
+    {}
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address from, address to, uint256 value)
+        internal
+        override(ERC20Upgradeable, ERC20PausableUpgradeable)
+    {
+        super._update(from, to, value);
+    }
+}
+`
+
diff --git a/libs/remix-ui/template-explorer-modal/src/contractCode/erc721.ts b/libs/remix-ui/template-explorer-modal/src/contractCode/erc721.ts
new file mode 100644
index 00000000000..468823c7979
--- /dev/null
+++ b/libs/remix-ui/template-explorer-modal/src/contractCode/erc721.ts
@@ -0,0 +1,1700 @@
+export const erc721DefaultNoOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {ERC721} from "@openzeppelin/contracts/token/ERC721/ERC721.sol";
+
+contract ${contractName} is ERC721 {
+    constructor() ERC721("MyToken", "MTK") {}
+}
+`
+
+export const erc721MintableOwnableOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {ERC721} from "@openzeppelin/contracts/token/ERC721/ERC721.sol";
+import {Ownable} from "@openzeppelin/contracts/access/Ownable.sol";
+
+contract ${contractName} is ERC721, Ownable {
+    constructor(address initialOwner)
+        ERC721("MyToken", "MTK")
+        Ownable(initialOwner)
+    {}
+
+    function safeMint(address to, uint256 tokenId) public onlyOwner {
+        _safeMint(to, tokenId);
+    }
+}
+`
+
+export const erc721MintableOwnableAutoIncrementOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {ERC721} from "@openzeppelin/contracts/token/ERC721/ERC721.sol";
+import {Ownable} from "@openzeppelin/contracts/access/Ownable.sol";
+
+contract ${contractName} is ERC721, Ownable {
+    uint256 private _nextTokenId;
+
+    constructor(address initialOwner)
+        ERC721("MyToken", "MTK")
+        Ownable(initialOwner)
+    {}
+
+    function safeMint(address to) public onlyOwner returns (uint256) {
+        uint256 tokenId = _nextTokenId++;
+        _safeMint(to, tokenId);
+        return tokenId;
+    }
+}`
+
+export const erc721BurnableOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {ERC721} from "@openzeppelin/contracts/token/ERC721/ERC721.sol";
+import {ERC721Burnable} from "@openzeppelin/contracts/token/ERC721/extensions/ERC721Burnable.sol";
+
+contract ${contractName} is ERC721, ERC721Burnable {
+    constructor() ERC721("MyToken", "MTK") {}
+}
+`
+
+export const erc721BurnableMintableOwnableOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {ERC721} from "@openzeppelin/contracts/token/ERC721/ERC721.sol";
+import {ERC721Burnable} from "@openzeppelin/contracts/token/ERC721/extensions/ERC721Burnable.sol";
+import {Ownable} from "@openzeppelin/contracts/access/Ownable.sol";
+
+contract ${contractName} is ERC721, ERC721Burnable, Ownable {
+    uint256 private _nextTokenId;
+
+    constructor(address initialOwner)
+        ERC721("MyToken", "MTK")
+        Ownable(initialOwner)
+    {}
+
+    function safeMint(address to) public onlyOwner returns (uint256) {
+        uint256 tokenId = _nextTokenId++;
+        _safeMint(to, tokenId);
+        return tokenId;
+    }
+}
+`
+
+export const erc721PauableOwnableOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {ERC721} from "@openzeppelin/contracts/token/ERC721/ERC721.sol";
+import {ERC721Pausable} from "@openzeppelin/contracts/token/ERC721/extensions/ERC721Pausable.sol";
+import {Ownable} from "@openzeppelin/contracts/access/Ownable.sol";
+
+contract ${contractName} is ERC721, ERC721Pausable, Ownable {
+    constructor(address initialOwner)
+        ERC721("MyToken", "MTK")
+        Ownable(initialOwner)
+    {}
+
+    function pause() public onlyOwner {
+        _pause();
+    }
+
+    function unpause() public onlyOwner {
+        _unpause();
+    }
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address to, uint256 tokenId, address auth)
+        internal
+        override(ERC721, ERC721Pausable)
+        returns (address)
+    {
+        return super._update(to, tokenId, auth);
+    }
+}
+`
+
+export const erc721PausableBurnableOwnableOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {ERC721} from "@openzeppelin/contracts/token/ERC721/ERC721.sol";
+import {ERC721Burnable} from "@openzeppelin/contracts/token/ERC721/extensions/ERC721Burnable.sol";
+import {ERC721Pausable} from "@openzeppelin/contracts/token/ERC721/extensions/ERC721Pausable.sol";
+import {Ownable} from "@openzeppelin/contracts/access/Ownable.sol";
+
+contract ${contractName} is ERC721, ERC721Pausable, Ownable, ERC721Burnable {
+    constructor(address initialOwner)
+        ERC721("MyToken", "MTK")
+        Ownable(initialOwner)
+    {}
+
+    function pause() public onlyOwner {
+        _pause();
+    }
+
+    function unpause() public onlyOwner {
+        _unpause();
+    }
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address to, uint256 tokenId, address auth)
+        internal
+        override(ERC721, ERC721Pausable)
+        returns (address)
+    {
+        return super._update(to, tokenId, auth);
+    }
+}
+`
+
+export const erc721PausableBurnableMintableOwnableOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {ERC721} from "@openzeppelin/contracts/token/ERC721/ERC721.sol";
+import {ERC721Burnable} from "@openzeppelin/contracts/token/ERC721/extensions/ERC721Burnable.sol";
+import {ERC721Pausable} from "@openzeppelin/contracts/token/ERC721/extensions/ERC721Pausable.sol";
+import {Ownable} from "@openzeppelin/contracts/access/Ownable.sol";
+
+contract ${contractName} is ERC721, ERC721Pausable, Ownable, ERC721Burnable {
+    uint256 private _nextTokenId;
+
+    constructor(address initialOwner)
+        ERC721("MyToken", "MTK")
+        Ownable(initialOwner)
+    {}
+
+    function pause() public onlyOwner {
+        _pause();
+    }
+
+    function unpause() public onlyOwner {
+        _unpause();
+    }
+
+    function safeMint(address to) public onlyOwner returns (uint256) {
+        uint256 tokenId = _nextTokenId++;
+        _safeMint(to, tokenId);
+        return tokenId;
+    }
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address to, uint256 tokenId, address auth)
+        internal
+        override(ERC721, ERC721Pausable)
+        returns (address)
+    {
+        return super._update(to, tokenId, auth);
+    }
+}
+`
+
+export const erc721PausableBurnableMintableEnumerableOwnableOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {ERC721} from "@openzeppelin/contracts/token/ERC721/ERC721.sol";
+import {ERC721Burnable} from "@openzeppelin/contracts/token/ERC721/extensions/ERC721Burnable.sol";
+import {ERC721Enumerable} from "@openzeppelin/contracts/token/ERC721/extensions/ERC721Enumerable.sol";
+import {ERC721Pausable} from "@openzeppelin/contracts/token/ERC721/extensions/ERC721Pausable.sol";
+import {Ownable} from "@openzeppelin/contracts/access/Ownable.sol";
+
+contract ${contractName} is ERC721, ERC721Enumerable, ERC721Pausable, Ownable, ERC721Burnable {
+    uint256 private _nextTokenId;
+
+    constructor(address initialOwner)
+        ERC721("MyToken", "MTK")
+        Ownable(initialOwner)
+    {}
+
+    function pause() public onlyOwner {
+        _pause();
+    }
+
+    function unpause() public onlyOwner {
+        _unpause();
+    }
+
+    function safeMint(address to) public onlyOwner returns (uint256) {
+        uint256 tokenId = _nextTokenId++;
+        _safeMint(to, tokenId);
+        return tokenId;
+    }
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address to, uint256 tokenId, address auth)
+        internal
+        override(ERC721, ERC721Enumerable, ERC721Pausable)
+        returns (address)
+    {
+        return super._update(to, tokenId, auth);
+    }
+
+    function _increaseBalance(address account, uint128 value)
+        internal
+        override(ERC721, ERC721Enumerable)
+    {
+        super._increaseBalance(account, value);
+    }
+
+    function supportsInterface(bytes4 interfaceId)
+        public
+        view
+        override(ERC721, ERC721Enumerable)
+        returns (bool)
+    {
+        return super.supportsInterface(interfaceId);
+    }
+}
+`
+
+export const erc721FullOptionsUriStorage = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {ERC721} from "@openzeppelin/contracts/token/ERC721/ERC721.sol";
+import {ERC721Burnable} from "@openzeppelin/contracts/token/ERC721/extensions/ERC721Burnable.sol";
+import {ERC721Enumerable} from "@openzeppelin/contracts/token/ERC721/extensions/ERC721Enumerable.sol";
+import {ERC721Pausable} from "@openzeppelin/contracts/token/ERC721/extensions/ERC721Pausable.sol";
+import {ERC721URIStorage} from "@openzeppelin/contracts/token/ERC721/extensions/ERC721URIStorage.sol";
+import {Ownable} from "@openzeppelin/contracts/access/Ownable.sol";
+
+contract ${contractName} is ERC721, ERC721Enumerable, ERC721URIStorage, ERC721Pausable, Ownable, ERC721Burnable {
+    uint256 private _nextTokenId;
+
+    constructor(address initialOwner)
+        ERC721("MyToken", "MTK")
+        Ownable(initialOwner)
+    {}
+
+    function pause() public onlyOwner {
+        _pause();
+    }
+
+    function unpause() public onlyOwner {
+        _unpause();
+    }
+
+    function safeMint(address to, string memory uri)
+        public
+        onlyOwner
+        returns (uint256)
+    {
+        uint256 tokenId = _nextTokenId++;
+        _safeMint(to, tokenId);
+        _setTokenURI(tokenId, uri);
+        return tokenId;
+    }
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address to, uint256 tokenId, address auth)
+        internal
+        override(ERC721, ERC721Enumerable, ERC721Pausable)
+        returns (address)
+    {
+        return super._update(to, tokenId, auth);
+    }
+
+    function _increaseBalance(address account, uint128 value)
+        internal
+        override(ERC721, ERC721Enumerable)
+    {
+        super._increaseBalance(account, value);
+    }
+
+    function tokenURI(uint256 tokenId)
+        public
+        view
+        override(ERC721, ERC721URIStorage)
+        returns (string memory)
+    {
+        return super.tokenURI(tokenId);
+    }
+
+    function supportsInterface(bytes4 interfaceId)
+        public
+        view
+        override(ERC721, ERC721Enumerable, ERC721URIStorage)
+        returns (bool)
+    {
+        return super.supportsInterface(interfaceId);
+    }
+}
+`
+
+export const erc721FullOptionsRoles = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {AccessControl} from "@openzeppelin/contracts/access/AccessControl.sol";
+import {ERC721} from "@openzeppelin/contracts/token/ERC721/ERC721.sol";
+import {ERC721Burnable} from "@openzeppelin/contracts/token/ERC721/extensions/ERC721Burnable.sol";
+import {ERC721Enumerable} from "@openzeppelin/contracts/token/ERC721/extensions/ERC721Enumerable.sol";
+import {ERC721Pausable} from "@openzeppelin/contracts/token/ERC721/extensions/ERC721Pausable.sol";
+import {ERC721URIStorage} from "@openzeppelin/contracts/token/ERC721/extensions/ERC721URIStorage.sol";
+
+contract ${contractName} is ERC721, ERC721Enumerable, ERC721URIStorage, ERC721Pausable, AccessControl, ERC721Burnable {
+    bytes32 public constant PAUSER_ROLE = keccak256("PAUSER_ROLE");
+    bytes32 public constant MINTER_ROLE = keccak256("MINTER_ROLE");
+    uint256 private _nextTokenId;
+
+    constructor(address defaultAdmin, address pauser, address minter)
+        ERC721("MyToken", "MTK")
+    {
+        _grantRole(DEFAULT_ADMIN_ROLE, defaultAdmin);
+        _grantRole(PAUSER_ROLE, pauser);
+        _grantRole(MINTER_ROLE, minter);
+    }
+
+    function pause() public onlyRole(PAUSER_ROLE) {
+        _pause();
+    }
+
+    function unpause() public onlyRole(PAUSER_ROLE) {
+        _unpause();
+    }
+
+    function safeMint(address to, string memory uri)
+        public
+        onlyRole(MINTER_ROLE)
+        returns (uint256)
+    {
+        uint256 tokenId = _nextTokenId++;
+        _safeMint(to, tokenId);
+        _setTokenURI(tokenId, uri);
+        return tokenId;
+    }
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address to, uint256 tokenId, address auth)
+        internal
+        override(ERC721, ERC721Enumerable, ERC721Pausable)
+        returns (address)
+    {
+        return super._update(to, tokenId, auth);
+    }
+
+    function _increaseBalance(address account, uint128 value)
+        internal
+        override(ERC721, ERC721Enumerable)
+    {
+        super._increaseBalance(account, value);
+    }
+
+    function tokenURI(uint256 tokenId)
+        public
+        view
+        override(ERC721, ERC721URIStorage)
+        returns (string memory)
+    {
+        return super.tokenURI(tokenId);
+    }
+
+    function supportsInterface(bytes4 interfaceId)
+        public
+        view
+        override(ERC721, ERC721Enumerable, ERC721URIStorage, AccessControl)
+        returns (bool)
+    {
+        return super.supportsInterface(interfaceId);
+    }
+}
+`
+
+export const erc721ManagedFullOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {AccessManaged} from "@openzeppelin/contracts/access/manager/AccessManaged.sol";
+import {ERC721} from "@openzeppelin/contracts/token/ERC721/ERC721.sol";
+import {ERC721Burnable} from "@openzeppelin/contracts/token/ERC721/extensions/ERC721Burnable.sol";
+import {ERC721Enumerable} from "@openzeppelin/contracts/token/ERC721/extensions/ERC721Enumerable.sol";
+import {ERC721Pausable} from "@openzeppelin/contracts/token/ERC721/extensions/ERC721Pausable.sol";
+import {ERC721URIStorage} from "@openzeppelin/contracts/token/ERC721/extensions/ERC721URIStorage.sol";
+
+contract ${contractName} is ERC721, ERC721Enumerable, ERC721URIStorage, ERC721Pausable, AccessManaged, ERC721Burnable {
+    uint256 private _nextTokenId;
+
+    constructor(address initialAuthority)
+        ERC721("MyToken", "MTK")
+        AccessManaged(initialAuthority)
+    {}
+
+    function pause() public restricted {
+        _pause();
+    }
+
+    function unpause() public restricted {
+        _unpause();
+    }
+
+    function safeMint(address to, string memory uri)
+        public
+        restricted
+        returns (uint256)
+    {
+        uint256 tokenId = _nextTokenId++;
+        _safeMint(to, tokenId);
+        _setTokenURI(tokenId, uri);
+        return tokenId;
+    }
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address to, uint256 tokenId, address auth)
+        internal
+        override(ERC721, ERC721Enumerable, ERC721Pausable)
+        returns (address)
+    {
+        return super._update(to, tokenId, auth);
+    }
+
+    function _increaseBalance(address account, uint128 value)
+        internal
+        override(ERC721, ERC721Enumerable)
+    {
+        super._increaseBalance(account, value);
+    }
+
+    function tokenURI(uint256 tokenId)
+        public
+        view
+        override(ERC721, ERC721URIStorage)
+        returns (string memory)
+    {
+        return super.tokenURI(tokenId);
+    }
+
+    function supportsInterface(bytes4 interfaceId)
+        public
+        view
+        override(ERC721, ERC721Enumerable, ERC721URIStorage)
+        returns (bool)
+    {
+        return super.supportsInterface(interfaceId);
+    }
+}
+`
+
+export const erc721FullOptionsManagedTransparent = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {AccessManagedUpgradeable} from "@openzeppelin/contracts-upgradeable/access/manager/AccessManagedUpgradeable.sol";
+import {ERC721Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC721/ERC721Upgradeable.sol";
+import {ERC721BurnableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC721/extensions/ERC721BurnableUpgradeable.sol";
+import {ERC721EnumerableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC721/extensions/ERC721EnumerableUpgradeable.sol";
+import {ERC721PausableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC721/extensions/ERC721PausableUpgradeable.sol";
+import {ERC721URIStorageUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC721/extensions/ERC721URIStorageUpgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+
+contract ${contractName} is Initializable, ERC721Upgradeable, ERC721EnumerableUpgradeable, ERC721URIStorageUpgradeable, ERC721PausableUpgradeable, AccessManagedUpgradeable, ERC721BurnableUpgradeable {
+    uint256 private _nextTokenId;
+
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address initialAuthority) public initializer {
+        __ERC721_init("MyToken", "MTK");
+        __ERC721Enumerable_init();
+        __ERC721URIStorage_init();
+        __ERC721Pausable_init();
+        __AccessManaged_init(initialAuthority);
+        __ERC721Burnable_init();
+    }
+
+    function pause() public restricted {
+        _pause();
+    }
+
+    function unpause() public restricted {
+        _unpause();
+    }
+
+    function safeMint(address to, string memory uri)
+        public
+        restricted
+        returns (uint256)
+    {
+        uint256 tokenId = _nextTokenId++;
+        _safeMint(to, tokenId);
+        _setTokenURI(tokenId, uri);
+        return tokenId;
+    }
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address to, uint256 tokenId, address auth)
+        internal
+        override(ERC721Upgradeable, ERC721EnumerableUpgradeable, ERC721PausableUpgradeable)
+        returns (address)
+    {
+        return super._update(to, tokenId, auth);
+    }
+
+    function _increaseBalance(address account, uint128 value)
+        internal
+        override(ERC721Upgradeable, ERC721EnumerableUpgradeable)
+    {
+        super._increaseBalance(account, value);
+    }
+
+    function tokenURI(uint256 tokenId)
+        public
+        view
+        override(ERC721Upgradeable, ERC721URIStorageUpgradeable)
+        returns (string memory)
+    {
+        return super.tokenURI(tokenId);
+    }
+
+    function supportsInterface(bytes4 interfaceId)
+        public
+        view
+        override(ERC721Upgradeable, ERC721EnumerableUpgradeable, ERC721URIStorageUpgradeable)
+        returns (bool)
+    {
+        return super.supportsInterface(interfaceId);
+    }
+}
+`
+
+export const erc721FullOptionsRolesTransparent = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {AccessControlUpgradeable} from "@openzeppelin/contracts-upgradeable/access/AccessControlUpgradeable.sol";
+import {ERC721Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC721/ERC721Upgradeable.sol";
+import {ERC721BurnableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC721/extensions/ERC721BurnableUpgradeable.sol";
+import {ERC721EnumerableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC721/extensions/ERC721EnumerableUpgradeable.sol";
+import {ERC721PausableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC721/extensions/ERC721PausableUpgradeable.sol";
+import {ERC721URIStorageUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC721/extensions/ERC721URIStorageUpgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+
+contract ${contractName} is Initializable, ERC721Upgradeable, ERC721EnumerableUpgradeable, ERC721URIStorageUpgradeable, ERC721PausableUpgradeable, AccessControlUpgradeable, ERC721BurnableUpgradeable {
+    bytes32 public constant PAUSER_ROLE = keccak256("PAUSER_ROLE");
+    bytes32 public constant MINTER_ROLE = keccak256("MINTER_ROLE");
+    uint256 private _nextTokenId;
+
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address defaultAdmin, address pauser, address minter)
+        public
+        initializer
+    {
+        __ERC721_init("MyToken", "MTK");
+        __ERC721Enumerable_init();
+        __ERC721URIStorage_init();
+        __ERC721Pausable_init();
+        __AccessControl_init();
+        __ERC721Burnable_init();
+
+        _grantRole(DEFAULT_ADMIN_ROLE, defaultAdmin);
+        _grantRole(PAUSER_ROLE, pauser);
+        _grantRole(MINTER_ROLE, minter);
+    }
+
+    function pause() public onlyRole(PAUSER_ROLE) {
+        _pause();
+    }
+
+    function unpause() public onlyRole(PAUSER_ROLE) {
+        _unpause();
+    }
+
+    function safeMint(address to, string memory uri)
+        public
+        onlyRole(MINTER_ROLE)
+        returns (uint256)
+    {
+        uint256 tokenId = _nextTokenId++;
+        _safeMint(to, tokenId);
+        _setTokenURI(tokenId, uri);
+        return tokenId;
+    }
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address to, uint256 tokenId, address auth)
+        internal
+        override(ERC721Upgradeable, ERC721EnumerableUpgradeable, ERC721PausableUpgradeable)
+        returns (address)
+    {
+        return super._update(to, tokenId, auth);
+    }
+
+    function _increaseBalance(address account, uint128 value)
+        internal
+        override(ERC721Upgradeable, ERC721EnumerableUpgradeable)
+    {
+        super._increaseBalance(account, value);
+    }
+
+    function tokenURI(uint256 tokenId)
+        public
+        view
+        override(ERC721Upgradeable, ERC721URIStorageUpgradeable)
+        returns (string memory)
+    {
+        return super.tokenURI(tokenId);
+    }
+
+    function supportsInterface(bytes4 interfaceId)
+        public
+        view
+        override(ERC721Upgradeable, ERC721EnumerableUpgradeable, ERC721URIStorageUpgradeable, AccessControlUpgradeable)
+        returns (bool)
+    {
+        return super.supportsInterface(interfaceId);
+    }
+}
+`
+
+export const erc721ManagedFullOptionsTransparent = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {AccessManagedUpgradeable} from "@openzeppelin/contracts-upgradeable/access/manager/AccessManagedUpgradeable.sol";
+import {ERC721Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC721/ERC721Upgradeable.sol";
+import {ERC721BurnableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC721/extensions/ERC721BurnableUpgradeable.sol";
+import {ERC721EnumerableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC721/extensions/ERC721EnumerableUpgradeable.sol";
+import {ERC721PausableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC721/extensions/ERC721PausableUpgradeable.sol";
+import {ERC721URIStorageUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC721/extensions/ERC721URIStorageUpgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+
+contract ${contractName} is Initializable, ERC721Upgradeable, ERC721EnumerableUpgradeable, ERC721URIStorageUpgradeable, ERC721PausableUpgradeable, AccessManagedUpgradeable, ERC721BurnableUpgradeable {
+    uint256 private _nextTokenId;
+
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address initialAuthority) public initializer {
+        __ERC721_init("MyToken", "MTK");
+        __ERC721Enumerable_init();
+        __ERC721URIStorage_init();
+        __ERC721Pausable_init();
+        __AccessManaged_init(initialAuthority);
+        __ERC721Burnable_init();
+    }
+
+    function pause() public restricted {
+        _pause();
+    }
+
+    function unpause() public restricted {
+        _unpause();
+    }
+
+    function safeMint(address to, string memory uri)
+        public
+        restricted
+        returns (uint256)
+    {
+        uint256 tokenId = _nextTokenId++;
+        _safeMint(to, tokenId);
+        _setTokenURI(tokenId, uri);
+        return tokenId;
+    }
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address to, uint256 tokenId, address auth)
+        internal
+        override(ERC721Upgradeable, ERC721EnumerableUpgradeable, ERC721PausableUpgradeable)
+        returns (address)
+    {
+        return super._update(to, tokenId, auth);
+    }
+
+    function _increaseBalance(address account, uint128 value)
+        internal
+        override(ERC721Upgradeable, ERC721EnumerableUpgradeable)
+    {
+        super._increaseBalance(account, value);
+    }
+
+    function tokenURI(uint256 tokenId)
+        public
+        view
+        override(ERC721Upgradeable, ERC721URIStorageUpgradeable)
+        returns (string memory)
+    {
+        return super.tokenURI(tokenId);
+    }
+
+    function supportsInterface(bytes4 interfaceId)
+        public
+        view
+        override(ERC721Upgradeable, ERC721EnumerableUpgradeable, ERC721URIStorageUpgradeable)
+        returns (bool)
+    {
+        return super.supportsInterface(interfaceId);
+    }
+}
+`
+
+export const erc721UUPSManagedFullOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {AccessManagedUpgradeable} from "@openzeppelin/contracts-upgradeable/access/manager/AccessManagedUpgradeable.sol";
+import {ERC721Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC721/ERC721Upgradeable.sol";
+import {ERC721BurnableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC721/extensions/ERC721BurnableUpgradeable.sol";
+import {ERC721EnumerableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC721/extensions/ERC721EnumerableUpgradeable.sol";
+import {ERC721PausableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC721/extensions/ERC721PausableUpgradeable.sol";
+import {ERC721URIStorageUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC721/extensions/ERC721URIStorageUpgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+import {UUPSUpgradeable} from "@openzeppelin/contracts-upgradeable/proxy/utils/UUPSUpgradeable.sol";
+
+contract ${contractName} is Initializable, ERC721Upgradeable, ERC721EnumerableUpgradeable, ERC721URIStorageUpgradeable, ERC721PausableUpgradeable, AccessManagedUpgradeable, ERC721BurnableUpgradeable, UUPSUpgradeable {
+    uint256 private _nextTokenId;
+
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address initialAuthority) public initializer {
+        __ERC721_init("MyToken", "MTK");
+        __ERC721Enumerable_init();
+        __ERC721URIStorage_init();
+        __ERC721Pausable_init();
+        __AccessManaged_init(initialAuthority);
+        __ERC721Burnable_init();
+        __UUPSUpgradeable_init();
+    }
+
+    function pause() public restricted {
+        _pause();
+    }
+
+    function unpause() public restricted {
+        _unpause();
+    }
+
+    function safeMint(address to, string memory uri)
+        public
+        restricted
+        returns (uint256)
+    {
+        uint256 tokenId = _nextTokenId++;
+        _safeMint(to, tokenId);
+        _setTokenURI(tokenId, uri);
+        return tokenId;
+    }
+
+    function _authorizeUpgrade(address newImplementation)
+        internal
+        override
+        restricted
+    {}
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address to, uint256 tokenId, address auth)
+        internal
+        override(ERC721Upgradeable, ERC721EnumerableUpgradeable, ERC721PausableUpgradeable)
+        returns (address)
+    {
+        return super._update(to, tokenId, auth);
+    }
+
+    function _increaseBalance(address account, uint128 value)
+        internal
+        override(ERC721Upgradeable, ERC721EnumerableUpgradeable)
+    {
+        super._increaseBalance(account, value);
+    }
+
+    function tokenURI(uint256 tokenId)
+        public
+        view
+        override(ERC721Upgradeable, ERC721URIStorageUpgradeable)
+        returns (string memory)
+    {
+        return super.tokenURI(tokenId);
+    }
+
+    function supportsInterface(bytes4 interfaceId)
+        public
+        view
+        override(ERC721Upgradeable, ERC721EnumerableUpgradeable, ERC721URIStorageUpgradeable)
+        returns (bool)
+    {
+        return super.supportsInterface(interfaceId);
+    }
+}
+`
+
+export const erc721UUPSRolesFullOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {AccessControlUpgradeable} from "@openzeppelin/contracts-upgradeable/access/AccessControlUpgradeable.sol";
+import {ERC721Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC721/ERC721Upgradeable.sol";
+import {ERC721BurnableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC721/extensions/ERC721BurnableUpgradeable.sol";
+import {ERC721EnumerableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC721/extensions/ERC721EnumerableUpgradeable.sol";
+import {ERC721PausableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC721/extensions/ERC721PausableUpgradeable.sol";
+import {ERC721URIStorageUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC721/extensions/ERC721URIStorageUpgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+import {UUPSUpgradeable} from "@openzeppelin/contracts-upgradeable/proxy/utils/UUPSUpgradeable.sol";
+
+contract ${contractName} is Initializable, ERC721Upgradeable, ERC721EnumerableUpgradeable, ERC721URIStorageUpgradeable, ERC721PausableUpgradeable, AccessControlUpgradeable, ERC721BurnableUpgradeable, UUPSUpgradeable {
+    bytes32 public constant PAUSER_ROLE = keccak256("PAUSER_ROLE");
+    bytes32 public constant MINTER_ROLE = keccak256("MINTER_ROLE");
+    uint256 private _nextTokenId;
+    bytes32 public constant UPGRADER_ROLE = keccak256("UPGRADER_ROLE");
+
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address defaultAdmin, address pauser, address minter, address upgrader)
+        public
+        initializer
+    {
+        __ERC721_init("MyToken", "MTK");
+        __ERC721Enumerable_init();
+        __ERC721URIStorage_init();
+        __ERC721Pausable_init();
+        __AccessControl_init();
+        __ERC721Burnable_init();
+        __UUPSUpgradeable_init();
+
+        _grantRole(DEFAULT_ADMIN_ROLE, defaultAdmin);
+        _grantRole(PAUSER_ROLE, pauser);
+        _grantRole(MINTER_ROLE, minter);
+        _grantRole(UPGRADER_ROLE, upgrader);
+    }
+
+    function pause() public onlyRole(PAUSER_ROLE) {
+        _pause();
+    }
+
+    function unpause() public onlyRole(PAUSER_ROLE) {
+        _unpause();
+    }
+
+    function safeMint(address to, string memory uri)
+        public
+        onlyRole(MINTER_ROLE)
+        returns (uint256)
+    {
+        uint256 tokenId = _nextTokenId++;
+        _safeMint(to, tokenId);
+        _setTokenURI(tokenId, uri);
+        return tokenId;
+    }
+
+    function _authorizeUpgrade(address newImplementation)
+        internal
+        override
+        onlyRole(UPGRADER_ROLE)
+    {}
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address to, uint256 tokenId, address auth)
+        internal
+        override(ERC721Upgradeable, ERC721EnumerableUpgradeable, ERC721PausableUpgradeable)
+        returns (address)
+    {
+        return super._update(to, tokenId, auth);
+    }
+
+    function _increaseBalance(address account, uint128 value)
+        internal
+        override(ERC721Upgradeable, ERC721EnumerableUpgradeable)
+    {
+        super._increaseBalance(account, value);
+    }
+
+    function tokenURI(uint256 tokenId)
+        public
+        view
+        override(ERC721Upgradeable, ERC721URIStorageUpgradeable)
+        returns (string memory)
+    {
+        return super.tokenURI(tokenId);
+    }
+
+    function supportsInterface(bytes4 interfaceId)
+        public
+        view
+        override(ERC721Upgradeable, ERC721EnumerableUpgradeable, ERC721URIStorageUpgradeable, AccessControlUpgradeable)
+        returns (bool)
+    {
+        return super.supportsInterface(interfaceId);
+    }
+}
+`
+
+export const erc721UUPSOwnableFullOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {ERC721Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC721/ERC721Upgradeable.sol";
+import {ERC721BurnableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC721/extensions/ERC721BurnableUpgradeable.sol";
+import {ERC721EnumerableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC721/extensions/ERC721EnumerableUpgradeable.sol";
+import {ERC721PausableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC721/extensions/ERC721PausableUpgradeable.sol";
+import {ERC721URIStorageUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC721/extensions/ERC721URIStorageUpgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+import {OwnableUpgradeable} from "@openzeppelin/contracts-upgradeable/access/OwnableUpgradeable.sol";
+import {UUPSUpgradeable} from "@openzeppelin/contracts-upgradeable/proxy/utils/UUPSUpgradeable.sol";
+
+contract ${contractName} is Initializable, ERC721Upgradeable, ERC721EnumerableUpgradeable, ERC721URIStorageUpgradeable, ERC721PausableUpgradeable, OwnableUpgradeable, ERC721BurnableUpgradeable, UUPSUpgradeable {
+    uint256 private _nextTokenId;
+
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address initialOwner) public initializer {
+        __ERC721_init("MyToken", "MTK");
+        __ERC721Enumerable_init();
+        __ERC721URIStorage_init();
+        __ERC721Pausable_init();
+        __Ownable_init(initialOwner);
+        __ERC721Burnable_init();
+        __UUPSUpgradeable_init();
+    }
+
+    function pause() public onlyOwner {
+        _pause();
+    }
+
+    function unpause() public onlyOwner {
+        _unpause();
+    }
+
+    function safeMint(address to, string memory uri)
+        public
+        onlyOwner
+        returns (uint256)
+    {
+        uint256 tokenId = _nextTokenId++;
+        _safeMint(to, tokenId);
+        _setTokenURI(tokenId, uri);
+        return tokenId;
+    }
+
+    function _authorizeUpgrade(address newImplementation)
+        internal
+        override
+        onlyOwner
+    {}
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address to, uint256 tokenId, address auth)
+        internal
+        override(ERC721Upgradeable, ERC721EnumerableUpgradeable, ERC721PausableUpgradeable)
+        returns (address)
+    {
+        return super._update(to, tokenId, auth);
+    }
+
+    function _increaseBalance(address account, uint128 value)
+        internal
+        override(ERC721Upgradeable, ERC721EnumerableUpgradeable)
+    {
+        super._increaseBalance(account, value);
+    }
+
+    function tokenURI(uint256 tokenId)
+        public
+        view
+        override(ERC721Upgradeable, ERC721URIStorageUpgradeable)
+        returns (string memory)
+    {
+        return super.tokenURI(tokenId);
+    }
+
+    function supportsInterface(bytes4 interfaceId)
+        public
+        view
+        override(ERC721Upgradeable, ERC721EnumerableUpgradeable, ERC721URIStorageUpgradeable)
+        returns (bool)
+    {
+        return super.supportsInterface(interfaceId);
+    }
+}
+`
+
+export const erc721PausableMintableRoleOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {AccessControlUpgradeable} from "@openzeppelin/contracts-upgradeable/access/AccessControlUpgradeable.sol";
+import {ERC721Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC721/ERC721Upgradeable.sol";
+import {ERC721BurnableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC721/extensions/ERC721BurnableUpgradeable.sol";
+import {ERC721PausableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC721/extensions/ERC721PausableUpgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+import {UUPSUpgradeable} from "@openzeppelin/contracts-upgradeable/proxy/utils/UUPSUpgradeable.sol";
+
+contract MyToken is Initializable, ERC721Upgradeable, ERC721PausableUpgradeable, AccessControlUpgradeable, ERC721BurnableUpgradeable, UUPSUpgradeable {
+    bytes32 public constant PAUSER_ROLE = keccak256("PAUSER_ROLE");
+    bytes32 public constant MINTER_ROLE = keccak256("MINTER_ROLE");
+    bytes32 public constant UPGRADER_ROLE = keccak256("UPGRADER_ROLE");
+
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address defaultAdmin, address pauser, address minter, address upgrader)
+        public
+        initializer
+    {
+        __ERC721_init("MyToken", "MTK");
+        __ERC721Pausable_init();
+        __AccessControl_init();
+        __ERC721Burnable_init();
+        __UUPSUpgradeable_init();
+
+        _grantRole(DEFAULT_ADMIN_ROLE, defaultAdmin);
+        _grantRole(PAUSER_ROLE, pauser);
+        _grantRole(MINTER_ROLE, minter);
+        _grantRole(UPGRADER_ROLE, upgrader);
+    }
+
+    function pause() public onlyRole(PAUSER_ROLE) {
+        _pause();
+    }
+
+    function unpause() public onlyRole(PAUSER_ROLE) {
+        _unpause();
+    }
+
+    function safeMint(address to, uint256 tokenId) public onlyRole(MINTER_ROLE) {
+        _safeMint(to, tokenId);
+    }
+
+    function _authorizeUpgrade(address newImplementation)
+        internal
+        override
+        onlyRole(UPGRADER_ROLE)
+    {}
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address to, uint256 tokenId, address auth)
+        internal
+        override(ERC721Upgradeable, ERC721PausableUpgradeable)
+        returns (address)
+    {
+        return super._update(to, tokenId, auth);
+    }
+
+    function supportsInterface(bytes4 interfaceId)
+        public
+        view
+        override(ERC721Upgradeable, AccessControlUpgradeable)
+        returns (bool)
+    {
+        return super.supportsInterface(interfaceId);
+    }
+}
+`
+
+export const erc721PausableBurnableRoleOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {AccessControlUpgradeable} from "@openzeppelin/contracts-upgradeable/access/AccessControlUpgradeable.sol";
+import {ERC721Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC721/ERC721Upgradeable.sol";
+import {ERC721BurnableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC721/extensions/ERC721BurnableUpgradeable.sol";
+import {ERC721PausableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC721/extensions/ERC721PausableUpgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+import {UUPSUpgradeable} from "@openzeppelin/contracts-upgradeable/proxy/utils/UUPSUpgradeable.sol";
+
+contract MyToken is Initializable, ERC721Upgradeable, ERC721PausableUpgradeable, AccessControlUpgradeable, ERC721BurnableUpgradeable, UUPSUpgradeable {
+    bytes32 public constant PAUSER_ROLE = keccak256("PAUSER_ROLE");
+    bytes32 public constant UPGRADER_ROLE = keccak256("UPGRADER_ROLE");
+
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address defaultAdmin, address pauser, address upgrader)
+        public
+        initializer
+    {
+        __ERC721_init("MyToken", "MTK");
+        __ERC721Pausable_init();
+        __AccessControl_init();
+        __ERC721Burnable_init();
+        __UUPSUpgradeable_init();
+
+        _grantRole(DEFAULT_ADMIN_ROLE, defaultAdmin);
+        _grantRole(PAUSER_ROLE, pauser);
+        _grantRole(UPGRADER_ROLE, upgrader);
+    }
+
+    function pause() public onlyRole(PAUSER_ROLE) {
+        _pause();
+    }
+
+    function unpause() public onlyRole(PAUSER_ROLE) {
+        _unpause();
+    }
+
+    function _authorizeUpgrade(address newImplementation)
+        internal
+        override
+        onlyRole(UPGRADER_ROLE)
+    {}
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address to, uint256 tokenId, address auth)
+        internal
+        override(ERC721Upgradeable, ERC721PausableUpgradeable)
+        returns (address)
+    {
+        return super._update(to, tokenId, auth);
+    }
+
+    function supportsInterface(bytes4 interfaceId)
+        public
+        view
+        override(ERC721Upgradeable, AccessControlUpgradeable)
+        returns (bool)
+    {
+        return super.supportsInterface(interfaceId);
+    }
+}
+`
+
+export const erc721ManagedMintableBurnablePausableOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {AccessManaged} from "@openzeppelin/contracts/access/manager/AccessManaged.sol";
+import {ERC721} from "@openzeppelin/contracts/token/ERC721/ERC721.sol";
+import {ERC721Burnable} from "@openzeppelin/contracts/token/ERC721/extensions/ERC721Burnable.sol";
+import {ERC721Pausable} from "@openzeppelin/contracts/token/ERC721/extensions/ERC721Pausable.sol";
+
+contract MyToken is ERC721, ERC721Pausable, AccessManaged, ERC721Burnable {
+    constructor(address initialAuthority)
+        ERC721("MyToken", "MTK")
+        AccessManaged(initialAuthority)
+    {}
+
+    function pause() public restricted {
+        _pause();
+    }
+
+    function unpause() public restricted {
+        _unpause();
+    }
+
+    function safeMint(address to, uint256 tokenId) public restricted {
+        _safeMint(to, tokenId);
+    }
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address to, uint256 tokenId, address auth)
+        internal
+        override(ERC721, ERC721Pausable)
+        returns (address)
+    {
+        return super._update(to, tokenId, auth);
+    }
+}
+
+`
+
+export const erc721MintableRolesOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {AccessControlUpgradeable} from "@openzeppelin/contracts-upgradeable/access/AccessControlUpgradeable.sol";
+import {ERC721Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC721/ERC721Upgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+import {UUPSUpgradeable} from "@openzeppelin/contracts-upgradeable/proxy/utils/UUPSUpgradeable.sol";
+
+contract MyToken is Initializable, ERC721Upgradeable, AccessControlUpgradeable, UUPSUpgradeable {
+    bytes32 public constant MINTER_ROLE = keccak256("MINTER_ROLE");
+    bytes32 public constant UPGRADER_ROLE = keccak256("UPGRADER_ROLE");
+
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address defaultAdmin, address minter, address upgrader)
+        public
+        initializer
+    {
+        __ERC721_init("MyToken", "MTK");
+        __AccessControl_init();
+        __UUPSUpgradeable_init();
+
+        _grantRole(DEFAULT_ADMIN_ROLE, defaultAdmin);
+        _grantRole(MINTER_ROLE, minter);
+        _grantRole(UPGRADER_ROLE, upgrader);
+    }
+
+    function safeMint(address to, uint256 tokenId) public onlyRole(MINTER_ROLE) {
+        _safeMint(to, tokenId);
+    }
+
+    function _authorizeUpgrade(address newImplementation)
+        internal
+        override
+        onlyRole(UPGRADER_ROLE)
+    {}
+
+    // The following functions are overrides required by Solidity.
+
+    function supportsInterface(bytes4 interfaceId)
+        public
+        view
+        override(ERC721Upgradeable, AccessControlUpgradeable)
+        returns (bool)
+    {
+        return super.supportsInterface(interfaceId);
+    }
+}
+
+`
+
+export const erc721MintableManagedOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {AccessManagedUpgradeable} from "@openzeppelin/contracts-upgradeable/access/manager/AccessManagedUpgradeable.sol";
+import {ERC721Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC721/ERC721Upgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+import {UUPSUpgradeable} from "@openzeppelin/contracts-upgradeable/proxy/utils/UUPSUpgradeable.sol";
+
+contract MyToken is Initializable, ERC721Upgradeable, AccessManagedUpgradeable, UUPSUpgradeable {
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address initialAuthority) public initializer {
+        __ERC721_init("MyToken", "MTK");
+        __AccessManaged_init(initialAuthority);
+        __UUPSUpgradeable_init();
+    }
+
+    function safeMint(address to, uint256 tokenId) public restricted {
+        _safeMint(to, tokenId);
+    }
+
+    function _authorizeUpgrade(address newImplementation)
+        internal
+        override
+        restricted
+    {}
+}
+
+`
+
+export const erc721UUPSMintablePausableOwnableOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {ERC721Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC721/ERC721Upgradeable.sol";
+import {ERC721PausableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC721/extensions/ERC721PausableUpgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+import {OwnableUpgradeable} from "@openzeppelin/contracts-upgradeable/access/OwnableUpgradeable.sol";
+import {UUPSUpgradeable} from "@openzeppelin/contracts-upgradeable/proxy/utils/UUPSUpgradeable.sol";
+
+contract MyToken is Initializable, ERC721Upgradeable, ERC721PausableUpgradeable, OwnableUpgradeable, UUPSUpgradeable {
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address initialOwner) public initializer {
+        __ERC721_init("MyToken", "MTK");
+        __ERC721Pausable_init();
+        __Ownable_init(initialOwner);
+        __UUPSUpgradeable_init();
+    }
+
+    function pause() public onlyOwner {
+        _pause();
+    }
+
+    function unpause() public onlyOwner {
+        _unpause();
+    }
+
+    function safeMint(address to, uint256 tokenId) public onlyOwner {
+        _safeMint(to, tokenId);
+    }
+
+    function _authorizeUpgrade(address newImplementation)
+        internal
+        override
+        onlyOwner
+    {}
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address to, uint256 tokenId, address auth)
+        internal
+        override(ERC721Upgradeable, ERC721PausableUpgradeable)
+        returns (address)
+    {
+        return super._update(to, tokenId, auth);
+    }
+}
+`
+
+export const erc721UUPSMintablePausableRolesOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {AccessControlUpgradeable} from "@openzeppelin/contracts-upgradeable/access/AccessControlUpgradeable.sol";
+import {ERC721Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC721/ERC721Upgradeable.sol";
+import {ERC721PausableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC721/extensions/ERC721PausableUpgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+import {UUPSUpgradeable} from "@openzeppelin/contracts-upgradeable/proxy/utils/UUPSUpgradeable.sol";
+
+contract MyToken is Initializable, ERC721Upgradeable, ERC721PausableUpgradeable, AccessControlUpgradeable, UUPSUpgradeable {
+    bytes32 public constant PAUSER_ROLE = keccak256("PAUSER_ROLE");
+    bytes32 public constant MINTER_ROLE = keccak256("MINTER_ROLE");
+    bytes32 public constant UPGRADER_ROLE = keccak256("UPGRADER_ROLE");
+
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address defaultAdmin, address pauser, address minter, address upgrader)
+        public
+        initializer
+    {
+        __ERC721_init("MyToken", "MTK");
+        __ERC721Pausable_init();
+        __AccessControl_init();
+        __UUPSUpgradeable_init();
+
+        _grantRole(DEFAULT_ADMIN_ROLE, defaultAdmin);
+        _grantRole(PAUSER_ROLE, pauser);
+        _grantRole(MINTER_ROLE, minter);
+        _grantRole(UPGRADER_ROLE, upgrader);
+    }
+
+    function pause() public onlyRole(PAUSER_ROLE) {
+        _pause();
+    }
+
+    function unpause() public onlyRole(PAUSER_ROLE) {
+        _unpause();
+    }
+
+    function safeMint(address to, uint256 tokenId) public onlyRole(MINTER_ROLE) {
+        _safeMint(to, tokenId);
+    }
+
+    function _authorizeUpgrade(address newImplementation)
+        internal
+        override
+        onlyRole(UPGRADER_ROLE)
+    {}
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address to, uint256 tokenId, address auth)
+        internal
+        override(ERC721Upgradeable, ERC721PausableUpgradeable)
+        returns (address)
+    {
+        return super._update(to, tokenId, auth);
+    }
+
+    function supportsInterface(bytes4 interfaceId)
+        public
+        view
+        override(ERC721Upgradeable, AccessControlUpgradeable)
+        returns (bool)
+    {
+        return super.supportsInterface(interfaceId);
+    }
+}
+`
+
+export const erc721UUPSMintablePausableManagedOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {AccessManagedUpgradeable} from "@openzeppelin/contracts-upgradeable/access/manager/AccessManagedUpgradeable.sol";
+import {ERC721Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC721/ERC721Upgradeable.sol";
+import {ERC721PausableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC721/extensions/ERC721PausableUpgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+import {UUPSUpgradeable} from "@openzeppelin/contracts-upgradeable/proxy/utils/UUPSUpgradeable.sol";
+
+contract MyToken is Initializable, ERC721Upgradeable, ERC721PausableUpgradeable, AccessManagedUpgradeable, UUPSUpgradeable {
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address initialAuthority) public initializer {
+        __ERC721_init("MyToken", "MTK");
+        __ERC721Pausable_init();
+        __AccessManaged_init(initialAuthority);
+        __UUPSUpgradeable_init();
+    }
+
+    function pause() public restricted {
+        _pause();
+    }
+
+    function unpause() public restricted {
+        _unpause();
+    }
+
+    function safeMint(address to, uint256 tokenId) public restricted {
+        _safeMint(to, tokenId);
+    }
+
+    function _authorizeUpgrade(address newImplementation)
+        internal
+        override
+        restricted
+    {}
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address to, uint256 tokenId, address auth)
+        internal
+        override(ERC721Upgradeable, ERC721PausableUpgradeable)
+        returns (address)
+    {
+        return super._update(to, tokenId, auth);
+    }
+}
+`
+
+export const erc721UUPSBurnablePausableOwnableOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {ERC721Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC721/ERC721Upgradeable.sol";
+import {ERC721BurnableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC721/extensions/ERC721BurnableUpgradeable.sol";
+import {ERC721PausableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC721/extensions/ERC721PausableUpgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+import {OwnableUpgradeable} from "@openzeppelin/contracts-upgradeable/access/OwnableUpgradeable.sol";
+import {UUPSUpgradeable} from "@openzeppelin/contracts-upgradeable/proxy/utils/UUPSUpgradeable.sol";
+
+contract MyToken is Initializable, ERC721Upgradeable, ERC721PausableUpgradeable, OwnableUpgradeable, ERC721BurnableUpgradeable, UUPSUpgradeable {
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address initialOwner) public initializer {
+        __ERC721_init("MyToken", "MTK");
+        __ERC721Pausable_init();
+        __Ownable_init(initialOwner);
+        __ERC721Burnable_init();
+        __UUPSUpgradeable_init();
+    }
+
+    function pause() public onlyOwner {
+        _pause();
+    }
+
+    function unpause() public onlyOwner {
+        _unpause();
+    }
+
+    function _authorizeUpgrade(address newImplementation)
+        internal
+        override
+        onlyOwner
+    {}
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address to, uint256 tokenId, address auth)
+        internal
+        override(ERC721Upgradeable, ERC721PausableUpgradeable)
+        returns (address)
+    {
+        return super._update(to, tokenId, auth);
+    }
+}
+`
+
+export const erc721UUPSRolesBurnablePausableOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {AccessControlUpgradeable} from "@openzeppelin/contracts-upgradeable/access/AccessControlUpgradeable.sol";
+import {ERC721Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC721/ERC721Upgradeable.sol";
+import {ERC721BurnableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC721/extensions/ERC721BurnableUpgradeable.sol";
+import {ERC721PausableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC721/extensions/ERC721PausableUpgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+import {UUPSUpgradeable} from "@openzeppelin/contracts-upgradeable/proxy/utils/UUPSUpgradeable.sol";
+
+contract MyToken is Initializable, ERC721Upgradeable, ERC721PausableUpgradeable, AccessControlUpgradeable, ERC721BurnableUpgradeable, UUPSUpgradeable {
+    bytes32 public constant PAUSER_ROLE = keccak256("PAUSER_ROLE");
+    bytes32 public constant UPGRADER_ROLE = keccak256("UPGRADER_ROLE");
+
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address defaultAdmin, address pauser, address upgrader)
+        public
+        initializer
+    {
+        __ERC721_init("MyToken", "MTK");
+        __ERC721Pausable_init();
+        __AccessControl_init();
+        __ERC721Burnable_init();
+        __UUPSUpgradeable_init();
+
+        _grantRole(DEFAULT_ADMIN_ROLE, defaultAdmin);
+        _grantRole(PAUSER_ROLE, pauser);
+        _grantRole(UPGRADER_ROLE, upgrader);
+    }
+
+    function pause() public onlyRole(PAUSER_ROLE) {
+        _pause();
+    }
+
+    function unpause() public onlyRole(PAUSER_ROLE) {
+        _unpause();
+    }
+
+    function _authorizeUpgrade(address newImplementation)
+        internal
+        override
+        onlyRole(UPGRADER_ROLE)
+    {}
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address to, uint256 tokenId, address auth)
+        internal
+        override(ERC721Upgradeable, ERC721PausableUpgradeable)
+        returns (address)
+    {
+        return super._update(to, tokenId, auth);
+    }
+
+    function supportsInterface(bytes4 interfaceId)
+        public
+        view
+        override(ERC721Upgradeable, AccessControlUpgradeable)
+        returns (bool)
+    {
+        return super.supportsInterface(interfaceId);
+    }
+}
+`
+
+export const erc721UUPSBurnablePausableManagedOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {AccessManagedUpgradeable} from "@openzeppelin/contracts-upgradeable/access/manager/AccessManagedUpgradeable.sol";
+import {ERC721Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC721/ERC721Upgradeable.sol";
+import {ERC721BurnableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC721/extensions/ERC721BurnableUpgradeable.sol";
+import {ERC721PausableUpgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC721/extensions/ERC721PausableUpgradeable.sol";
+import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
+import {UUPSUpgradeable} from "@openzeppelin/contracts-upgradeable/proxy/utils/UUPSUpgradeable.sol";
+
+contract MyToken is Initializable, ERC721Upgradeable, ERC721PausableUpgradeable, AccessManagedUpgradeable, ERC721BurnableUpgradeable, UUPSUpgradeable {
+    /// @custom:oz-upgrades-unsafe-allow constructor
+    constructor() {
+        _disableInitializers();
+    }
+
+    function initialize(address initialAuthority) public initializer {
+        __ERC721_init("MyToken", "MTK");
+        __ERC721Pausable_init();
+        __AccessManaged_init(initialAuthority);
+        __ERC721Burnable_init();
+        __UUPSUpgradeable_init();
+    }
+
+    function pause() public restricted {
+        _pause();
+    }
+
+    function unpause() public restricted {
+        _unpause();
+    }
+
+    function _authorizeUpgrade(address newImplementation)
+        internal
+        override
+        restricted
+    {}
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address to, uint256 tokenId, address auth)
+        internal
+        override(ERC721Upgradeable, ERC721PausableUpgradeable)
+        returns (address)
+    {
+        return super._update(to, tokenId, auth);
+    }
+}
+`
+
diff --git a/libs/remix-ui/template-explorer-modal/src/lib/remix-ui-template-explorer-modal.tsx b/libs/remix-ui/template-explorer-modal/src/lib/remix-ui-template-explorer-modal.tsx
index c169b2de0e1..a0db02c86b3 100644
--- a/libs/remix-ui/template-explorer-modal/src/lib/remix-ui-template-explorer-modal.tsx
+++ b/libs/remix-ui/template-explorer-modal/src/lib/remix-ui-template-explorer-modal.tsx
@@ -3,6 +3,8 @@ import './remix-ui-template-explorer-modal.css'
 import { appActionTypes, AppState } from '@remix-ui/app'
 import { TemplateExplorerBody } from '../components/template-explorer-body'
 import { TemplateExplorerContext } from '../../context/template-explorer-context'
+import { WizardComponent } from '../components/wizard-component'
+import { ContractWizard } from '../components/contract-wizard'
 
 export interface RemixUiTemplateExplorerModalProps {
   dispatch: any
@@ -32,7 +34,9 @@ export function RemixUiTemplateExplorerModal (props: RemixUiTemplateExplorerModa
               <i className="fa-solid fa-xmark text-dark"></i>
             </button>
           </div>
-          <TemplateExplorerBody plugin={props.plugin} />
+          {/* <TemplateExplorerBody plugin={props.plugin} /> */}
+          {/* <WizardComponent /> */}
+          <ContractWizard />
           <div className="footer">
             {props.appState.genericModalState.footer && props.appState.genericModalState.footer}
           </div>
diff --git a/libs/remix-ui/template-explorer-modal/src/utils/contractWizardUtils.tsx b/libs/remix-ui/template-explorer-modal/src/utils/contractWizardUtils.tsx
new file mode 100644
index 00000000000..7d7d01eb276
--- /dev/null
+++ b/libs/remix-ui/template-explorer-modal/src/utils/contractWizardUtils.tsx
@@ -0,0 +1,540 @@
+import * as erc20 from '../contractCode/erc20'
+import * as erc721 from '../contractCode/erc721'
+import * as erc1155 from '../contractCode/erc1155'
+import { ContractTypeStrategy } from '../../types/template-explorer-types'
+
+export function getErc20ContractCode (contractType: 'erc20', state: ContractTypeStrategy) {
+
+  if (state.contractType === contractType) {
+    console.log('state.contractType and contracType are the same')
+    if (state.contractOptions.mintable && state.contractOptions.burnable && state.contractOptions.pausable) {
+      if (state.contractAccessControl === 'ownable') {
+        if (state.contractUpgradability.uups) {
+          return erc20.erc20UUPSOwnableMintableBurnablePausableOptions(state.contractName || 'MyToken')
+        } else if (state.contractUpgradability.transparent) {
+          return erc20.erc20TransparentMintableBurnablePausableManagedOptions(state.contractName || 'MyToken')
+        }
+        return erc20.erc20MintablePausableBurnableOwnableOptions(state.contractName || 'MyToken')
+      } else if (state.contractAccessControl === 'roles') {
+        if (state.contractUpgradability.uups) {
+          return erc20.erc20UUPSRolesFullOptions(state.contractName || 'MyToken')
+        } else if (state.contractUpgradability.transparent) {
+          return erc20.erc20UUPSRolesFullOptions(state.contractName || 'MyToken')
+        }
+        return erc20.erc20MintablePausableBurnableRolesOptions(state.contractName || 'MyToken')
+      } else if (state.contractAccessControl === 'managed') {
+        if (state.contractUpgradability.uups) {
+          return erc20.erc20UUPSManagedFullOptions(state.contractName || 'MyToken')
+        } else if (state.contractUpgradability.transparent) {
+          return erc20.erc20TransparentMintableBurnablePausableManagedOptions(state.contractName || 'MyToken')
+        }
+        return erc20.erc20MintablePausableBurnableManagedOptions(state.contractName || 'MyToken')
+      }
+    } else if (state.contractOptions.mintable && state.contractOptions.burnable) {
+      if (state.contractAccessControl === 'ownable') {
+        if (state.contractUpgradability.uups) {
+          return erc20.erc20UUPSOwnableMintableBurnableOptions(state.contractName || 'MyToken')
+        } else if (state.contractUpgradability.transparent) {
+          return erc20.erc20TransparentMintableBurnableManagedOptions(state.contractName || 'MyToken')
+        }
+        return erc20.erc20BurnableMintableOwnableOptions(state.contractName || 'MyToken')
+      } else if (state.contractAccessControl === 'roles') {
+        if (state.contractUpgradability.uups) {
+          return erc20.erc20UUPSRolesFullOptions(state.contractName || 'MyToken')
+        } else if (state.contractUpgradability.transparent) {
+          return erc20.erc20UUPSRolesFullOptions(state.contractName || 'MyToken')
+        }
+      } else if (state.contractAccessControl === 'managed') {
+        if (state.contractUpgradability.uups) {
+          return erc20.erc20UUPSManagedFullOptions(state.contractName || 'MyToken')
+        } else if (state.contractUpgradability.transparent) {
+          return erc20.erc20TransparentMintableBurnableManagedOptions(state.contractName || 'MyToken')
+        }
+      }
+      return erc20.erc20BurnableMintableOwnableOptions(state.contractName || 'MyToken')
+    }
+    if (state.contractOptions.mintable && state.contractOptions.pausable) {
+      if (state.contractAccessControl === 'ownable') {
+        if (state.contractUpgradability.uups) {
+          return erc20.erc20PausableBurnableMintableOwnableOptions(state.contractName || 'MyToken')
+        } else if (state.contractUpgradability.transparent) {
+          return erc20.erc20TransparentMintableBurnablePausableManagedOptions(state.contractName || 'MyToken')
+        }
+        return erc20.erc20MintablePausableOwnableOptions(state.contractName || 'MyToken')
+      }
+    }
+    if (state.contractOptions.burnable && state.contractOptions.pausable) {
+      if (state.contractAccessControl === 'ownable') {
+        if (state.contractUpgradability.uups) {
+          return erc20.erc20PausableBurnableMintableOwnableOptions(state.contractName || 'MyToken')
+        } else if (state.contractUpgradability.transparent) {
+          return erc20.erc20TransparentMintableBurnablePausableManagedOptions(state.contractName || 'MyToken')
+        }
+      } else if (state.contractAccessControl === 'roles') {
+        if (state.contractUpgradability.uups) {
+          return erc20.erc20UUPSRolesFullOptions(state.contractName || 'MyToken')
+        } else if (state.contractUpgradability.transparent) {
+          return erc20.erc20UUPSRolesFullOptions(state.contractName || 'MyToken')
+        }
+        return erc20.erc20MintableBurnablePausableRolesOptions(state.contractName || 'MyToken')
+      }
+      else if (state.contractAccessControl === 'managed') {
+        if (state.contractUpgradability.uups) {
+          return erc20.erc20UUPSManagedFullOptions(state.contractName || 'MyToken')
+        } else if (state.contractUpgradability.transparent) {
+          return erc20.erc20TransparentMintableBurnablePausableManagedOptions(state.contractName || 'MyToken')
+        }
+        return erc20.erc20MintableBurnablePausableManagedOptions(state.contractName || 'MyToken')
+      }
+      return erc20.erc20MintableBurnablePausableRolesOptions(state.contractName || 'MyToken')
+    } else if (state.contractOptions.mintable) {
+      if (state.contractAccessControl === 'ownable') {
+        if (state.contractUpgradability.uups) {
+          return erc20.erc20UUPSOwnableMintableOptions(state.contractName || 'MyToken')
+        } else if (state.contractUpgradability.transparent) {
+          return erc20.erc20TransparentMintableManagedOptions(state.contractName || 'MyToken')
+        }
+        return erc20.erc20MintableOwnableOptions(state.contractName || 'MyToken')
+      } else if (state.contractAccessControl === 'roles') {
+        if (state.contractUpgradability.uups) {
+          return erc20.erc20UUPSRolesFullOptions(state.contractName || 'MyToken')
+        } else if (state.contractUpgradability.transparent) {
+          return erc20.erc20UUPSRolesFullOptions(state.contractName || 'MyToken')
+        }
+      } else if (state.contractAccessControl === 'managed') {
+        if (state.contractUpgradability.uups) {
+          return erc20.erc20UUPSManagedFullOptions(state.contractName || 'MyToken')
+        } else if (state.contractUpgradability.transparent) {
+          return erc20.erc20TransparentMintableManagedOptions(state.contractName || 'MyToken')
+        }
+      }
+      return erc20.erc20MintableOwnableOptions(state.contractName || 'MyToken')
+    }
+    else if (state.contractOptions.burnable) {
+      if (state.contractAccessControl === 'ownable') {
+        if (state.contractUpgradability.uups) {
+          return erc20.erc20UUPSOwnableBurnableOptions(state.contractName || 'MyToken')
+        } else if (state.contractUpgradability.transparent) {
+          return erc20.erc20OwnableBurnableOptions(state.contractName || 'MyToken')
+        }
+      }
+      return erc20.erc20BurnableOwnableOptions(state.contractName || 'MyToken')
+    }
+    else if (state.contractOptions.pausable) {
+      if (state.contractAccessControl === 'ownable') {
+        if (state.contractUpgradability.uups) {
+          return erc20.erc20UUPSOwnablePausableOptions(state.contractName || 'MyToken')
+        } else if (state.contractUpgradability.transparent) {
+          return erc20.erc20TransparentPausableOptions(state.contractName || 'MyToken')
+        }
+      } else if (state.contractAccessControl === 'roles') {
+        if (state.contractUpgradability.uups) {
+          return erc20.erc20UUPSRolesFullOptions(state.contractName || 'MyToken')
+        } else if (state.contractUpgradability.transparent) {
+          return erc20.erc20UUPSRolesFullOptions(state.contractName || 'MyToken')
+        }
+        return erc20.erc20UUPSOwnablePausableOptions(state.contractName || 'MyToken')
+      } else if (state.contractAccessControl === 'managed') {
+        if (state.contractUpgradability.uups) {
+          return erc20.erc20UUPSManagedFullOptions(state.contractName || 'MyToken')
+        } else if (state.contractUpgradability.transparent) {
+          return erc20.erc20TransparentPausableOptions(state.contractName || 'MyToken')
+        }
+      }
+      return erc20.erc20UUPSOwnablePausableOptions(state.contractName || 'MyToken')
+    }
+    return erc20.erc20DefaultNoOptions(state.contractName || 'MyToken')
+  }
+}
+
+export function getErc721ContractCode (contractType: 'erc721', state: ContractTypeStrategy) {
+
+  if (state.contractType === contractType) {
+    console.log('state.contractType and contracType are the same')
+    if (state.contractOptions.mintable && state.contractOptions.burnable && state.contractOptions.pausable) {
+      console.log('state.contractOptions.mintable and state.contractOptions.burnable and state.contractOptions.pausable are true')
+      if (state.contractAccessControl === 'ownable') {
+        if (state.contractUpgradability.uups) {
+          if (state.contractOptions.mintable && state.contractOptions.burnable && state.contractOptions.pausable) {
+            return erc721.erc721PausableBurnableMintableOwnableOptions(state.contractName || 'MyToken')
+          } else if (state.contractOptions.mintable && state.contractOptions.burnable) {
+            return erc721.erc721FullOptionsManagedTransparent(state.contractName || 'MyToken')
+          } else if (state.contractOptions.mintable && state.contractOptions.pausable) {
+            return erc721.erc721PausableMintableRoleOptions(state.contractName || 'MyToken')
+          } else if (state.contractOptions.burnable && state.contractOptions.pausable) {
+            return erc721.erc721PausableBurnableRoleOptions(state.contractName || 'MyToken')
+          }
+        } else if (state.contractUpgradability.transparent) {
+          if (state.contractOptions.mintable && state.contractOptions.burnable && state.contractOptions.pausable) {
+            return erc721.erc721FullOptionsManagedTransparent(state.contractName || 'MyToken')
+          } else if (state.contractOptions.mintable && state.contractOptions.burnable) {
+            return erc721.erc721FullOptionsManagedTransparent(state.contractName || 'MyToken')
+          } else if (state.contractOptions.mintable && state.contractOptions.pausable) {
+            return erc721.erc721FullOptionsManagedTransparent(state.contractName || 'MyToken')
+          } else if (state.contractOptions.burnable && state.contractOptions.pausable) {
+            return erc721.erc721FullOptionsManagedTransparent(state.contractName || 'MyToken')
+          }
+          return erc721.erc721FullOptionsManagedTransparent(state.contractName || 'MyToken')
+        }
+      }
+      else if (state.contractAccessControl === 'roles') {
+        if (state.contractUpgradability.uups) {
+          if (state.contractOptions.mintable && state.contractOptions.burnable && state.contractOptions.pausable) {
+            return erc721.erc721UUPSRolesFullOptions(state.contractName || 'MyToken')
+          } else if (state.contractOptions.mintable && state.contractOptions.burnable) {
+            return erc721.erc721FullOptionsRoles(state.contractName || 'MyToken')
+          } else if (state.contractOptions.mintable && state.contractOptions.pausable) {
+            return erc721.erc721PausableMintableRoleOptions(state.contractName || 'MyToken')
+          } else if (state.contractOptions.burnable && state.contractOptions.pausable) {
+            return erc721.erc721PausableBurnableRoleOptions(state.contractName || 'MyToken')
+          }
+          return erc721.erc721FullOptionsRolesTransparent(state.contractName || 'MyToken')
+        } else if (state.contractUpgradability.transparent) {
+          if (state.contractOptions.mintable && state.contractOptions.burnable && state.contractOptions.pausable) {
+            return erc721.erc721FullOptionsRolesTransparent(state.contractName || 'MyToken')
+          } else if (state.contractOptions.mintable && state.contractOptions.burnable) {
+            return erc721.erc721FullOptionsRoles(state.contractName || 'MyToken')
+          }
+          return erc721.erc721FullOptionsRolesTransparent(state.contractName || 'MyToken')
+        }
+      } else if (state.contractAccessControl === 'managed') {
+        if (state.contractUpgradability.uups) {
+          if (state.contractOptions.mintable && state.contractOptions.burnable && state.contractOptions.pausable) {
+            return erc721.erc721UUPSManagedFullOptions(state.contractName || 'MyToken')
+          } else if (state.contractOptions.mintable && state.contractOptions.burnable) {
+            return erc721.erc721FullOptionsManagedTransparent(state.contractName || 'MyToken')
+          } else if (state.contractOptions.mintable && state.contractOptions.pausable) {
+            return erc721.erc721PausableMintableRoleOptions(state.contractName || 'MyToken')
+          } else if (state.contractOptions.burnable && state.contractOptions.pausable) {
+            return erc721.erc721PausableBurnableRoleOptions(state.contractName || 'MyToken')
+          }
+          return erc721.erc721FullOptionsManagedTransparent(state.contractName || 'MyToken')
+        } else if (state.contractUpgradability.transparent) {
+          if (state.contractOptions.mintable && state.contractOptions.burnable && state.contractOptions.pausable) {
+            return erc721.erc721FullOptionsManagedTransparent(state.contractName || 'MyToken')
+          } else if (state.contractOptions.mintable && state.contractOptions.burnable) {
+            return erc721.erc721FullOptionsManagedTransparent(state.contractName || 'MyToken')
+          } else if (state.contractOptions.mintable && state.contractOptions.pausable) {
+            return erc721.erc721FullOptionsManagedTransparent(state.contractName || 'MyToken')
+          } else if (state.contractOptions.burnable && state.contractOptions.pausable) {
+            return erc721.erc721FullOptionsManagedTransparent(state.contractName || 'MyToken')
+          }
+          return erc721.erc721FullOptionsManagedTransparent(state.contractName || 'MyToken')
+        }
+        return erc721.erc721ManagedMintableBurnablePausableOptions(state.contractName || 'MyToken')
+      }
+      return erc721.erc721DefaultNoOptions(state.contractName || 'MyToken')
+    } else if (state.contractOptions.mintable && state.contractOptions.burnable) {
+      if (state.contractAccessControl === 'ownable') {
+        if (state.contractUpgradability.uups) {
+          return erc721.erc721UUPSOwnableFullOptions(state.contractName || 'MyToken')
+        } else if (state.contractUpgradability.transparent) {
+          return erc721.erc721FullOptionsManagedTransparent(state.contractName || 'MyToken')
+        }
+      }
+      else if (state.contractAccessControl === 'roles') {
+        if (state.contractUpgradability.uups) {
+          return erc721.erc721UUPSRolesFullOptions(state.contractName || 'MyToken')
+        } else if (state.contractUpgradability.transparent) {
+          return erc721.erc721FullOptionsRolesTransparent(state.contractName || 'MyToken')
+        }
+      }
+      else if (state.contractAccessControl === 'managed') {
+        if (state.contractUpgradability.uups) {
+          return erc721.erc721UUPSManagedFullOptions(state.contractName || 'MyToken')
+        } else if (state.contractUpgradability.transparent) {
+          return erc721.erc721FullOptionsManagedTransparent(state.contractName || 'MyToken')
+        }
+      }
+    } else if (state.contractOptions.mintable && state.contractOptions.pausable) { //Mintable and Pausable
+      if (state.contractAccessControl === 'ownable') {
+        if (state.contractUpgradability.uups) {
+          return erc721.erc721UUPSMintablePausableOwnableOptions(state.contractName || 'MyToken')
+        } else if (state.contractUpgradability.transparent) {
+          return erc721.erc721FullOptionsManagedTransparent(state.contractName || 'MyToken')
+        }
+        return erc721.erc721UUPSMintablePausableOwnableOptions(state.contractName || 'MyToken')
+      }
+      else if (state.contractAccessControl === 'roles') {
+        if (state.contractUpgradability.uups) {
+          return erc721.erc721UUPSRolesFullOptions(state.contractName || 'MyToken')
+        } else if (state.contractUpgradability.transparent) {
+          return erc721.erc721FullOptionsRolesTransparent(state.contractName || 'MyToken')
+        }
+        return erc721.erc721UUPSMintablePausableRolesOptions(state.contractName || 'MyToken')
+      }
+      else if (state.contractAccessControl === 'managed') {
+        if (state.contractUpgradability.uups) {
+          return erc721.erc721UUPSManagedFullOptions(state.contractName || 'MyToken')
+        } else if (state.contractUpgradability.transparent) {
+          return erc721.erc721FullOptionsManagedTransparent(state.contractName || 'MyToken')
+        }
+      }
+      return erc721.erc721UUPSMintablePausableManagedOptions(state.contractName || 'MyToken')
+    } else if (state.contractOptions.burnable && state.contractOptions.pausable) { // Burnable and Pausable
+      if (state.contractAccessControl === 'ownable') {
+        if (state.contractUpgradability.uups) {
+          return erc721.erc721UUPSOwnableFullOptions(state.contractName || 'MyToken')
+        } else if (state.contractUpgradability.transparent) {
+          return erc721.erc721FullOptionsManagedTransparent(state.contractName || 'MyToken')
+        }
+        return erc721.erc721UUPSBurnablePausableOwnableOptions(state.contractName || 'MyToken')
+      }
+      else if (state.contractAccessControl === 'roles') {
+        if (state.contractUpgradability.uups) {
+          return erc721.erc721UUPSRolesFullOptions(state.contractName || 'MyToken')
+        } else if (state.contractUpgradability.transparent) {
+          return erc721.erc721FullOptionsRolesTransparent(state.contractName || 'MyToken')
+        }
+        return erc721.erc721UUPSRolesBurnablePausableOptions(state.contractName || 'MyToken')
+      }
+      else if (state.contractAccessControl === 'managed') {
+        if (state.contractUpgradability.uups) {
+          return erc721.erc721UUPSManagedFullOptions(state.contractName || 'MyToken')
+        } else if (state.contractUpgradability.transparent) {
+          return erc721.erc721FullOptionsManagedTransparent(state.contractName || 'MyToken')
+        }
+        return erc721.erc721UUPSBurnablePausableManagedOptions(state.contractName || 'MyToken')
+      }
+    } else if (state.contractOptions.mintable) { // Mintable
+      if (state.contractAccessControl === 'ownable') {
+        if (state.contractUpgradability.uups) {
+          return erc721.erc721UUPSOwnableFullOptions(state.contractName || 'MyToken')
+        } else if (state.contractUpgradability.transparent) {
+          return erc721.erc721FullOptionsManagedTransparent(state.contractName || 'MyToken')
+        }
+        return erc721.erc721MintableOwnableOptions(state.contractName || 'MyToken')
+      }
+
+      else if (state.contractAccessControl === 'roles') {
+        if (state.contractUpgradability.uups) {
+          return erc721.erc721UUPSRolesFullOptions(state.contractName || 'MyToken')
+        } else if (state.contractUpgradability.transparent) {
+          return erc721.erc721FullOptionsRolesTransparent(state.contractName || 'MyToken')
+        }
+        return erc721.erc721MintableRolesOptions(state.contractName || 'MyToken')
+      }
+      else if (state.contractAccessControl === 'managed') {
+        if (state.contractUpgradability.uups) {
+          return erc721.erc721UUPSManagedFullOptions(state.contractName || 'MyToken')
+        } else if (state.contractUpgradability.transparent) {
+          return erc721.erc721FullOptionsManagedTransparent(state.contractName || 'MyToken')
+        }
+        return erc721.erc721MintableManagedOptions(state.contractName || 'MyToken')
+      }
+    } else if (state.contractOptions.burnable) { // Burnable
+      if (state.contractAccessControl === 'ownable') {
+        if (state.contractUpgradability.uups) {
+          return erc721.erc721UUPSOwnableFullOptions(state.contractName || 'MyToken')
+        } else if (state.contractUpgradability.transparent) {
+          return erc721.erc721FullOptionsManagedTransparent(state.contractName || 'MyToken')
+        }
+      } else if (state.contractAccessControl === 'roles') {
+        if (state.contractUpgradability.uups) {
+          return erc721.erc721UUPSRolesFullOptions(state.contractName || 'MyToken')
+        } else if (state.contractUpgradability.transparent) {
+          return erc721.erc721FullOptionsRolesTransparent(state.contractName || 'MyToken')
+        }
+      }
+      else if (state.contractAccessControl === 'managed') {
+        if (state.contractUpgradability.uups) {
+          return erc721.erc721UUPSManagedFullOptions(state.contractName || 'MyToken')
+        } else if (state.contractUpgradability.transparent) {
+          return erc721.erc721FullOptionsManagedTransparent(state.contractName || 'MyToken')
+        }
+      }
+    } else if (state.contractOptions.pausable) {
+      if (state.contractAccessControl === 'ownable') {
+        if (state.contractUpgradability.uups) {
+          return erc721.erc721UUPSOwnableFullOptions(state.contractName || 'MyToken')
+        } else if (state.contractUpgradability.transparent) {
+          return erc721.erc721FullOptionsManagedTransparent(state.contractName || 'MyToken')
+        }
+      }
+      else if (state.contractAccessControl === 'roles') {
+        if (state.contractUpgradability.uups) {
+          return erc721.erc721UUPSRolesFullOptions(state.contractName || 'MyToken')
+        } else if (state.contractUpgradability.transparent) {
+          return erc721.erc721FullOptionsRolesTransparent(state.contractName || 'MyToken')
+        }
+      }
+      else if (state.contractAccessControl === 'managed') {
+        if (state.contractUpgradability.uups) {
+          return erc721.erc721UUPSManagedFullOptions(state.contractName || 'MyToken')
+        } else if (state.contractUpgradability.transparent) {
+          return erc721.erc721FullOptionsManagedTransparent(state.contractName || 'MyToken')
+        }
+      }
+    } else {
+      return erc721.erc721DefaultNoOptions(state.contractName || 'MyToken')
+    }
+
+    return erc721.erc721DefaultNoOptions(state.contractName || 'MyToken')
+  }
+}
+
+export function getErc1155ContractCode (contractType: 'erc1155', state: ContractTypeStrategy) {
+
+  if (state.contractType === contractType) {
+    console.log('state.contractType and contracType are the same')
+    if (state.contractOptions.mintable && state.contractOptions.burnable && state.contractOptions.pausable) {
+      if (state.contractAccessControl === 'ownable') {
+        if (state.contractUpgradability.uups) {
+          if (state.contractOptions.mintable && state.contractOptions.burnable && state.contractOptions.pausable) {
+            return erc1155.erc1155UUPSOwnableMintableBurnablePausableOptions(state.contractName || 'MyToken')
+          } else if (state.contractOptions.mintable && state.contractOptions.burnable) {
+            return erc1155.erc1155MintableBurnablePausableOptions(state.contractName || 'MyToken')
+          } else if (state.contractOptions.mintable && state.contractOptions.pausable) {
+            return erc1155.erc1155PausableOwnableOptions(state.contractName || 'MyToken')
+          } else if (state.contractOptions.burnable && state.contractOptions.pausable) {
+            return erc1155.erc1155PausableBurnableOwnableOptions(state.contractName || 'MyToken')
+          }
+          return erc1155.erc1155UUPSOwnableMintableBurnablePausableOptions(state.contractName || 'MyToken')
+        }
+        return erc1155.erc1155BurnableOwnableOptions(state.contractName || 'MyToken')
+      } else if (state.contractAccessControl === 'roles') {
+        if (state.contractUpgradability.uups) {
+          if (state.contractOptions.mintable && state.contractOptions.burnable && state.contractOptions.pausable) {
+            return erc1155.erc1155UUPSRolesFullOptions(state.contractName || 'MyToken')
+          } else if (state.contractOptions.mintable && state.contractOptions.burnable) {
+            return erc1155.erc1155MintableBurnableRolesOptions(state.contractName || 'MyToken')
+          } else if (state.contractOptions.mintable && state.contractOptions.pausable) {
+            return erc1155.erc1155MintableBurnableRolesOptions(state.contractName || 'MyToken')
+          } else if (state.contractOptions.burnable && state.contractOptions.pausable) {
+            return erc1155.erc1155MintableBurnableRolesOptions(state.contractName || 'MyToken')
+          }
+          return erc1155.erc1155MintablePausableBurnableRolesOptions(state.contractName || 'MyToken')
+        } else if (state.contractUpgradability.transparent) {
+          if (state.contractOptions.mintable && state.contractOptions.burnable && state.contractOptions.pausable) {
+            return erc1155.erc1155TransparentOwnableFullOptions(state.contractName || 'MyToken')
+          } else if (state.contractOptions.mintable && state.contractOptions.burnable) {
+            return erc1155.erc1155TransparentOwnableFullOptions(state.contractName || 'MyToken')
+          }
+          return erc1155.erc1155TransparentOwnableFullOptions(state.contractName || 'MyToken')
+        }
+      } else if (state.contractAccessControl === 'managed') {
+        if (state.contractUpgradability.uups) {
+          if (state.contractOptions.mintable && state.contractOptions.burnable && state.contractOptions.pausable) {
+            return erc1155.erc1155UUPSManagedFullOptions(state.contractName || 'MyToken')
+          } else if (state.contractOptions.mintable && state.contractOptions.burnable) {
+            return erc1155.erc1155MintablePausableBurnableManagedOptions(state.contractName || 'MyToken')
+          }
+        }
+      }
+    } else if (state.contractOptions.mintable && state.contractOptions.burnable) {
+      if (state.contractAccessControl === 'ownable') {
+        if (state.contractUpgradability.uups) {
+          return erc1155.erc1155UUPSOwnableFullOptions(state.contractName || 'MyToken')
+        } else if (state.contractUpgradability.transparent) {
+          return erc1155.erc1155TransparentOwnableFullOptions(state.contractName || 'MyToken')
+        }
+      }
+      else if (state.contractAccessControl === 'roles') {
+        if (state.contractUpgradability.uups) {
+          return erc1155.erc1155UUPSRolesFullOptions(state.contractName || 'MyToken')
+        } else if (state.contractUpgradability.transparent) {
+          return erc1155.erc1155TransparentOwnableFullOptions(state.contractName || 'MyToken')
+        }
+      }
+      else if (state.contractAccessControl === 'managed') {
+        if (state.contractUpgradability.uups) {
+          return erc1155.erc1155UUPSManagedFullOptions(state.contractName || 'MyToken')
+        } else if (state.contractUpgradability.transparent) {
+          return erc1155.erc1155TransparentOwnableFullOptions(state.contractName || 'MyToken')
+        }
+      }
+    } else if (state.contractOptions.mintable && state.contractOptions.pausable) { // Mintable and Pausable
+      if (state.contractAccessControl === 'ownable') {
+        if (state.contractUpgradability.uups) {
+          return erc1155.erc1155UUPSOwnableFullOptions(state.contractName || 'MyToken')
+        } else if (state.contractUpgradability.transparent) {
+          return erc1155.erc1155TransparentOwnableFullOptions(state.contractName || 'MyToken')
+        }
+      }
+      else if (state.contractAccessControl === 'roles') {
+        if (state.contractUpgradability.uups) {
+          return erc1155.erc1155UUPSRolesFullOptions(state.contractName || 'MyToken')
+        } else if (state.contractUpgradability.transparent) {
+          return erc1155.erc1155TransparentOwnableFullOptions(state.contractName || 'MyToken')
+        }
+      }
+      else if (state.contractAccessControl === 'managed') {
+        if (state.contractUpgradability.uups) {
+          return erc1155.erc1155UUPSManagedFullOptions(state.contractName || 'MyToken')
+        } else if (state.contractUpgradability.transparent) {
+          return erc1155.erc1155TransparentOwnableFullOptions(state.contractName || 'MyToken')
+        }
+      }
+    } else if (state.contractOptions.mintable) {
+      if (state.contractAccessControl === 'ownable') {
+        if (state.contractUpgradability.uups) {
+          return erc1155.erc1155UUPSOwnableFullOptions(state.contractName || 'MyToken')
+        } else if (state.contractUpgradability.transparent) {
+          return erc1155.erc1155TransparentOwnableFullOptions(state.contractName || 'MyToken')
+        }
+      }
+      else if (state.contractAccessControl === 'roles') {
+        if (state.contractUpgradability.uups) {
+          return erc1155.erc1155UUPSRolesFullOptions(state.contractName || 'MyToken')
+        } else if (state.contractUpgradability.transparent) {
+          return erc1155.erc1155TransparentOwnableFullOptions(state.contractName || 'MyToken')
+        }
+      }
+      else if (state.contractAccessControl === 'managed') {
+        if (state.contractUpgradability.uups) {
+          return erc1155.erc1155UUPSManagedFullOptions(state.contractName || 'MyToken')
+        } else if (state.contractUpgradability.transparent) {
+          return erc1155.erc1155TransparentOwnableFullOptions(state.contractName || 'MyToken')
+        }
+      }
+    } else if (state.contractOptions.burnable) {
+      if (state.contractAccessControl === 'ownable') {
+        if (state.contractUpgradability.uups) {
+          return erc1155.erc1155UUPSOwnableFullOptions(state.contractName || 'MyToken')
+        } else if (state.contractUpgradability.transparent) {
+          return erc1155.erc1155TransparentOwnableFullOptions(state.contractName || 'MyToken')
+        }
+      }
+      else if (state.contractAccessControl === 'roles') {
+        if (state.contractUpgradability.uups) {
+          return erc1155.erc1155UUPSRolesFullOptions(state.contractName || 'MyToken')
+        } else if (state.contractUpgradability.transparent) {
+          return erc1155.erc1155TransparentOwnableFullOptions(state.contractName || 'MyToken')
+        }
+      }
+      else if (state.contractAccessControl === 'managed') {
+        if (state.contractUpgradability.uups) {
+          return erc1155.erc1155UUPSManagedFullOptions(state.contractName || 'MyToken')
+        } else if (state.contractUpgradability.transparent) {
+          return erc1155.erc1155TransparentOwnableFullOptions(state.contractName || 'MyToken')
+        }
+      }
+      return erc1155.erc1155BurnableOptions(state.contractName || 'MyToken')
+    } else if (state.contractOptions.pausable) {
+      if (state.contractAccessControl === 'ownable') {
+        if (state.contractUpgradability.uups) {
+          return erc1155.erc1155UUPSOwnableFullOptions(state.contractName || 'MyToken')
+        } else if (state.contractUpgradability.transparent) {
+          return erc1155.erc1155TransparentOwnableFullOptions(state.contractName || 'MyToken')
+        }
+      } else if (state.contractAccessControl === 'roles') {
+        if (state.contractUpgradability.uups) {
+          return erc1155.erc1155UUPSRolesFullOptions(state.contractName || 'MyToken')
+        } else if (state.contractUpgradability.transparent) {
+          return erc1155.erc1155TransparentOwnableFullOptions(state.contractName || 'MyToken')
+        }
+        return erc1155.erc1155PausableRolesOptions(state.contractName || 'MyToken')
+      }
+      else if (state.contractAccessControl === 'managed') {
+        if (state.contractUpgradability.uups) {
+          return erc1155.erc1155UUPSManagedFullOptions(state.contractName || 'MyToken')
+        } else if (state.contractUpgradability.transparent) {
+          return erc1155.erc1155TransparentOwnableFullOptions(state.contractName || 'MyToken')
+        }
+        return erc1155.erc1155PausableManagedOptions(state.contractName || 'MyToken')
+      }
+      return erc1155.erc1155PausableOwnableOptions(state.contractName || 'MyToken')
+    }
+    return erc1155.erc1155DefaultOptions(state.contractName || 'MyToken')
+  }
+}
diff --git a/libs/remix-ui/template-explorer-modal/types/template-explorer-types.ts b/libs/remix-ui/template-explorer-modal/types/template-explorer-types.ts
index afeb2d2b92d..28330016d4b 100644
--- a/libs/remix-ui/template-explorer-modal/types/template-explorer-types.ts
+++ b/libs/remix-ui/template-explorer-modal/types/template-explorer-types.ts
@@ -114,3 +114,37 @@ export interface TopCardProps {
   onClick: () => void
   importWorkspace: boolean
 }
+
+export enum ContractWizardAction {
+  CONTRACT_TYPE_UPDATED = 'CONTRACT_TYPE_UPDATED',
+  CONTRACT_OPTIONS_UPDATE = 'CONTRACT_OPTIONS_UPDATE',
+  CONTRACT_ACCESS_CONTROL_UPDATE = 'CONTRACT_ACCESS_CONTROL_UPDATE',
+  CONTRACT_UPGRADABILITY_UPDATE = 'CONTRACT_UPGRADABILITY_UPDATE',
+  CONTRACT_CODE_UPDATE = 'CONTRACT_CODE_UPDATE',
+  CONTRACT_IMPORT_UPDATE = 'CONTRACT_IMPORT_UPDATE',
+  INITIALIZE_AS_GIT_REPO_UPDATE = 'INITIALIZE_AS_GIT_REPO_UPDATE',
+  TOKEN_NAME_UPDATE = 'TOKEN_NAME_UPDATE',
+  CONTRACT_NAME_UPDATE = 'CONTRACT_NAME_UPDATE'
+}
+
+export interface ContractTypeStrategy {
+  contractType: ContractType
+  contractOptions: {
+    mintable?: boolean
+    burnable?: boolean
+    pausable?: boolean
+  }
+  contractAccessControl: AccessControlType
+  contractUpgradability: {
+    uups?: boolean
+    transparent?: boolean
+  }
+  contractCode: string
+  contractImport?: string
+  initializeAsGitRepo: boolean
+  contractName?: string
+  tokenName?: string
+}
+
+export type AccessControlType = 'ownable' | 'roles' | 'managed' | ''
+export type ContractType = 'erc20' | 'erc721' | 'erc1155' | 'custom'

From 2203ef06c15b613fafb3c5eeac081f80e1289d0b Mon Sep 17 00:00:00 2001
From: ci-bot <ci-bot@remix-project.org>
Date: Mon, 29 Sep 2025 14:04:12 +0100
Subject: [PATCH 09/15] update types. Working on miniFile Explorer and
 workspace details

---
 .../src/components/miniFileExplorer.tsx       |  89 ++++++
 .../src/components/modifyContract.tsx         |  65 +++++
 .../src/components/workspaceDetails.tsx       |  32 +++
 .../src/contractCode/remixDefault.ts          | 266 ++++++++++++++++++
 .../lib/remix-ui-template-explorer-modal.tsx  |  14 +-
 .../types/template-explorer-types.ts          |  15 +
 6 files changed, 475 insertions(+), 6 deletions(-)
 create mode 100644 libs/remix-ui/template-explorer-modal/src/components/miniFileExplorer.tsx
 create mode 100644 libs/remix-ui/template-explorer-modal/src/components/modifyContract.tsx
 create mode 100644 libs/remix-ui/template-explorer-modal/src/components/workspaceDetails.tsx
 create mode 100644 libs/remix-ui/template-explorer-modal/src/contractCode/remixDefault.ts

diff --git a/libs/remix-ui/template-explorer-modal/src/components/miniFileExplorer.tsx b/libs/remix-ui/template-explorer-modal/src/components/miniFileExplorer.tsx
new file mode 100644
index 00000000000..b1ff4376147
--- /dev/null
+++ b/libs/remix-ui/template-explorer-modal/src/components/miniFileExplorer.tsx
@@ -0,0 +1,89 @@
+import React from 'react'
+
+const structure = {
+  '.deps': {
+    type: 'folder',
+    name: '.deps',
+    isDirectory: true,
+    isOpen: true,
+    child: []
+  },
+  'contracts': {
+    type: 'folder',
+    name: 'contracts',
+    isDirectory: true,
+    isOpen: true,
+    child: [
+      {
+        type: 'file',
+        name: '1_Storage.sol',
+        isDirectory: false,
+        isOpen: true,
+        child: []
+      },
+      {
+        type: 'file',
+        name: '2_Owner.sol',
+        isDirectory: false,
+        isOpen: true,
+        child: []
+      },
+      {
+        type: 'file',
+        name: '3_Ballot.sol',
+        isDirectory: false,
+        isOpen: true,
+        child: []
+      }
+    ]
+  },
+  'scripts': {
+    type: 'folder',
+    name: 'scripts',
+    isDirectory: true,
+    isOpen: true,
+    child: []
+  },
+  'tests': {
+    type: 'folder',
+    name: 'tests',
+    isDirectory: true,
+    isOpen: true,
+    child: []
+  },
+  'remix.config.json': {
+    type: 'file',
+    name: 'remix.config.json',
+    isDirectory: false,
+    isOpen: true,
+    child: []
+  }
+}
+
+const g = (n: string) => {
+  const nw = n.split('.')
+}
+
+export function MiniFileExplorer() {
+
+  return (
+    <ul>
+      {Object.entries(structure).map(([key, value]) => (
+        <li key={key} className="list-unstyled d-flex flex-column">
+          <div>
+            <i className={`fas fa-${value.type === 'folder' ? 'folder' : 'file'}`}></i>
+            <span className="ms-1">{value.name}</span>
+          </div>
+          {value.child.map((child) => (
+            <li key={child.name} className="list-unstyled d-flex flex-column ps-3">
+              <div>
+                <i className={`fas fa-${child.type === 'folder' ? 'folder' : 'file'}`}></i>
+                <span className="ms-1">{child.name}</span>
+              </div>
+            </li>
+          ))}
+        </li>
+      ))}
+    </ul>
+  )
+}
diff --git a/libs/remix-ui/template-explorer-modal/src/components/modifyContract.tsx b/libs/remix-ui/template-explorer-modal/src/components/modifyContract.tsx
new file mode 100644
index 00000000000..e2e780f6ec2
--- /dev/null
+++ b/libs/remix-ui/template-explorer-modal/src/components/modifyContract.tsx
@@ -0,0 +1,65 @@
+import React from 'react'
+import { ContractWizardAction, ModifyContractProps } from '../../types/template-explorer-types'
+
+export function ModifyContract({ tokenName, updateTokenName, strategy, toggleContractOption, switchAccessControl, checkBoxDispatch }: ModifyContractProps) {
+  const { contractOptions, contractUpgradability, contractAccessControl } = strategy
+  return (
+    <>
+      <div className="col-12 col-lg-3">
+        <div className="border rounded p-3 h-100">
+          <div className="mb-3">
+            <div className="fw-semibold mb-2">Contract settings</div>
+            <label className="form-label text-uppercase small mb-1">Token name</label>
+            <input className="form-control form-control-sm" placeholder="My Token" value={tokenName} onChange={(e) => updateTokenName(e.target.value)} />
+          </div>
+
+          <div className="mb-3">
+            <div className="text-uppercase small fw-semibold mb-2">Features</div>
+            <div className="form-check mb-1">
+              <input className="form-check-input" type="checkbox" id="featMintable" checked={contractOptions.mintable} onChange={() => {
+                toggleContractOption('mintable')}
+              } />
+              <label className="form-check-label" htmlFor="featMintable">Mintable</label>
+            </div>
+            <div className="form-check mb-1">
+              <input className="form-check-input" type="checkbox" id="featBurnable" checked={contractOptions.burnable} onChange={() => toggleContractOption('burnable')} />
+              <label className="form-check-label" htmlFor="featBurnable">Burnable</label>
+            </div>
+            <div className="form-check mb-1">
+              <input className="form-check-input" type="checkbox" id="featPausable" checked={contractOptions.pausable} onChange={() => toggleContractOption('pausable')} />
+              <label className="form-check-label" htmlFor="featPausable">Pausable</label>
+            </div>
+          </div>
+
+          <div className="mb-3">
+            <div className="text-uppercase small fw-semibold mb-2">Access control</div>
+            <div className="form-check mb-1">
+              <input className="form-check-input" type="radio" name="accessControl" id="accessOwnable" checked={contractAccessControl==='ownable'} onChange={() => switchAccessControl('ownable')} />
+              <label className="form-check-label" htmlFor="accessOwnable">Ownable</label>
+            </div>
+            <div className="form-check mb-1">
+              <input className="form-check-input" type="radio" name="accessControl" id="accessRoles" checked={contractAccessControl==='roles'} onChange={() => switchAccessControl('roles')} />
+              <label className="form-check-label" htmlFor="accessRoles">Roles</label>
+            </div>
+            <div className="form-check">
+              <input className="form-check-input" type="radio" name="accessControl" id="accessManaged" checked={contractAccessControl==='managed'} onChange={() => switchAccessControl('managed')} />
+              <label className="form-check-label" htmlFor="accessManaged">Managed</label>
+            </div>
+          </div>
+
+          <div className="mb-3">
+            <div className="text-uppercase small fw-semibold mb-2">Upgradability</div>
+            <div className="form-check mb-1">
+              <input className="form-check-input" type="checkbox" id="featUups" checked={contractUpgradability.uups} onChange={() => checkBoxDispatch({ type: ContractWizardAction.CONTRACT_UPGRADABILITY_UPDATE, payload: { ...contractUpgradability, uups: !contractUpgradability.uups } })} />
+              <label className="form-check-label" htmlFor="featUups">UUPS</label>
+            </div>
+            <div className="form-check">
+              <input className="form-check-input" type="checkbox" id="featTransparent" checked={strategy.contractUpgradability.transparent} onChange={() => checkBoxDispatch({ type: ContractWizardAction.CONTRACT_UPGRADABILITY_UPDATE, payload: { ...strategy.contractUpgradability, transparent: !strategy.contractUpgradability.transparent } })} />
+              <label className="form-check-label" htmlFor="featTransparent">Transparent</label>
+            </div>
+          </div>
+        </div>
+      </div>
+    </>
+  )
+}
diff --git a/libs/remix-ui/template-explorer-modal/src/components/workspaceDetails.tsx b/libs/remix-ui/template-explorer-modal/src/components/workspaceDetails.tsx
new file mode 100644
index 00000000000..239206a438e
--- /dev/null
+++ b/libs/remix-ui/template-explorer-modal/src/components/workspaceDetails.tsx
@@ -0,0 +1,32 @@
+import React from 'react'
+import { MiniFileExplorer } from './miniFileExplorer'
+import { Editor } from '@monaco-editor/react'
+import { ContractTypeStrategy } from '../../types/template-explorer-types'
+import { storageContractCode, ownerContractCode, ballotContractCode } from '../contractCode/remixDefault'
+
+interface WorkspaceDetailsProps {
+  strategy?: any
+}
+
+export function WorkspaceDetails(props: WorkspaceDetailsProps) {
+  return (
+    <section className="d-flex flex-column gap-3 bg-light">
+      <div>
+        <h6 className="text-uppercase small fw-semibold mb-2">Workspace Name</h6>
+      </div>
+      <div className="d-flex flex-row gap-3">
+        <div className="w-25 mx-3" style={{ height: '550px' }}>
+          <MiniFileExplorer />
+        </div>
+        <div className="w-75">
+          <Editor
+            height="100%"
+            defaultLanguage="typescript"
+            options={{ readOnly: true, minimap: { enabled: false }, lineNumbers: 'off' }}
+            value={storageContractCode('Storage')}
+          />
+        </div>
+      </div>
+    </section>
+  )
+}
diff --git a/libs/remix-ui/template-explorer-modal/src/contractCode/remixDefault.ts b/libs/remix-ui/template-explorer-modal/src/contractCode/remixDefault.ts
new file mode 100644
index 00000000000..6da58536c48
--- /dev/null
+++ b/libs/remix-ui/template-explorer-modal/src/contractCode/remixDefault.ts
@@ -0,0 +1,266 @@
+export const storageContractCode = (contractName: string) => `
+// SPDX-License-Identifier: GPL-3.0
+
+pragma solidity >=0.8.2 <0.9.0;
+
+/**
+ * @title ${contractName}
+ * @dev Store & retrieve value in a variable
+ * @custom:dev-run-script ./scripts/deploy_with_ethers.ts
+ */
+contract ${contractName} {
+
+    uint256 number;
+
+    /**
+     * @dev Store value in variable
+     * @param num value to store
+     */
+    function store(uint256 num) public {
+        number = num;
+    }
+
+    /**
+     * @dev Return value
+     * @return value of 'number'
+     */
+    function retrieve() public view returns (uint256){
+        return number;
+    }
+}`
+
+export const ownerContractCode = (contractName: string) => `
+// SPDX-License-Identifier: GPL-3.0
+
+pragma solidity >=0.7.0 <0.9.0;
+
+import "hardhat/console.sol";
+
+/**
+ * @title ${contractName}
+ * @dev Set & change owner
+ */
+contract ${contractName} {
+
+    address private owner;
+
+    // event for EVM logging
+    event OwnerSet(address indexed oldOwner, address indexed newOwner);
+
+    // modifier to check if caller is owner
+    modifier isOwner() {
+        // If the first argument of 'require' evaluates to 'false', execution terminates and all
+        // changes to the state and to Ether balances are reverted.
+        // This used to consume all gas in old EVM versions, but not anymore.
+        // It is often a good idea to use 'require' to check if functions are called correctly.
+        // As a second argument, you can also provide an explanation about what went wrong.
+        require(msg.sender == owner, "Caller is not owner");
+        _;
+    }
+
+    /**
+     * @dev Set contract deployer as owner
+     */
+    constructor() {
+        console.log("Owner contract deployed by:", msg.sender);
+        owner = msg.sender; // 'msg.sender' is sender of current call, contract deployer for a constructor
+        emit OwnerSet(address(0), owner);
+    }
+
+    /**
+     * @dev Change owner
+     * @param newOwner address of new owner
+     */
+    function changeOwner(address newOwner) public isOwner {
+        require(newOwner != address(0), "New owner should not be the zero address");
+        emit OwnerSet(owner, newOwner);
+        owner = newOwner;
+    }
+
+    /**
+     * @dev Return owner address
+     * @return address of owner
+     */
+    function getOwner() external view returns (address) {
+        return owner;
+    }
+}
+`
+
+export const ballotContractCode = (contractName: string) => `
+// SPDX-License-Identifier: GPL-3.0
+
+pragma solidity >=0.7.0 <0.9.0;
+
+/**
+ * @title ${contractName}
+ * @dev Implements voting process along with vote delegation
+ */
+contract ${contractName} {
+    // This declares a new complex type which will
+    // be used for variables later.
+    // It will represent a single voter.
+    struct Voter {
+        uint weight; // weight is accumulated by delegation
+        bool voted;  // if true, that person already voted
+        address delegate; // person delegated to
+        uint vote;   // index of the voted proposal
+    }
+
+    // This is a type for a single proposal.
+    struct Proposal {
+        // If you can limit the length to a certain number of bytes,
+        // always use one of bytes1 to bytes32 because they are much cheaper
+        bytes32 name;   // short name (up to 32 bytes)
+        uint voteCount; // number of accumulated votes
+    }
+
+    address public chairperson;
+
+    // This declares a state variable that
+    // stores a 'Voter' struct for each possible address.
+    mapping(address => Voter) public voters;
+
+    // A dynamically-sized array of 'Proposal' structs.
+    Proposal[] public proposals;
+
+    /**
+     * @dev Create a new ballot to choose one of 'proposalNames'.
+     * @param proposalNames names of proposals
+     */
+    constructor(bytes32[] memory proposalNames) {
+        chairperson = msg.sender;
+        voters[chairperson].weight = 1;
+
+        // For each of the provided proposal names,
+        // create a new proposal object and add it
+        // to the end of the array.
+        for (uint i = 0; i < proposalNames.length; i++) {
+            // 'Proposal({...})' creates a temporary
+            // Proposal object and 'proposals.push(...)'
+            // appends it to the end of 'proposals'.
+            proposals.push(Proposal({
+                name: proposalNames[i],
+                voteCount: 0
+            }));
+        }
+    }
+
+     /**
+     * @dev Give 'voter' the right to vote on this ballot. May only be called by 'chairperson'.
+     * @param voter address of voter
+     */
+    function giveRightToVote(address voter) external {
+        // If the first argument of 'require' evaluates
+        // to 'false', execution terminates and all
+        // changes to the state and to Ether balances
+        // are reverted.
+        // This used to consume all gas in old EVM versions, but
+        // not anymore.
+        // It is often a good idea to use 'require' to check if
+        // functions are called correctly.
+        // As a second argument, you can also provide an
+        // explanation about what went wrong.
+        require(
+            msg.sender == chairperson,
+            "Only chairperson can give right to vote."
+        );
+        require(
+            !voters[voter].voted,
+            "The voter already voted."
+        );
+        require(voters[voter].weight == 0, "Voter already has the right to vote.");
+        voters[voter].weight = 1;
+    }
+
+    /**
+     * @dev Delegate your vote to the voter 'to'.
+     * @param to address to which vote is delegated
+     */
+    function delegate(address to) external {
+        // assigns reference
+        Voter storage sender = voters[msg.sender];
+        require(sender.weight != 0, "You have no right to vote");
+        require(!sender.voted, "You already voted.");
+
+        require(to != msg.sender, "Self-delegation is disallowed.");
+
+        // Forward the delegation as long as
+        // 'to' also delegated.
+        // In general, such loops are very dangerous,
+        // because if they run too long, they might
+        // need more gas than is available in a block.
+        // In this case, the delegation will not be executed,
+        // but in other situations, such loops might
+        // cause a contract to get "stuck" completely.
+        while (voters[to].delegate != address(0)) {
+            to = voters[to].delegate;
+
+            // We found a loop in the delegation, not allowed.
+            require(to != msg.sender, "Found loop in delegation.");
+        }
+
+        Voter storage delegate_ = voters[to];
+
+        // Voters cannot delegate to accounts that cannot vote.
+        require(delegate_.weight >= 1);
+
+        // Since 'sender' is a reference, this
+        // modifies 'voters[msg.sender]'.
+        sender.voted = true;
+        sender.delegate = to;
+
+        if (delegate_.voted) {
+            // If the delegate already voted,
+            // directly add to the number of votes
+            proposals[delegate_.vote].voteCount += sender.weight;
+        } else {
+            // If the delegate did not vote yet,
+            // add to her weight.
+            delegate_.weight += sender.weight;
+        }
+    }
+
+    /**
+     * @dev Give your vote (including votes delegated to you) to proposal 'proposals[proposal].name'.
+     * @param proposal index of proposal in the proposals array
+     */
+    function vote(uint proposal) external {
+        Voter storage sender = voters[msg.sender];
+        require(sender.weight != 0, "Has no right to vote");
+        require(!sender.voted, "Already voted.");
+        sender.voted = true;
+        sender.vote = proposal;
+
+        // If 'proposal' is out of the range of the array,
+        // this will throw automatically and revert all
+        // changes.
+        proposals[proposal].voteCount += sender.weight;
+    }
+
+    /**
+     * @dev Computes the winning proposal taking all previous votes into account.
+     * @return winningProposal_ index of winning proposal in the proposals array
+     */
+    function winningProposal() public view
+            returns (uint winningProposal_)
+    {
+        uint winningVoteCount = 0;
+        for (uint p = 0; p < proposals.length; p++) {
+            if (proposals[p].voteCount > winningVoteCount) {
+                winningVoteCount = proposals[p].voteCount;
+                winningProposal_ = p;
+            }
+        }
+    }
+
+    /**
+     * @dev Calls winningProposal() function to get the index of the winner contained in the proposals array and then
+     * @return winnerName_ the name of the winner
+     */
+    function winnerName() external view
+            returns (bytes32 winnerName_)
+    {
+        winnerName_ = proposals[winningProposal()].name;
+    }
+}`
diff --git a/libs/remix-ui/template-explorer-modal/src/lib/remix-ui-template-explorer-modal.tsx b/libs/remix-ui/template-explorer-modal/src/lib/remix-ui-template-explorer-modal.tsx
index a0db02c86b3..bcde1593009 100644
--- a/libs/remix-ui/template-explorer-modal/src/lib/remix-ui-template-explorer-modal.tsx
+++ b/libs/remix-ui/template-explorer-modal/src/lib/remix-ui-template-explorer-modal.tsx
@@ -1,10 +1,10 @@
-import React, { useContext } from 'react'
+import React, { useContext, useReducer } from 'react'
 import './remix-ui-template-explorer-modal.css'
 import { appActionTypes, AppState } from '@remix-ui/app'
-import { TemplateExplorerBody } from '../components/template-explorer-body'
 import { TemplateExplorerContext } from '../../context/template-explorer-context'
-import { WizardComponent } from '../components/wizard-component'
 import { ContractWizard } from '../components/contract-wizard'
+import { WorkspaceDetails } from '../components/workspaceDetails'
+import { initialState, templateExplorerReducer } from '../../reducers/template-explorer-reducer'
 
 export interface RemixUiTemplateExplorerModalProps {
   dispatch: any
@@ -15,6 +15,7 @@ export interface RemixUiTemplateExplorerModalProps {
 export function RemixUiTemplateExplorerModal (props: RemixUiTemplateExplorerModalProps) {
 
   const { plugin, setSearchTerm } = useContext(TemplateExplorerContext)
+  const [state, dispatch] = useReducer(templateExplorerReducer, initialState)
 
   return (
     <section>
@@ -36,10 +37,11 @@ export function RemixUiTemplateExplorerModal (props: RemixUiTemplateExplorerModa
           </div>
           {/* <TemplateExplorerBody plugin={props.plugin} /> */}
           {/* <WizardComponent /> */}
-          <ContractWizard />
-          <div className="footer">
+          {/* <ContractWizard /> */}
+          <WorkspaceDetails strategy={state.strategy} />
+          {/* <div className="footer">
             {props.appState.genericModalState.footer && props.appState.genericModalState.footer}
-          </div>
+          </div> */}
         </div>
       </section>
     </section>
diff --git a/libs/remix-ui/template-explorer-modal/types/template-explorer-types.ts b/libs/remix-ui/template-explorer-modal/types/template-explorer-types.ts
index 28330016d4b..958a16da01d 100644
--- a/libs/remix-ui/template-explorer-modal/types/template-explorer-types.ts
+++ b/libs/remix-ui/template-explorer-modal/types/template-explorer-types.ts
@@ -148,3 +148,18 @@ export interface ContractTypeStrategy {
 
 export type AccessControlType = 'ownable' | 'roles' | 'managed' | ''
 export type ContractType = 'erc20' | 'erc721' | 'erc1155' | 'custom'
+
+export interface ContractOptions {mintable: boolean, burnable: boolean, pausable: boolean}
+export interface ContractUpgradability {uups: boolean, transparent: boolean}
+
+export interface ModifyContractProps {
+  tokenName: string
+  updateTokenName: (tokenName: string) => void
+  strategy: ContractTypeStrategy & {contractOptions: ContractOptions, contractUpgradability: ContractUpgradability}
+  toggleContractOption: (key: keyof ContractOptions) => void
+  switchAccessControl: (accessControl: AccessControlType) => void
+  checkBoxDispatch: (value: {
+    type: ContractWizardAction;
+    payload: any;
+}) => void
+}

From 49177277090a915de32797d60c6b2758aece0a79 Mon Sep 17 00:00:00 2001
From: ci-bot <ci-bot@remix-project.org>
Date: Mon, 29 Sep 2025 17:36:00 +0100
Subject: [PATCH 10/15] fix dom element nesting error

---
 .../src/components/miniFileExplorer.tsx                       | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/libs/remix-ui/template-explorer-modal/src/components/miniFileExplorer.tsx b/libs/remix-ui/template-explorer-modal/src/components/miniFileExplorer.tsx
index b1ff4376147..74913594a20 100644
--- a/libs/remix-ui/template-explorer-modal/src/components/miniFileExplorer.tsx
+++ b/libs/remix-ui/template-explorer-modal/src/components/miniFileExplorer.tsx
@@ -75,12 +75,12 @@ export function MiniFileExplorer() {
             <span className="ms-1">{value.name}</span>
           </div>
           {value.child.map((child) => (
-            <li key={child.name} className="list-unstyled d-flex flex-column ps-3">
+            <span key={child.name} className="list-unstyled d-flex flex-column ps-3">
               <div>
                 <i className={`fas fa-${child.type === 'folder' ? 'folder' : 'file'}`}></i>
                 <span className="ms-1">{child.name}</span>
               </div>
-            </li>
+            </span>
           ))}
         </li>
       ))}

From 06f23095426133d767bf2e92b2eb8f8052e8639b Mon Sep 17 00:00:00 2001
From: ci-bot <ci-bot@remix-project.org>
Date: Mon, 29 Sep 2025 18:28:38 +0100
Subject: [PATCH 11/15] styling icons

---
 .../src/components/miniFileExplorer.tsx                       | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/libs/remix-ui/template-explorer-modal/src/components/miniFileExplorer.tsx b/libs/remix-ui/template-explorer-modal/src/components/miniFileExplorer.tsx
index 74913594a20..a19fd9eda96 100644
--- a/libs/remix-ui/template-explorer-modal/src/components/miniFileExplorer.tsx
+++ b/libs/remix-ui/template-explorer-modal/src/components/miniFileExplorer.tsx
@@ -70,14 +70,14 @@ export function MiniFileExplorer() {
     <ul>
       {Object.entries(structure).map(([key, value]) => (
         <li key={key} className="list-unstyled d-flex flex-column">
-          <div>
+          <div className="p-1">
             <i className={`fas fa-${value.type === 'folder' ? 'folder' : 'file'}`}></i>
             <span className="ms-1">{value.name}</span>
           </div>
           {value.child.map((child) => (
             <span key={child.name} className="list-unstyled d-flex flex-column ps-3">
               <div>
-                <i className={`fas fa-${child.type === 'folder' ? 'folder' : 'file'}`}></i>
+                <i className={`fas fa-${child.type === 'folder' ? child.isOpen ? 'folder-open' : 'folder' : 'file'}`}></i>
                 <span className="ms-1">{child.name}</span>
               </div>
             </span>

From 268d7268e9260ddef257a25b53c0dba76a28fc18 Mon Sep 17 00:00:00 2001
From: ci-bot <ci-bot@remix-project.org>
Date: Tue, 30 Sep 2025 10:31:42 +0100
Subject: [PATCH 12/15] fix styling of editor. fix styling of miniexplorer

---
 .../src/components/miniFileExplorer.tsx       | 45 ++++++++++++-------
 .../src/components/workspaceDetails.tsx       | 24 +++++++---
 2 files changed, 47 insertions(+), 22 deletions(-)

diff --git a/libs/remix-ui/template-explorer-modal/src/components/miniFileExplorer.tsx b/libs/remix-ui/template-explorer-modal/src/components/miniFileExplorer.tsx
index a19fd9eda96..7818baa50ba 100644
--- a/libs/remix-ui/template-explorer-modal/src/components/miniFileExplorer.tsx
+++ b/libs/remix-ui/template-explorer-modal/src/components/miniFileExplorer.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import React, { useState } from 'react'
 
 const structure = {
   '.deps': {
@@ -6,7 +6,8 @@ const structure = {
     name: '.deps',
     isDirectory: true,
     isOpen: true,
-    child: []
+    child: [],
+    selected: false
   },
   'contracts': {
     type: 'folder',
@@ -19,21 +20,24 @@ const structure = {
         name: '1_Storage.sol',
         isDirectory: false,
         isOpen: true,
-        child: []
+        child: [],
+        selected: false
       },
       {
         type: 'file',
         name: '2_Owner.sol',
         isDirectory: false,
         isOpen: true,
-        child: []
+        child: [],
+        selected: false
       },
       {
         type: 'file',
         name: '3_Ballot.sol',
         isDirectory: false,
         isOpen: true,
-        child: []
+        child: [],
+        selected: false
       }
     ]
   },
@@ -42,42 +46,53 @@ const structure = {
     name: 'scripts',
     isDirectory: true,
     isOpen: true,
-    child: []
+    child: [],
+    selected: false
   },
   'tests': {
     type: 'folder',
     name: 'tests',
     isDirectory: true,
     isOpen: true,
-    child: []
+    child: [],
+    selected: false
   },
   'remix.config.json': {
     type: 'file',
     name: 'remix.config.json',
     isDirectory: false,
     isOpen: true,
-    child: []
+    child: [],
+    selected: false
   }
 }
 
-const g = (n: string) => {
-  const nw = n.split('.')
+const getFileExtension = (fileName: string) => {
+  const nw = fileName.split('.')
+  return nw[nw.length - 1]
 }
 
+const styleJson = (child: any) => getFileExtension(child.name) === 'json' ? '#fb923c' : ''
+
+const styleSelected = (child: any) => child.selected ? 'bg-secondary' : ''
 export function MiniFileExplorer() {
+  const [selectedStyle, setSelectedStyle] = useState('')
 
   return (
-    <ul>
+    <ul className="border mx-auto p-3 w-100" style={{ borderTopLeftRadius: '10px', borderBottomLeftRadius: '10px', minHeight: '100%' }}>
       {Object.entries(structure).map(([key, value]) => (
         <li key={key} className="list-unstyled d-flex flex-column">
           <div className="p-1">
-            <i className={`fas fa-${value.type === 'folder' ? 'folder' : 'file'}`}></i>
+            <i className={`fas fa-${value.type === 'folder' ? 'folder' : getFileExtension(value.name) === 'sol' ? 'fa-kit fa-solidity-mono' : getFileExtension(value.name) === 'json' ? 'small fas fa-brackets-curly' : 'file'}`}
+              style={{ color: styleJson(value) }}></i>
             <span className="ms-1">{value.name}</span>
           </div>
-          {value.child.map((child) => (
+          {value.child.map((child: any, index: number) => (
             <span key={child.name} className="list-unstyled d-flex flex-column ps-3">
-              <div>
-                <i className={`fas fa-${child.type === 'folder' ? child.isOpen ? 'folder-open' : 'folder' : 'file'}`}></i>
+              <div className={`${selectedStyle}`} onClick={() => {
+                setSelectedStyle(child.selected ? '' : 'bg-secondary')
+              }}>
+                <i className={`${child.type === 'folder' ? child.isOpen ? 'fas fa-folder-open' : 'fas fa-folder' : getFileExtension(child.name) === 'sol' ? 'fa-kit fa-solidity-mono' : getFileExtension(child.name) === 'json' ? 'small fas fa-brackets-curly' : 'fas fa-file'}`}></i>
                 <span className="ms-1">{child.name}</span>
               </div>
             </span>
diff --git a/libs/remix-ui/template-explorer-modal/src/components/workspaceDetails.tsx b/libs/remix-ui/template-explorer-modal/src/components/workspaceDetails.tsx
index 239206a438e..30dc46b4969 100644
--- a/libs/remix-ui/template-explorer-modal/src/components/workspaceDetails.tsx
+++ b/libs/remix-ui/template-explorer-modal/src/components/workspaceDetails.tsx
@@ -10,19 +10,29 @@ interface WorkspaceDetailsProps {
 
 export function WorkspaceDetails(props: WorkspaceDetailsProps) {
   return (
-    <section className="d-flex flex-column gap-3 bg-light">
-      <div>
-        <h6 className="text-uppercase small fw-semibold mb-2">Workspace Name</h6>
+    <section className="d-flex flex-column gap-3 bg-light" style={{ height: '80%' }}>
+      <div className="pt-3 ps-3 d-flex flex-row align-items-center text-dark">
+        <span className="text-uppercase small ">Workspace Name</span>
+        <i className="fa-solid fa-edit ms-2"></i>
       </div>
-      <div className="d-flex flex-row gap-3">
-        <div className="w-25 mx-3" style={{ height: '550px' }}>
+      <div className="d-flex flex-row h-100 p-3" style={{ height: '100%' }}>
+        <div className="" style={{ minHeight: '80%', minWidth: '30%', borderTopLeftRadius: '10px', borderBottomLeftRadius: '10px' }}>
           <MiniFileExplorer />
         </div>
-        <div className="w-75">
+        <div className="border" style={{ minHeight: '75%', minWidth: '70%', borderTopRightRadius: '10px', borderBottomRightRadius: '10px' }}>
           <Editor
             height="100%"
+            width="100%"
             defaultLanguage="typescript"
-            options={{ readOnly: true, minimap: { enabled: false }, lineNumbers: 'off' }}
+            options={{
+              readOnly: true,
+              minimap: { enabled: false },
+              lineNumbers: 'off',
+              scrollbar: {
+                vertical: 'hidden',
+                horizontal: 'hidden'
+              }
+            }}
             value={storageContractCode('Storage')}
           />
         </div>

From 191337b4f0d77bf871a25892311d9e81590989f3 Mon Sep 17 00:00:00 2001
From: ci-bot <ci-bot@remix-project.org>
Date: Tue, 7 Oct 2025 01:14:22 +0100
Subject: [PATCH 13/15] connect screens statefully. update zeppelin wizard code

---
 .../context/template-explorer-context.tsx     |  16 +-
 .../reducers/template-explorer-reducer.tsx    |  41 +++--
 .../src/components/contract-wizard.tsx        |   2 +-
 .../components/generateWorkspaceWithAi.tsx    |  22 +++
 .../components/genericWorkspaceTemplate.tsx   |  19 +++
 .../src/components/template-explorer-body.tsx |   8 +-
 .../src/components/template-explorer.tsx      |  29 +++-
 .../src/components/workspaceDetails.tsx       |   1 +
 .../src/contractCode/erc721.ts                | 150 +++++++++++++-----
 .../lib/remix-ui-template-explorer-modal.tsx  |  37 +++--
 .../src/utils/contractWizardUtils.tsx         |   2 +
 .../src/utils/wizardStepHandler.tsx           |   3 +
 .../stategies/templateCategoryStrategy.ts     |  59 +++++++
 .../types/template-explorer-types.ts          |  10 +-
 14 files changed, 322 insertions(+), 77 deletions(-)
 create mode 100644 libs/remix-ui/template-explorer-modal/src/components/generateWorkspaceWithAi.tsx
 create mode 100644 libs/remix-ui/template-explorer-modal/src/components/genericWorkspaceTemplate.tsx
 create mode 100644 libs/remix-ui/template-explorer-modal/src/utils/wizardStepHandler.tsx
 create mode 100644 libs/remix-ui/template-explorer-modal/stategies/templateCategoryStrategy.ts

diff --git a/libs/remix-ui/template-explorer-modal/context/template-explorer-context.tsx b/libs/remix-ui/template-explorer-modal/context/template-explorer-context.tsx
index 826d2c19665..73a5a2b1acb 100644
--- a/libs/remix-ui/template-explorer-modal/context/template-explorer-context.tsx
+++ b/libs/remix-ui/template-explorer-modal/context/template-explorer-context.tsx
@@ -26,8 +26,11 @@ export const TemplateExplorerProvider = (props: { plugin: TemplateExplorerModalP
     dispatch({ type: TemplateExplorerWizardAction.SET_METADATA, payload: metadata })
   }, [])
 
+  useEffect(() => {
+    console.log('state context', state)
+  }, [state])
+
   const setSearchTerm = (term: string) => {
-    console.log('check status', { term, dedupedTemplates, state })
     dispatch({ type: TemplateExplorerWizardAction.SET_SEARCH_TERM, payload: term })
   }
 
@@ -126,7 +129,14 @@ export const TemplateExplorerProvider = (props: { plugin: TemplateExplorerModalP
     return (filteredTemplates || []).map((group: any) => ({
       ...group,
       items: makeUniqueItems(group && group.items ? group.items : [])
-    })).filter((g: any) => g && g.items && g.items.length > 0)
+    })).filter((g: any) => {
+      // Keep categories that have items OR special functionality (like Cookbook)
+      return g && (
+        (g.items && g.items.length > 0) ||
+        (g.name === 'Cookbook' && g.onClick) ||
+        (g.hasOptions && g.name !== 'Cookbook')
+      )
+    })
   }, [filteredTemplates, recentTemplates])
 
   const handleTagClick = (tag: string) => {
@@ -153,7 +163,7 @@ export const TemplateExplorerProvider = (props: { plugin: TemplateExplorerModalP
     }
   }
 
-  const contextValue = { templateRepository: state.templateRepository, metadata: state.metadata, selectedTag: state.selectedTag, recentTemplates, filteredTemplates, dedupedTemplates, handleTagClick, clearFilter, addRecentTemplate, RECENT_KEY, allTags, plugin, setSearchTerm }
+  const contextValue = { templateRepository: state.templateRepository, metadata: state.metadata, selectedTag: state.selectedTag, recentTemplates, filteredTemplates, dedupedTemplates, handleTagClick, clearFilter, addRecentTemplate, RECENT_KEY, allTags, plugin, setSearchTerm, dispatch, state }
 
   return (
     <TemplateExplorerContext.Provider value={contextValue}>
diff --git a/libs/remix-ui/template-explorer-modal/reducers/template-explorer-reducer.tsx b/libs/remix-ui/template-explorer-modal/reducers/template-explorer-reducer.tsx
index e962dee9cb2..9f75c9a610c 100644
--- a/libs/remix-ui/template-explorer-modal/reducers/template-explorer-reducer.tsx
+++ b/libs/remix-ui/template-explorer-modal/reducers/template-explorer-reducer.tsx
@@ -1,11 +1,11 @@
 import React from 'react'
-import { MetadataType, TemplateExplorerWizardAction, TemplateExplorerWizardState, TemplateRepository } from '../types/template-explorer-types'
+import { MetadataType, TemplateExplorerWizardAction, TemplateExplorerWizardState, TemplateRepository, WizardStep } from '../types/template-explorer-types'
 import { metadata, templatesRepository } from '../src/utils/helpers'
 
 export const initialState: TemplateExplorerWizardState = {
   workspaceTemplateChosen: '',
   workspaceTemplateGroupChosen: '',
-  workspaceName: '',
+  workspaceName: 'workspace Name',
   defaultWorkspaceName: '',
   topLeftNagivationName: '',
   initializeAsGitRepo: false,
@@ -14,7 +14,10 @@ export const initialState: TemplateExplorerWizardState = {
   metadata: metadata as MetadataType,
   templateRepository: templatesRepository as TemplateRepository || [],
   selectedTag: null,
-  setSearchTerm: (term: string) => {}
+  setSearchTerm: (term: string) => {},
+  wizardStep: 'template',
+  setWizardStep: (step: WizardStep) => {},
+  recentBump: 0
 }
 
 export const templateExplorerReducer = (state: TemplateExplorerWizardState, action: any) => {
@@ -23,31 +26,41 @@ export const templateExplorerReducer = (state: TemplateExplorerWizardState, acti
     return { ...state, templateRepository: action.payload }
   case TemplateExplorerWizardAction.SET_METADATA:
     return { ...state, metadata: action.payload }
-  case TemplateExplorerWizardAction.SELECT_TEMPLATE:
-    return action.payload
-  case TemplateExplorerWizardAction.SET_WORKSPACE_TEMPLATE_GROUP:
-    return action.payload
-  case TemplateExplorerWizardAction.SET_WORKSPACE_NAME:
-    return action.payload
+  case TemplateExplorerWizardAction.SELECT_TEMPLATE:{
+    return { ...state, workspaceTemplateChosen: action.payload }
+  }
+  case TemplateExplorerWizardAction.SET_WORKSPACE_TEMPLATE_GROUP:{
+    return { ...state, workspaceTemplateGroupChosen: action.payload.templateGroupChosen }
+  }
+  case TemplateExplorerWizardAction.SET_WORKSPACE_NAME:{
+    return { ...state, workspaceName: action.payload }
+  }
   case TemplateExplorerWizardAction.SET_DEFAULT_WORKSPACE_NAME:
-    return action.payload
+    return { ...state, defaultWorkspaceName: action.payload }
   case TemplateExplorerWizardAction.SET_TOP_LEFT_NAVIGATION_NAME:
-    return action.payload
+    return { ...state, topLeftNagivationName: action.payload }
   case TemplateExplorerWizardAction.SET_INITIALIZE_AS_GIT_REPO:
-    return action.payload
+    return { ...state, initializeAsGitRepo: action.payload }
   case TemplateExplorerWizardAction.SET_WORKSPACE_GENERATED_WITH_AI:
-    return action.payload
+    return { ...state, workspaceGeneratedWithAi: action.payload }
   case TemplateExplorerWizardAction.END_WORKSPACE_WIZARD:
-    return action.payload
+    return { ...state, wizardStep: 'finishSetup' }
   case TemplateExplorerWizardAction.SET_SELECTED_TAG: {
     return { ...state, selectedTag: action.payload }
   }
+  case TemplateExplorerWizardAction.SET_RECENT_BUMP: {
+    return { ...state, recentBump: action.payload }
+  }
   case TemplateExplorerWizardAction.CLEAR_SELECTED_TAG: {
     return { ...state, selectedTag: null }
   }
   case TemplateExplorerWizardAction.SET_SEARCH_TERM: {
     return { ...state, searchTerm: action.payload }
   }
+  case TemplateExplorerWizardAction.SET_WIZARD_STEP: {
+    console.log('action.payload wizardStep', action.payload)
+    return { ...state, wizardStep: action.payload }
+  }
   default:
     return state
   }
diff --git a/libs/remix-ui/template-explorer-modal/src/components/contract-wizard.tsx b/libs/remix-ui/template-explorer-modal/src/components/contract-wizard.tsx
index f404d5452a6..9ee7f8939cc 100644
--- a/libs/remix-ui/template-explorer-modal/src/components/contract-wizard.tsx
+++ b/libs/remix-ui/template-explorer-modal/src/components/contract-wizard.tsx
@@ -153,7 +153,7 @@ export function ContractWizard () {
             <Editor
               height="460px"
               defaultLanguage="typescript"
-              options={{ readOnly: true, minimap: { enabled: false } }}
+              options={{ readOnly: true, minimap: { enabled: false }, theme: 'vs-dark' }}
               value={strategy.contractCode as string}
             />
           </div>
diff --git a/libs/remix-ui/template-explorer-modal/src/components/generateWorkspaceWithAi.tsx b/libs/remix-ui/template-explorer-modal/src/components/generateWorkspaceWithAi.tsx
new file mode 100644
index 00000000000..259227e3771
--- /dev/null
+++ b/libs/remix-ui/template-explorer-modal/src/components/generateWorkspaceWithAi.tsx
@@ -0,0 +1,22 @@
+import React, { useReducer } from 'react'
+import { TemplateExplorerWizardAction } from '../../types/template-explorer-types'
+import { initialState, templateExplorerReducer } from '../../reducers/template-explorer-reducer'
+
+export function GenerateWorkspaceWithAi() {
+  const [state, dispatch] = useReducer(templateExplorerReducer, initialState)
+  return (
+    <section>
+      <div className="d-flex flex-column bg-light" style={{ height: '80%' }}>
+        <div>
+          <label className="form-label text-uppercase small mb-1">Workspace description</label>
+        </div>
+        <div>
+          <textarea className="form-control text-dark" onChange={(e) => dispatch({ type: TemplateExplorerWizardAction.SET_WORKSPACE_NAME, payload: e.target.value })}
+            placeholder="I want to create a decentralized voting platform with Solidity"
+            rows={10}
+          />
+        </div>
+      </div>
+    </section>
+  )
+}
diff --git a/libs/remix-ui/template-explorer-modal/src/components/genericWorkspaceTemplate.tsx b/libs/remix-ui/template-explorer-modal/src/components/genericWorkspaceTemplate.tsx
new file mode 100644
index 00000000000..398a30f12e0
--- /dev/null
+++ b/libs/remix-ui/template-explorer-modal/src/components/genericWorkspaceTemplate.tsx
@@ -0,0 +1,19 @@
+import React, { useReducer } from 'react'
+import { initialState, templateExplorerReducer } from '../../reducers/template-explorer-reducer'
+import { TemplateExplorerWizardAction } from '../../types/template-explorer-types'
+
+export function GenericWorkspaceTemplate() {
+  const [state, dispatch] = useReducer(templateExplorerReducer, initialState)
+  return (
+    <section>
+      <div className="d-flex flex-column gap-3 bg-light" style={{ height: '80%' }}>
+        <div>
+          <label className="form-label text-uppercase small mb-1">Workspace name</label>
+        </div>
+        <div>
+          <input type="text" className="form-control text-dark" value={state.workspaceName} onChange={(e) => dispatch({ type: TemplateExplorerWizardAction.SET_WORKSPACE_NAME, payload: e.target.value })} />
+        </div>
+      </div>
+    </section>
+  )
+}
diff --git a/libs/remix-ui/template-explorer-modal/src/components/template-explorer-body.tsx b/libs/remix-ui/template-explorer-modal/src/components/template-explorer-body.tsx
index 3cca1d48341..948c5f1f4f7 100644
--- a/libs/remix-ui/template-explorer-modal/src/components/template-explorer-body.tsx
+++ b/libs/remix-ui/template-explorer-modal/src/components/template-explorer-body.tsx
@@ -1,4 +1,4 @@
-import React, { useContext } from 'react'
+import React, { useContext, useEffect, useReducer } from 'react'
 import { TemplateExplorer } from './template-explorer'
 import { TopCards } from './topCards'
 import { TemplateExplorerContext } from '../../context/template-explorer-context'
@@ -9,9 +9,13 @@ export interface TemplateExplorerBodyProps {
 }
 
 export function TemplateExplorerBody({ plugin }: TemplateExplorerBodyProps) {
-  const { selectedTag, allTags, handleTagClick, clearFilter, dedupedTemplates } = useContext(TemplateExplorerContext)
+  const { selectedTag, allTags, handleTagClick, clearFilter, dedupedTemplates, state } = useContext(TemplateExplorerContext)
 
   const filterTheseTags = tag => tag !== 'Circom' && tag !== 'All' && tag !== 'Noir' && tag !== 'AI'
+
+  useEffect(() => {
+    console.log('state template explorer body', state)
+  }, [state])
   return (
     <section>
       <TopCards />
diff --git a/libs/remix-ui/template-explorer-modal/src/components/template-explorer.tsx b/libs/remix-ui/template-explorer-modal/src/components/template-explorer.tsx
index 5697b1e8b8b..2ae26213457 100644
--- a/libs/remix-ui/template-explorer-modal/src/components/template-explorer.tsx
+++ b/libs/remix-ui/template-explorer-modal/src/components/template-explorer.tsx
@@ -1,11 +1,12 @@
 import isElectron from 'is-electron'
 import React, { useContext, useEffect } from 'react'
-import { TemplateCategory, TemplateExplorerProps, TemplateItem } from '../../types/template-explorer-types'
+import { TemplateCategory, TemplateExplorerProps, TemplateExplorerWizardAction, TemplateItem } from '../../types/template-explorer-types'
 import { TemplateExplorerContext } from '../../context/template-explorer-context'
+import { CookbookStrategy, GenAiStrategy, GenericStrategy, RemixDefaultStrategy, TemplateCateogryStrategy, WizardStrategy } from '../../stategies/templateCategoryStrategy'
 
 export function TemplateExplorer() {
 
-  const { metadata, dedupedTemplates, addRecentTemplate, plugin } = useContext(TemplateExplorerContext)
+  const { metadata, dedupedTemplates, addRecentTemplate, plugin, dispatch, state } = useContext(TemplateExplorerContext)
 
   return (
     <div className="template-explorer-container overflow-y-auto" style={{ height: '350px', padding: '1rem' }}>
@@ -54,8 +55,27 @@ export function TemplateExplorer() {
                     flexDirection: 'column'
                   }}
                   onClick={() => {
-                    console.log('Template selected:', item.value, item.opts)
-                    addRecentTemplate(item)
+                    const strategy = new TemplateCateogryStrategy()
+                    dispatch({ type: TemplateExplorerWizardAction.SELECT_TEMPLATE, payload: item.value })
+                    dispatch({ type: TemplateExplorerWizardAction.SET_WORKSPACE_TEMPLATE_GROUP, payload: template.name })
+                    dispatch({ type: TemplateExplorerWizardAction.SET_WORKSPACE_NAME, payload: item.value })
+                    if (template.name.toLowerCase() === 'generic' && !item.value.toLowerCase().includes('remixaitemplate') && item.value !== 'remixDefault') {
+                      strategy.setStrategy(new GenericStrategy())
+                      strategy.switchScreen(dispatch)
+                    } else if (template.name.toLowerCase() === 'generic' && item.value.toLowerCase().includes('remixaitemplate')) {
+                      strategy.setStrategy(new GenAiStrategy())
+                      strategy.switchScreen(dispatch)
+                    } else if (template.name.toLowerCase() === 'generic' && item.value === 'remixDefault') {
+                      console.log('remixdefault')
+                      strategy.setStrategy(new RemixDefaultStrategy())
+                      strategy.switchScreen(dispatch)
+                    } else if (template.name.toLowerCase().includes('zeppelin')) {
+                      strategy.setStrategy(new WizardStrategy())
+                      strategy.switchScreen(dispatch)
+                    } else if (template.name.toLowerCase().includes('cookbook')) {
+                      strategy.setStrategy(new CookbookStrategy())
+                      strategy.switchScreen(dispatch)
+                    }
                   }}
                   onMouseEnter={(e) => {
                     e.currentTarget.style.boxShadow = '0 4px 8px rgba(0,0,0,0.15)'
@@ -153,7 +173,6 @@ export function TemplateExplorer() {
               )
             })}
           </div>
-
           {template.name === 'Cookbook' && (
             <div className="cookbook-special-card" style={{
               border: '1px solid #e0e0e0',
diff --git a/libs/remix-ui/template-explorer-modal/src/components/workspaceDetails.tsx b/libs/remix-ui/template-explorer-modal/src/components/workspaceDetails.tsx
index 30dc46b4969..7876eb0f5f1 100644
--- a/libs/remix-ui/template-explorer-modal/src/components/workspaceDetails.tsx
+++ b/libs/remix-ui/template-explorer-modal/src/components/workspaceDetails.tsx
@@ -28,6 +28,7 @@ export function WorkspaceDetails(props: WorkspaceDetailsProps) {
               readOnly: true,
               minimap: { enabled: false },
               lineNumbers: 'off',
+              theme: 'vs-dark',
               scrollbar: {
                 vertical: 'hidden',
                 horizontal: 'hidden'
diff --git a/libs/remix-ui/template-explorer-modal/src/contractCode/erc721.ts b/libs/remix-ui/template-explorer-modal/src/contractCode/erc721.ts
index 468823c7979..88d39d4db09 100644
--- a/libs/remix-ui/template-explorer-modal/src/contractCode/erc721.ts
+++ b/libs/remix-ui/template-explorer-modal/src/contractCode/erc721.ts
@@ -20,7 +20,7 @@ import {Ownable} from "@openzeppelin/contracts/access/Ownable.sol";
 
 contract ${contractName} is ERC721, Ownable {
     constructor(address initialOwner)
-        ERC721("MyToken", "MTK")
+        ERC721("${contractName}", "MTK")
         Ownable(initialOwner)
     {}
 
@@ -42,7 +42,7 @@ contract ${contractName} is ERC721, Ownable {
     uint256 private _nextTokenId;
 
     constructor(address initialOwner)
-        ERC721("MyToken", "MTK")
+        ERC721("${contractName}", "MTK")
         Ownable(initialOwner)
     {}
 
@@ -79,7 +79,7 @@ contract ${contractName} is ERC721, ERC721Burnable, Ownable {
     uint256 private _nextTokenId;
 
     constructor(address initialOwner)
-        ERC721("MyToken", "MTK")
+        ERC721("${contractName}", "MTK")
         Ownable(initialOwner)
     {}
 
@@ -102,7 +102,7 @@ import {Ownable} from "@openzeppelin/contracts/access/Ownable.sol";
 
 contract ${contractName} is ERC721, ERC721Pausable, Ownable {
     constructor(address initialOwner)
-        ERC721("MyToken", "MTK")
+        ERC721("${contractName}", "MTK")
         Ownable(initialOwner)
     {}
 
@@ -138,7 +138,7 @@ import {Ownable} from "@openzeppelin/contracts/access/Ownable.sol";
 
 contract ${contractName} is ERC721, ERC721Pausable, Ownable, ERC721Burnable {
     constructor(address initialOwner)
-        ERC721("MyToken", "MTK")
+        ERC721("${contractName}", "MTK")
         Ownable(initialOwner)
     {}
 
@@ -176,7 +176,7 @@ contract ${contractName} is ERC721, ERC721Pausable, Ownable, ERC721Burnable {
     uint256 private _nextTokenId;
 
     constructor(address initialOwner)
-        ERC721("MyToken", "MTK")
+        ERC721("${contractName}", "MTK")
         Ownable(initialOwner)
     {}
 
@@ -221,7 +221,7 @@ contract ${contractName} is ERC721, ERC721Enumerable, ERC721Pausable, Ownable, E
     uint256 private _nextTokenId;
 
     constructor(address initialOwner)
-        ERC721("MyToken", "MTK")
+        ERC721("${contractName}", "MTK")
         Ownable(initialOwner)
     {}
 
@@ -283,7 +283,7 @@ contract ${contractName} is ERC721, ERC721Enumerable, ERC721URIStorage, ERC721Pa
     uint256 private _nextTokenId;
 
     constructor(address initialOwner)
-        ERC721("MyToken", "MTK")
+        ERC721("${contractName}", "MTK")
         Ownable(initialOwner)
     {}
 
@@ -361,7 +361,7 @@ contract ${contractName} is ERC721, ERC721Enumerable, ERC721URIStorage, ERC721Pa
     uint256 private _nextTokenId;
 
     constructor(address defaultAdmin, address pauser, address minter)
-        ERC721("MyToken", "MTK")
+        ERC721("${contractName}", "MTK")
     {
         _grantRole(DEFAULT_ADMIN_ROLE, defaultAdmin);
         _grantRole(PAUSER_ROLE, pauser);
@@ -440,7 +440,7 @@ contract ${contractName} is ERC721, ERC721Enumerable, ERC721URIStorage, ERC721Pa
     uint256 private _nextTokenId;
 
     constructor(address initialAuthority)
-        ERC721("MyToken", "MTK")
+        ERC721("${contractName}", "MTK")
         AccessManaged(initialAuthority)
     {}
 
@@ -522,7 +522,7 @@ contract ${contractName} is Initializable, ERC721Upgradeable, ERC721EnumerableUp
     }
 
     function initialize(address initialAuthority) public initializer {
-        __ERC721_init("MyToken", "MTK");
+        __ERC721_init("${contractName}", "MTK");
         __ERC721Enumerable_init();
         __ERC721URIStorage_init();
         __ERC721Pausable_init();
@@ -613,7 +613,7 @@ contract ${contractName} is Initializable, ERC721Upgradeable, ERC721EnumerableUp
         public
         initializer
     {
-        __ERC721_init("MyToken", "MTK");
+        __ERC721_init("${contractName}", "MTK");
         __ERC721Enumerable_init();
         __ERC721URIStorage_init();
         __ERC721Pausable_init();
@@ -703,7 +703,7 @@ contract ${contractName} is Initializable, ERC721Upgradeable, ERC721EnumerableUp
     }
 
     function initialize(address initialAuthority) public initializer {
-        __ERC721_init("MyToken", "MTK");
+        __ERC721_init("${contractName}", "MTK");
         __ERC721Enumerable_init();
         __ERC721URIStorage_init();
         __ERC721Pausable_init();
@@ -790,7 +790,7 @@ contract ${contractName} is Initializable, ERC721Upgradeable, ERC721EnumerableUp
     }
 
     function initialize(address initialAuthority) public initializer {
-        __ERC721_init("MyToken", "MTK");
+        __ERC721_init("${contractName}", "MTK");
         __ERC721Enumerable_init();
         __ERC721URIStorage_init();
         __ERC721Pausable_init();
@@ -890,7 +890,7 @@ contract ${contractName} is Initializable, ERC721Upgradeable, ERC721EnumerableUp
         public
         initializer
     {
-        __ERC721_init("MyToken", "MTK");
+        __ERC721_init("${contractName}", "MTK");
         __ERC721Enumerable_init();
         __ERC721URIStorage_init();
         __ERC721Pausable_init();
@@ -989,7 +989,7 @@ contract ${contractName} is Initializable, ERC721Upgradeable, ERC721EnumerableUp
     }
 
     function initialize(address initialOwner) public initializer {
-        __ERC721_init("MyToken", "MTK");
+        __ERC721_init("${contractName}", "MTK");
         __ERC721Enumerable_init();
         __ERC721URIStorage_init();
         __ERC721Pausable_init();
@@ -1072,7 +1072,7 @@ import {ERC721PausableUpgradeable} from "@openzeppelin/contracts-upgradeable/tok
 import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
 import {UUPSUpgradeable} from "@openzeppelin/contracts-upgradeable/proxy/utils/UUPSUpgradeable.sol";
 
-contract MyToken is Initializable, ERC721Upgradeable, ERC721PausableUpgradeable, AccessControlUpgradeable, ERC721BurnableUpgradeable, UUPSUpgradeable {
+contract ${contractName} is Initializable, ERC721Upgradeable, ERC721PausableUpgradeable, AccessControlUpgradeable, ERC721BurnableUpgradeable, UUPSUpgradeable {
     bytes32 public constant PAUSER_ROLE = keccak256("PAUSER_ROLE");
     bytes32 public constant MINTER_ROLE = keccak256("MINTER_ROLE");
     bytes32 public constant UPGRADER_ROLE = keccak256("UPGRADER_ROLE");
@@ -1086,7 +1086,7 @@ contract MyToken is Initializable, ERC721Upgradeable, ERC721PausableUpgradeable,
         public
         initializer
     {
-        __ERC721_init("MyToken", "MTK");
+        __ERC721_init("${contractName}", "MTK");
         __ERC721Pausable_init();
         __AccessControl_init();
         __ERC721Burnable_init();
@@ -1149,7 +1149,7 @@ import {ERC721PausableUpgradeable} from "@openzeppelin/contracts-upgradeable/tok
 import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
 import {UUPSUpgradeable} from "@openzeppelin/contracts-upgradeable/proxy/utils/UUPSUpgradeable.sol";
 
-contract MyToken is Initializable, ERC721Upgradeable, ERC721PausableUpgradeable, AccessControlUpgradeable, ERC721BurnableUpgradeable, UUPSUpgradeable {
+contract ${contractName} is Initializable, ERC721Upgradeable, ERC721PausableUpgradeable, AccessControlUpgradeable, ERC721BurnableUpgradeable, UUPSUpgradeable {
     bytes32 public constant PAUSER_ROLE = keccak256("PAUSER_ROLE");
     bytes32 public constant UPGRADER_ROLE = keccak256("UPGRADER_ROLE");
 
@@ -1162,7 +1162,7 @@ contract MyToken is Initializable, ERC721Upgradeable, ERC721PausableUpgradeable,
         public
         initializer
     {
-        __ERC721_init("MyToken", "MTK");
+        __ERC721_init("${contractName}", "MTK");
         __ERC721Pausable_init();
         __AccessControl_init();
         __ERC721Burnable_init();
@@ -1218,9 +1218,9 @@ import {ERC721} from "@openzeppelin/contracts/token/ERC721/ERC721.sol";
 import {ERC721Burnable} from "@openzeppelin/contracts/token/ERC721/extensions/ERC721Burnable.sol";
 import {ERC721Pausable} from "@openzeppelin/contracts/token/ERC721/extensions/ERC721Pausable.sol";
 
-contract MyToken is ERC721, ERC721Pausable, AccessManaged, ERC721Burnable {
+contract ${contractName} is ERC721, ERC721Pausable, AccessManaged, ERC721Burnable {
     constructor(address initialAuthority)
-        ERC721("MyToken", "MTK")
+        ERC721("${contractName}", "MTK")
         AccessManaged(initialAuthority)
     {}
 
@@ -1259,7 +1259,7 @@ import {ERC721Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC72
 import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
 import {UUPSUpgradeable} from "@openzeppelin/contracts-upgradeable/proxy/utils/UUPSUpgradeable.sol";
 
-contract MyToken is Initializable, ERC721Upgradeable, AccessControlUpgradeable, UUPSUpgradeable {
+contract ${contractName} is Initializable, ERC721Upgradeable, AccessControlUpgradeable, UUPSUpgradeable {
     bytes32 public constant MINTER_ROLE = keccak256("MINTER_ROLE");
     bytes32 public constant UPGRADER_ROLE = keccak256("UPGRADER_ROLE");
 
@@ -1272,7 +1272,7 @@ contract MyToken is Initializable, ERC721Upgradeable, AccessControlUpgradeable,
         public
         initializer
     {
-        __ERC721_init("MyToken", "MTK");
+        __ERC721_init("${contractName}", "MTK");
         __AccessControl_init();
         __UUPSUpgradeable_init();
 
@@ -1315,14 +1315,14 @@ import {ERC721Upgradeable} from "@openzeppelin/contracts-upgradeable/token/ERC72
 import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
 import {UUPSUpgradeable} from "@openzeppelin/contracts-upgradeable/proxy/utils/UUPSUpgradeable.sol";
 
-contract MyToken is Initializable, ERC721Upgradeable, AccessManagedUpgradeable, UUPSUpgradeable {
+contract ${contractName} is Initializable, ERC721Upgradeable, AccessManagedUpgradeable, UUPSUpgradeable {
     /// @custom:oz-upgrades-unsafe-allow constructor
     constructor() {
         _disableInitializers();
     }
 
     function initialize(address initialAuthority) public initializer {
-        __ERC721_init("MyToken", "MTK");
+        __ERC721_init("${contractName}", "MTK");
         __AccessManaged_init(initialAuthority);
         __UUPSUpgradeable_init();
     }
@@ -1351,14 +1351,14 @@ import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Ini
 import {OwnableUpgradeable} from "@openzeppelin/contracts-upgradeable/access/OwnableUpgradeable.sol";
 import {UUPSUpgradeable} from "@openzeppelin/contracts-upgradeable/proxy/utils/UUPSUpgradeable.sol";
 
-contract MyToken is Initializable, ERC721Upgradeable, ERC721PausableUpgradeable, OwnableUpgradeable, UUPSUpgradeable {
+contract ${contractName} is Initializable, ERC721Upgradeable, ERC721PausableUpgradeable, OwnableUpgradeable, UUPSUpgradeable {
     /// @custom:oz-upgrades-unsafe-allow constructor
     constructor() {
         _disableInitializers();
     }
 
     function initialize(address initialOwner) public initializer {
-        __ERC721_init("MyToken", "MTK");
+        __ERC721_init("${contractName}", "MTK");
         __ERC721Pausable_init();
         __Ownable_init(initialOwner);
         __UUPSUpgradeable_init();
@@ -1405,7 +1405,7 @@ import {ERC721PausableUpgradeable} from "@openzeppelin/contracts-upgradeable/tok
 import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
 import {UUPSUpgradeable} from "@openzeppelin/contracts-upgradeable/proxy/utils/UUPSUpgradeable.sol";
 
-contract MyToken is Initializable, ERC721Upgradeable, ERC721PausableUpgradeable, AccessControlUpgradeable, UUPSUpgradeable {
+contract ${contractName} is Initializable, ERC721Upgradeable, ERC721PausableUpgradeable, AccessControlUpgradeable, UUPSUpgradeable {
     bytes32 public constant PAUSER_ROLE = keccak256("PAUSER_ROLE");
     bytes32 public constant MINTER_ROLE = keccak256("MINTER_ROLE");
     bytes32 public constant UPGRADER_ROLE = keccak256("UPGRADER_ROLE");
@@ -1419,7 +1419,7 @@ contract MyToken is Initializable, ERC721Upgradeable, ERC721PausableUpgradeable,
         public
         initializer
     {
-        __ERC721_init("MyToken", "MTK");
+        __ERC721_init("${contractName}", "MTK");
         __ERC721Pausable_init();
         __AccessControl_init();
         __UUPSUpgradeable_init();
@@ -1480,14 +1480,14 @@ import {ERC721PausableUpgradeable} from "@openzeppelin/contracts-upgradeable/tok
 import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
 import {UUPSUpgradeable} from "@openzeppelin/contracts-upgradeable/proxy/utils/UUPSUpgradeable.sol";
 
-contract MyToken is Initializable, ERC721Upgradeable, ERC721PausableUpgradeable, AccessManagedUpgradeable, UUPSUpgradeable {
+contract ${contractName} is Initializable, ERC721Upgradeable, ERC721PausableUpgradeable, AccessManagedUpgradeable, UUPSUpgradeable {
     /// @custom:oz-upgrades-unsafe-allow constructor
     constructor() {
         _disableInitializers();
     }
 
     function initialize(address initialAuthority) public initializer {
-        __ERC721_init("MyToken", "MTK");
+        __ERC721_init("${contractName}", "MTK");
         __ERC721Pausable_init();
         __AccessManaged_init(initialAuthority);
         __UUPSUpgradeable_init();
@@ -1535,14 +1535,14 @@ import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Ini
 import {OwnableUpgradeable} from "@openzeppelin/contracts-upgradeable/access/OwnableUpgradeable.sol";
 import {UUPSUpgradeable} from "@openzeppelin/contracts-upgradeable/proxy/utils/UUPSUpgradeable.sol";
 
-contract MyToken is Initializable, ERC721Upgradeable, ERC721PausableUpgradeable, OwnableUpgradeable, ERC721BurnableUpgradeable, UUPSUpgradeable {
+contract ${contractName} is Initializable, ERC721Upgradeable, ERC721PausableUpgradeable, OwnableUpgradeable, ERC721BurnableUpgradeable, UUPSUpgradeable {
     /// @custom:oz-upgrades-unsafe-allow constructor
     constructor() {
         _disableInitializers();
     }
 
     function initialize(address initialOwner) public initializer {
-        __ERC721_init("MyToken", "MTK");
+        __ERC721_init("${contractName}", "MTK");
         __ERC721Pausable_init();
         __Ownable_init(initialOwner);
         __ERC721Burnable_init();
@@ -1587,7 +1587,7 @@ import {ERC721PausableUpgradeable} from "@openzeppelin/contracts-upgradeable/tok
 import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
 import {UUPSUpgradeable} from "@openzeppelin/contracts-upgradeable/proxy/utils/UUPSUpgradeable.sol";
 
-contract MyToken is Initializable, ERC721Upgradeable, ERC721PausableUpgradeable, AccessControlUpgradeable, ERC721BurnableUpgradeable, UUPSUpgradeable {
+contract ${contractName} is Initializable, ERC721Upgradeable, ERC721PausableUpgradeable, AccessControlUpgradeable, ERC721BurnableUpgradeable, UUPSUpgradeable {
     bytes32 public constant PAUSER_ROLE = keccak256("PAUSER_ROLE");
     bytes32 public constant UPGRADER_ROLE = keccak256("UPGRADER_ROLE");
 
@@ -1600,7 +1600,7 @@ contract MyToken is Initializable, ERC721Upgradeable, ERC721PausableUpgradeable,
         public
         initializer
     {
-        __ERC721_init("MyToken", "MTK");
+        __ERC721_init("${contractName}", "MTK");
         __ERC721Pausable_init();
         __AccessControl_init();
         __ERC721Burnable_init();
@@ -1658,14 +1658,14 @@ import {ERC721PausableUpgradeable} from "@openzeppelin/contracts-upgradeable/tok
 import {Initializable} from "@openzeppelin/contracts-upgradeable/proxy/utils/Initializable.sol";
 import {UUPSUpgradeable} from "@openzeppelin/contracts-upgradeable/proxy/utils/UUPSUpgradeable.sol";
 
-contract MyToken is Initializable, ERC721Upgradeable, ERC721PausableUpgradeable, AccessManagedUpgradeable, ERC721BurnableUpgradeable, UUPSUpgradeable {
+contract ${contractName} is Initializable, ERC721Upgradeable, ERC721PausableUpgradeable, AccessManagedUpgradeable, ERC721BurnableUpgradeable, UUPSUpgradeable {
     /// @custom:oz-upgrades-unsafe-allow constructor
     constructor() {
         _disableInitializers();
     }
 
     function initialize(address initialAuthority) public initializer {
-        __ERC721_init("MyToken", "MTK");
+        __ERC721_init("${contractName}", "MTK");
         __ERC721Pausable_init();
         __AccessManaged_init(initialAuthority);
         __ERC721Burnable_init();
@@ -1698,3 +1698,77 @@ contract MyToken is Initializable, ERC721Upgradeable, ERC721PausableUpgradeable,
 }
 `
 
+export const erc721BurnableOnlyOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {ERC721} from "@openzeppelin/contracts/token/ERC721/ERC721.sol";
+import {ERC721Burnable} from "@openzeppelin/contracts/token/ERC721/extensions/ERC721Burnable.sol";
+
+contract ${contractName} is ERC721, ERC721Burnable {
+    constructor() ERC721("${contractName}", "MTK") {}
+}
+`
+
+export const erc721BurnableMintableOnlyOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {ERC721} from "@openzeppelin/contracts/token/ERC721/ERC721.sol";
+import {ERC721Burnable} from "@openzeppelin/contracts/token/ERC721/extensions/ERC721Burnable.sol";
+import {Ownable} from "@openzeppelin/contracts/access/Ownable.sol";
+
+contract ${contractName} is ERC721, ERC721Burnable, Ownable {
+    constructor(address initialOwner)
+        ERC721("${contractName}", "MTK")
+        Ownable(initialOwner)
+    {}
+
+    function safeMint(address to, uint256 tokenId) public onlyOwner {
+        _safeMint(to, tokenId);
+    }
+}
+`
+
+export const erc721BurnableMintablePausableOwnableOnlyOptions = (contractName: string) => `
+// SPDX-License-Identifier: MIT
+// Compatible with OpenZeppelin Contracts ^5.4.0
+pragma solidity ^0.8.27;
+
+import {ERC721} from "@openzeppelin/contracts/token/ERC721/ERC721.sol";
+import {ERC721Burnable} from "@openzeppelin/contracts/token/ERC721/extensions/ERC721Burnable.sol";
+import {ERC721Pausable} from "@openzeppelin/contracts/token/ERC721/extensions/ERC721Pausable.sol";
+import {Ownable} from "@openzeppelin/contracts/access/Ownable.sol";
+
+contract ${contractName} is ERC721, ERC721Pausable, Ownable, ERC721Burnable {
+    constructor(address initialOwner)
+        ERC721("${contractName}", "MTK")
+        Ownable(initialOwner)
+    {}
+
+    function pause() public onlyOwner {
+        _pause();
+    }
+
+    function unpause() public onlyOwner {
+        _unpause();
+    }
+
+    function safeMint(address to, uint256 tokenId) public onlyOwner {
+        _safeMint(to, tokenId);
+    }
+
+    // The following functions are overrides required by Solidity.
+
+    function _update(address to, uint256 tokenId, address auth)
+        internal
+        override(ERC721, ERC721Pausable)
+        returns (address)
+    {
+        return super._update(to, tokenId, auth);
+    }
+}
+`
+
diff --git a/libs/remix-ui/template-explorer-modal/src/lib/remix-ui-template-explorer-modal.tsx b/libs/remix-ui/template-explorer-modal/src/lib/remix-ui-template-explorer-modal.tsx
index bcde1593009..0008896458b 100644
--- a/libs/remix-ui/template-explorer-modal/src/lib/remix-ui-template-explorer-modal.tsx
+++ b/libs/remix-ui/template-explorer-modal/src/lib/remix-ui-template-explorer-modal.tsx
@@ -1,10 +1,14 @@
-import React, { useContext, useReducer } from 'react'
+import React, { useContext, useEffect, useReducer } from 'react'
 import './remix-ui-template-explorer-modal.css'
 import { appActionTypes, AppState } from '@remix-ui/app'
 import { TemplateExplorerContext } from '../../context/template-explorer-context'
 import { ContractWizard } from '../components/contract-wizard'
 import { WorkspaceDetails } from '../components/workspaceDetails'
 import { initialState, templateExplorerReducer } from '../../reducers/template-explorer-reducer'
+import { TemplateExplorerBody } from '../components/template-explorer-body'
+import { TemplateExplorerWizardAction } from '../../types/template-explorer-types'
+import { GenericWorkspaceTemplate } from '../components/genericWorkspaceTemplate'
+import { GenerateWorkspaceWithAi } from '../components/generateWorkspaceWithAi'
 
 export interface RemixUiTemplateExplorerModalProps {
   dispatch: any
@@ -14,15 +18,17 @@ export interface RemixUiTemplateExplorerModalProps {
 
 export function RemixUiTemplateExplorerModal (props: RemixUiTemplateExplorerModalProps) {
 
-  const { plugin, setSearchTerm } = useContext(TemplateExplorerContext)
-  const [state, dispatch] = useReducer(templateExplorerReducer, initialState)
+  const { plugin, setSearchTerm, state, dispatch } = useContext(TemplateExplorerContext)
 
+  useEffect(() => {
+    console.log('state', state)
+  }, [state.wizardStep, state.workspaceTemplateChosen, state.workspaceTemplateGroupChosen, state.workspaceName])
   return (
     <section>
       <section className="template-explorer-modal-background" style={{ zIndex: 8888 }}>
         <div className="template-explorer-modal-container border bg-dark p-2" style={{ width: props.appState.genericModalState.width, height: props.appState.genericModalState.height }}>
-          <div className="template-explorer-modal-close-container bg-dark mb-3 w-100">
-            <div className="d-flex flex-row gap-2 w-100 mx-3 my-2">
+          <div className="template-explorer-modal-close-container bg-dark mb-3 w-100 d-flex flex-row justify-content-between align-items-center">
+            {state.wizardStep === 'template' ? <div className="d-flex flex-row gap-2 w-100 mx-3 my-2">
               <input
                 type="text"
                 placeholder="Search"
@@ -30,18 +36,23 @@ export function RemixUiTemplateExplorerModal (props: RemixUiTemplateExplorerModa
                 style={{ color: plugin?.theme?.currentTheme().name === 'Light' ? '#1B1D24' : '#FFF' }}
                 onChange={(e) => setSearchTerm(e.target.value)}
               />
-            </div>
+            </div> : <div>
+              <div className="d-flex flex-row gap-2 w-100 mx-3 my-2">
+                <button className="btn" onClick={() => dispatch({ type: TemplateExplorerWizardAction.SET_WIZARD_STEP, payload: 'template' })}>
+                  <i className="fa-solid fa-chevron-left"></i>
+                  Template List
+                </button>
+              </div>
+            </div>}
             <button className="template-explorer-modal-close-button" onClick={() => props.dispatch({ type: appActionTypes.showGenericModal, payload: false })}>
               <i className="fa-solid fa-xmark text-dark"></i>
             </button>
           </div>
-          {/* <TemplateExplorerBody plugin={props.plugin} /> */}
-          {/* <WizardComponent /> */}
-          {/* <ContractWizard /> */}
-          <WorkspaceDetails strategy={state.strategy} />
-          {/* <div className="footer">
-            {props.appState.genericModalState.footer && props.appState.genericModalState.footer}
-          </div> */}
+          {state.wizardStep === 'template' ? <TemplateExplorerBody plugin={props.plugin} /> : null}
+          {state.wizardStep === 'generic' ? <GenericWorkspaceTemplate /> : null}
+          {state.wizardStep === 'genAI' ? <GenerateWorkspaceWithAi /> : null}
+          {state.wizardStep === 'wizard' ? <ContractWizard /> : null}
+          {state.wizardStep === 'remixdefault' ? <WorkspaceDetails strategy={state} /> : null}
         </div>
       </section>
     </section>
diff --git a/libs/remix-ui/template-explorer-modal/src/utils/contractWizardUtils.tsx b/libs/remix-ui/template-explorer-modal/src/utils/contractWizardUtils.tsx
index 7d7d01eb276..94e89573f63 100644
--- a/libs/remix-ui/template-explorer-modal/src/utils/contractWizardUtils.tsx
+++ b/libs/remix-ui/template-explorer-modal/src/utils/contractWizardUtils.tsx
@@ -176,6 +176,7 @@ export function getErc721ContractCode (contractType: 'erc721', state: ContractTy
           }
           return erc721.erc721FullOptionsManagedTransparent(state.contractName || 'MyToken')
         }
+        return erc721.erc721BurnableMintablePausableOwnableOnlyOptions(state.contractName || 'MyToken')
       }
       else if (state.contractAccessControl === 'roles') {
         if (state.contractUpgradability.uups) {
@@ -343,6 +344,7 @@ export function getErc721ContractCode (contractType: 'erc721', state: ContractTy
           return erc721.erc721FullOptionsManagedTransparent(state.contractName || 'MyToken')
         }
       }
+      return erc721.erc721BurnableOnlyOptions(state.contractName || 'MyToken')
     } else if (state.contractOptions.pausable) {
       if (state.contractAccessControl === 'ownable') {
         if (state.contractUpgradability.uups) {
diff --git a/libs/remix-ui/template-explorer-modal/src/utils/wizardStepHandler.tsx b/libs/remix-ui/template-explorer-modal/src/utils/wizardStepHandler.tsx
new file mode 100644
index 00000000000..8055047aca5
--- /dev/null
+++ b/libs/remix-ui/template-explorer-modal/src/utils/wizardStepHandler.tsx
@@ -0,0 +1,3 @@
+export function wizardStepHandler(templatePicked: { item: any, templateName: string }) {
+  const { item, templateName } = templatePicked
+}
diff --git a/libs/remix-ui/template-explorer-modal/stategies/templateCategoryStrategy.ts b/libs/remix-ui/template-explorer-modal/stategies/templateCategoryStrategy.ts
new file mode 100644
index 00000000000..e98f001c4be
--- /dev/null
+++ b/libs/remix-ui/template-explorer-modal/stategies/templateCategoryStrategy.ts
@@ -0,0 +1,59 @@
+import { TemplateExplorerWizardAction, WizardStep } from '../types/template-explorer-types'
+
+type ActionWithPayload = { type: TemplateExplorerWizardAction, payload: any }
+export interface TemplateExplorerStrategy {
+  activateScreen: (dispatch: (action: ActionWithPayload) => void) => void
+}
+
+export class TemplateCateogryStrategy {
+  strategy: TemplateExplorerStrategy
+
+  setStrategy(strategy: TemplateExplorerStrategy) {
+    this.strategy = strategy
+  }
+
+  switchScreen(dispatch: (action: ActionWithPayload) => void) {
+    this.strategy && this.strategy.activateScreen(dispatch)
+  }
+}
+
+export class RemixDefaultStrategy implements TemplateExplorerStrategy {
+
+  activateScreen(dispatch: (action: ActionWithPayload) => void) {
+    dispatch({ type: TemplateExplorerWizardAction.SET_WIZARD_STEP, payload: 'remixdefault' })
+  }
+}
+
+export class GenericStrategy implements TemplateExplorerStrategy {
+  activateScreen(dispatch: (action: ActionWithPayload) => void) {
+    dispatch({ type: TemplateExplorerWizardAction.SET_WIZARD_STEP, payload: 'generic' })
+  }
+}
+
+export class WizardStrategy implements TemplateExplorerStrategy {
+
+  activateScreen(dispatch: (action: ActionWithPayload) => void) {
+    dispatch({ type: TemplateExplorerWizardAction.SET_WIZARD_STEP, payload: 'wizard' })
+  }
+}
+
+export class CookbookStrategy implements TemplateExplorerStrategy {
+
+  activateScreen(dispatch: (action: ActionWithPayload) => void) {
+    dispatch({ type: TemplateExplorerWizardAction.SET_WIZARD_STEP, payload: 'cookbook' })
+  }
+}
+
+export class GenAiStrategy implements TemplateExplorerStrategy {
+
+  activateScreen(dispatch: (action: ActionWithPayload) => void) {
+    dispatch({ type: TemplateExplorerWizardAction.SET_WIZARD_STEP, payload: 'genAI' })
+  }
+}
+
+export class BasicStrategy implements TemplateExplorerStrategy {
+
+  activateScreen(dispatch: (action: ActionWithPayload) => void) {
+    dispatch({ type: TemplateExplorerWizardAction.SET_WIZARD_STEP, payload: 'basic' })
+  }
+}
diff --git a/libs/remix-ui/template-explorer-modal/types/template-explorer-types.ts b/libs/remix-ui/template-explorer-modal/types/template-explorer-types.ts
index 958a16da01d..bdfb6b541a4 100644
--- a/libs/remix-ui/template-explorer-modal/types/template-explorer-types.ts
+++ b/libs/remix-ui/template-explorer-modal/types/template-explorer-types.ts
@@ -11,9 +11,14 @@ export interface TemplateExplorerWizardState {
   metadata: MetadataType
   templateRepository: TemplateCategory[]
   selectedTag: string | null
+  recentBump: number
   setSearchTerm: (term: string) => void
+  wizardStep: WizardStep
+  setWizardStep: (step: WizardStep) => void
 }
 
+export type WizardStep = 'template' | 'finishSetup' | 'wizard' | 'import' | 'genAI' | 'generic' | 'remixdefault' | 'cookbook' | 'back' | 'reset'
+
 export interface TemplateExplorerContextType {
   plugin: any
   templateRepository: TemplateCategory[]
@@ -28,6 +33,8 @@ export interface TemplateExplorerContextType {
   addRecentTemplate: (template: TemplateItem) => void
   RECENT_KEY: string
   allTags: string[]
+  dispatch: (action: any) => void
+  state: TemplateExplorerWizardState
 }
 
 export enum TemplateExplorerWizardAction {
@@ -53,7 +60,8 @@ export enum TemplateExplorerWizardAction {
   FINALIZE_WORKSPACE_CREATION = 'FINALIZE_WORKSPACE_CREATION',
   ABORT_WORKSPACE_CREATION = 'ABORT_WORKSPACE_CREATION',
   BACK_ONE_STEP = 'BACK_ONE_STEP',
-  SET_SEARCH_TERM = 'SET_SEARCH_TERM'
+  SET_SEARCH_TERM = 'SET_SEARCH_TERM',
+  SET_WIZARD_STEP = 'SET_WIZARD_STEP'
 }
 
 export interface TemplateItem {

From 61cf0c446ee52f70ba1aad3a10f0f9fcf7bbb509 Mon Sep 17 00:00:00 2001
From: ci-bot <ci-bot@remix-project.org>
Date: Tue, 7 Oct 2025 10:11:02 +0100
Subject: [PATCH 14/15] update types and the reducer

---
 .../reducers/template-explorer-reducer.tsx    | 53 +++++++++++++++++--
 .../src/components/contract-wizard.tsx        |  9 ++--
 .../types/template-explorer-types.ts          | 15 ++++++
 3 files changed, 69 insertions(+), 8 deletions(-)

diff --git a/libs/remix-ui/template-explorer-modal/reducers/template-explorer-reducer.tsx b/libs/remix-ui/template-explorer-modal/reducers/template-explorer-reducer.tsx
index 9f75c9a610c..555c0a17933 100644
--- a/libs/remix-ui/template-explorer-modal/reducers/template-explorer-reducer.tsx
+++ b/libs/remix-ui/template-explorer-modal/reducers/template-explorer-reducer.tsx
@@ -1,6 +1,8 @@
 import React from 'react'
-import { MetadataType, TemplateExplorerWizardAction, TemplateExplorerWizardState, TemplateRepository, WizardStep } from '../types/template-explorer-types'
+import { ContractWizardAction, MetadataType, TemplateExplorerWizardAction, TemplateExplorerWizardState, TemplateRepository, WizardStep } from '../types/template-explorer-types'
 import { metadata, templatesRepository } from '../src/utils/helpers'
+import * as erc20 from '../src/contractCode/erc20'
+import { getErc20ContractCode } from '../src/utils/contractWizardUtils'
 
 export const initialState: TemplateExplorerWizardState = {
   workspaceTemplateChosen: '',
@@ -17,7 +19,22 @@ export const initialState: TemplateExplorerWizardState = {
   setSearchTerm: (term: string) => {},
   wizardStep: 'template',
   setWizardStep: (step: WizardStep) => {},
-  recentBump: 0
+  recentBump: 0,
+  contractType: 'erc20',
+  contractOptions: {
+    mintable: false,
+    burnable: false,
+    pausable: false
+  },
+  contractAccessControl: '',
+  contractUpgradability: {
+    uups: false,
+    transparent: false
+  },
+  contractCode: erc20.erc20DefaultNoOptions('MyToken'),
+  contractImport: '',
+  tokenName: 'MyToken',
+  contractName: 'MyToken'
 }
 
 export const templateExplorerReducer = (state: TemplateExplorerWizardState, action: any) => {
@@ -61,8 +78,36 @@ export const templateExplorerReducer = (state: TemplateExplorerWizardState, acti
     console.log('action.payload wizardStep', action.payload)
     return { ...state, wizardStep: action.payload }
   }
-  default:
-    return state
+  case ContractWizardAction.CONTRACT_TYPE_UPDATED: {
+    return { ...state, contractType: action.payload }
+  }
+  case ContractWizardAction.CONTRACT_UPGRADABILITY_UPDATE: {
+    return { ...state, contractUpgradability: action.payload }
+  }
+  case ContractWizardAction.CONTRACT_ACCESS_CONTROL_UPDATE: {
+    return { ...state, contractAccessControl: action.payload }
+  }
+  case ContractWizardAction.CONTRACT_OPTIONS_UPDATE: {
+    return { ...state, contractOptions: action.payload }
+  }
+  case ContractWizardAction.CONTRACT_CODE_UPDATE: {
+    return { ...state, contractCode: action.payload }
+  }
+  case ContractWizardAction.CONTRACT_IMPORT_UPDATE: {
+    return { ...state, contractImport: action.payload }
+  }
+  case ContractWizardAction.INITIALIZE_AS_GIT_REPO_UPDATE: {
+    return { ...state, initializeAsGitRepo: action.payload }
+  }
+  case ContractWizardAction.TOKEN_NAME_UPDATE: {
+    return { ...state, tokenName: action.payload }
+  }
+  case ContractWizardAction.CONTRACT_NAME_UPDATE: {
+    return { ...state, contractName: action.payload }
+  }
+  default: {
+    return { ...state, contractCode: getErc20ContractCode('erc20', state) }
+  }
   }
 }
 
diff --git a/libs/remix-ui/template-explorer-modal/src/components/contract-wizard.tsx b/libs/remix-ui/template-explorer-modal/src/components/contract-wizard.tsx
index 9ee7f8939cc..dfed8c121c6 100644
--- a/libs/remix-ui/template-explorer-modal/src/components/contract-wizard.tsx
+++ b/libs/remix-ui/template-explorer-modal/src/components/contract-wizard.tsx
@@ -1,4 +1,4 @@
-import React,{ useEffect, useMemo, useReducer, useState } from 'react'
+import React,{ useContext, useEffect, useMemo, useReducer, useState } from 'react'
 import Editor from '@monaco-editor/react'
 import * as erc20 from '../contractCode/erc20'
 import * as erc721 from '../contractCode/erc721'
@@ -6,6 +6,7 @@ import * as erc1155 from '../contractCode/erc1155'
 import { AccessControlType, ContractTypeStrategy, ContractWizardAction } from '../../types/template-explorer-types'
 import { contractWizardReducer } from '../../reducers/contract-wizard-reducer'
 import { getErc1155ContractCode, getErc20ContractCode, getErc721ContractCode } from '../utils/contractWizardUtils'
+import { TemplateExplorerContext } from '../../context/template-explorer-context'
 
 const defaultStrategy: ContractTypeStrategy = {
   contractType: 'erc20',
@@ -34,7 +35,8 @@ export function ContractWizard () {
   })
   const [initGit, setInitGit] = useState(false)
   const [showEditModal, setShowEditModal] = useState(false)
-  const [strategy, dispatch] = useReducer(contractWizardReducer, defaultStrategy)
+  const { state, dispatch } = useContext(TemplateExplorerContext)
+  const strategy = state
 
   function toggleContractOption(key: keyof typeof strategy.contractOptions) {
     if (key === 'mintable') {
@@ -82,12 +84,11 @@ export function ContractWizard () {
               <option>Solidity</option>
             </select>
             <select className="form-select form-select-sm w-auto" defaultValue="ERC20" onChange={(e) => {
-              dispatch({ type: ContractWizardAction.CONTRACT_TYPE_UPDATED, payload: e.target.value as 'erc20' | 'erc721' | 'erc1155' | 'custom' })
+              dispatch({ type: ContractWizardAction.CONTRACT_TYPE_UPDATED, payload: e.target.value as 'erc20' | 'erc721' | 'erc1155' })
             }}>
               <option value="erc20">ERC20</option>
               <option value="erc721">ERC721</option>
               <option value="erc1155">ERC1155</option>
-              <option value="custom">Custom</option>
             </select>
           </div>
         </div>
diff --git a/libs/remix-ui/template-explorer-modal/types/template-explorer-types.ts b/libs/remix-ui/template-explorer-modal/types/template-explorer-types.ts
index bdfb6b541a4..e4403d56ea2 100644
--- a/libs/remix-ui/template-explorer-modal/types/template-explorer-types.ts
+++ b/libs/remix-ui/template-explorer-modal/types/template-explorer-types.ts
@@ -15,6 +15,21 @@ export interface TemplateExplorerWizardState {
   setSearchTerm: (term: string) => void
   wizardStep: WizardStep
   setWizardStep: (step: WizardStep) => void
+  contractType: ContractType
+  contractOptions: {
+    mintable?: boolean
+    burnable?: boolean
+    pausable?: boolean
+  }
+  contractAccessControl: AccessControlType
+  contractUpgradability: {
+    uups?: boolean
+    transparent?: boolean
+  }
+  contractCode: string
+  contractImport?: string
+  contractName?: string
+  tokenName?: string
 }
 
 export type WizardStep = 'template' | 'finishSetup' | 'wizard' | 'import' | 'genAI' | 'generic' | 'remixdefault' | 'cookbook' | 'back' | 'reset'

From 55f2b99438ce834194adbf6a6934b33dd30dc1a0 Mon Sep 17 00:00:00 2001
From: ci-bot <ci-bot@remix-project.org>
Date: Wed, 8 Oct 2025 03:56:49 +0100
Subject: [PATCH 15/15] consolidate reducer and state. Add logic for workspace
 creation.

---
 .../context/template-explorer-context.tsx     | 14 ++---
 .../reducers/contract-wizard-reducer.tsx      | 57 -------------------
 .../reducers/template-explorer-reducer.tsx    |  3 +-
 .../src/components/contract-wizard.tsx        | 44 ++++++++------
 .../components/generateWorkspaceWithAi.tsx    | 17 ++++--
 .../components/genericWorkspaceTemplate.tsx   | 35 ++++++++++--
 .../src/components/template-explorer-body.tsx |  4 +-
 .../src/components/template-explorer.tsx      | 30 +++++-----
 .../src/components/workspaceDetails.tsx       | 28 ++++++++-
 .../lib/remix-ui-template-explorer-modal.tsx  | 16 +++---
 .../src/utils/workspaceUtils.ts               | 16 ++++++
 .../stategies/templateCategoryStrategy.ts     |  3 +-
 .../types/template-explorer-types.ts          | 21 ++++++-
 .../workspace/src/lib/actions/workspace.ts    |  3 +
 14 files changed, 170 insertions(+), 121 deletions(-)
 delete mode 100644 libs/remix-ui/template-explorer-modal/reducers/contract-wizard-reducer.tsx
 create mode 100644 libs/remix-ui/template-explorer-modal/src/utils/workspaceUtils.ts

diff --git a/libs/remix-ui/template-explorer-modal/context/template-explorer-context.tsx b/libs/remix-ui/template-explorer-modal/context/template-explorer-context.tsx
index 73a5a2b1acb..b2ba6c15ab9 100644
--- a/libs/remix-ui/template-explorer-modal/context/template-explorer-context.tsx
+++ b/libs/remix-ui/template-explorer-modal/context/template-explorer-context.tsx
@@ -6,17 +6,17 @@ import { metadata, templatesRepository } from '../src/utils/helpers'
 import { AppContext } from '@remix-ui/app'
 import { TemplateExplorerModalPlugin } from 'apps/remix-ide/src/app/plugins/remix-template-explorer-modal'
 import { RemixUiTemplateExplorerModal } from '@remix-ui/template-explorer-modal'
+import { TemplateExplorerModalFacade } from '../src/utils/workspaceUtils'
+import { TemplateCategoryStrategy } from '../stategies/templateCategoryStrategy'
 
 export const TemplateExplorerContext = createContext<TemplateExplorerContextType>({} as any)
 
 export const TemplateExplorerProvider = (props: { plugin: TemplateExplorerModalPlugin }) => {
-  // const [templateRepository, setTemplateRepository] = useState<TemplateCategory[]>([])
-  // const [metadata, setMetadata] = useState<any[]>([])
-  // const [selectedTag, setSelectedTag] = useState<string | null>(null)
-  // const [recentBump, setRecentBump] = useState<number>(0)
   const [state, dispatch] = useReducer(templateExplorerReducer, initialState)
   const appContext = useContext(AppContext)
   const { plugin } = props
+  const makeWorkspace = new TemplateExplorerModalFacade(plugin)
+  const templateCategoryStrategy = new TemplateCategoryStrategy()
 
   useEffect(() => {
     dispatch({ type: TemplateExplorerWizardAction.SET_TEMPLATE_REPOSITORY, payload: templatesRepository })
@@ -26,10 +26,6 @@ export const TemplateExplorerProvider = (props: { plugin: TemplateExplorerModalP
     dispatch({ type: TemplateExplorerWizardAction.SET_METADATA, payload: metadata })
   }, [])
 
-  useEffect(() => {
-    console.log('state context', state)
-  }, [state])
-
   const setSearchTerm = (term: string) => {
     dispatch({ type: TemplateExplorerWizardAction.SET_SEARCH_TERM, payload: term })
   }
@@ -163,7 +159,7 @@ export const TemplateExplorerProvider = (props: { plugin: TemplateExplorerModalP
     }
   }
 
-  const contextValue = { templateRepository: state.templateRepository, metadata: state.metadata, selectedTag: state.selectedTag, recentTemplates, filteredTemplates, dedupedTemplates, handleTagClick, clearFilter, addRecentTemplate, RECENT_KEY, allTags, plugin, setSearchTerm, dispatch, state }
+  const contextValue = { templateRepository: state.templateRepository, metadata: state.metadata, selectedTag: state.selectedTag, recentTemplates, filteredTemplates, dedupedTemplates, handleTagClick, clearFilter, addRecentTemplate, RECENT_KEY, allTags, plugin, setSearchTerm, dispatch, state, theme: plugin.theme, makeWorkspace, templateCategoryStrategy }
 
   return (
     <TemplateExplorerContext.Provider value={contextValue}>
diff --git a/libs/remix-ui/template-explorer-modal/reducers/contract-wizard-reducer.tsx b/libs/remix-ui/template-explorer-modal/reducers/contract-wizard-reducer.tsx
deleted file mode 100644
index 568cfe3825a..00000000000
--- a/libs/remix-ui/template-explorer-modal/reducers/contract-wizard-reducer.tsx
+++ /dev/null
@@ -1,57 +0,0 @@
-import { ContractTypeStrategy } from '../types/template-explorer-types'
-import * as erc20 from '../src/contractCode/erc20'
-import { ContractWizardAction } from '../types/template-explorer-types'
-import { getErc20ContractCode, getErc721ContractCode, getErc1155ContractCode } from '../src/utils/contractWizardUtils'
-
-const defaultStrategy: ContractTypeStrategy = {
-  contractType: 'erc20',
-  contractOptions: {
-    mintable: false,
-    burnable: false,
-    pausable: false
-  },
-  contractAccessControl: '',
-  contractUpgradability: {
-    uups: false,
-    transparent: false
-  },
-  contractCode: erc20.erc20DefaultNoOptions('MyToken'),
-  contractImport: '',
-  initializeAsGitRepo: false,
-  tokenName: 'MyToken'
-}
-
-export function contractWizardReducer(state: ContractTypeStrategy, action: {type: ContractWizardAction, payload: any}) {
-  switch (action.type) {
-  case ContractWizardAction.CONTRACT_TYPE_UPDATED: {
-    return { ...state, contractType: action.payload }
-  }
-  case ContractWizardAction.CONTRACT_UPGRADABILITY_UPDATE: {
-    return { ...state, contractUpgradability: action.payload }
-  }
-  case ContractWizardAction.CONTRACT_ACCESS_CONTROL_UPDATE: {
-    return { ...state, contractAccessControl: action.payload }
-  }
-  case ContractWizardAction.CONTRACT_OPTIONS_UPDATE: {
-    return { ...state, contractOptions: action.payload }
-  }
-  case ContractWizardAction.CONTRACT_CODE_UPDATE: {
-    return { ...state, contractCode: action.payload }
-  }
-  case ContractWizardAction.CONTRACT_IMPORT_UPDATE: {
-    return { ...state, contractImport: action.payload }
-  }
-  case ContractWizardAction.INITIALIZE_AS_GIT_REPO_UPDATE: {
-    return { ...state, initializeAsGitRepo: action.payload }
-  }
-  case ContractWizardAction.TOKEN_NAME_UPDATE: {
-    return { ...state, tokenName: action.payload }
-  }
-  case ContractWizardAction.CONTRACT_NAME_UPDATE: {
-    return { ...state, contractName: action.payload }
-  }
-  default: {
-    return { ...state, contractCode: getErc20ContractCode('erc20', state) }
-  }
-  }
-}
diff --git a/libs/remix-ui/template-explorer-modal/reducers/template-explorer-reducer.tsx b/libs/remix-ui/template-explorer-modal/reducers/template-explorer-reducer.tsx
index 555c0a17933..bc79f3e649d 100644
--- a/libs/remix-ui/template-explorer-modal/reducers/template-explorer-reducer.tsx
+++ b/libs/remix-ui/template-explorer-modal/reducers/template-explorer-reducer.tsx
@@ -47,7 +47,7 @@ export const templateExplorerReducer = (state: TemplateExplorerWizardState, acti
     return { ...state, workspaceTemplateChosen: action.payload }
   }
   case TemplateExplorerWizardAction.SET_WORKSPACE_TEMPLATE_GROUP:{
-    return { ...state, workspaceTemplateGroupChosen: action.payload.templateGroupChosen }
+    return { ...state, workspaceTemplateGroupChosen: action.payload }
   }
   case TemplateExplorerWizardAction.SET_WORKSPACE_NAME:{
     return { ...state, workspaceName: action.payload }
@@ -103,6 +103,7 @@ export const templateExplorerReducer = (state: TemplateExplorerWizardState, acti
     return { ...state, tokenName: action.payload }
   }
   case ContractWizardAction.CONTRACT_NAME_UPDATE: {
+    console.log('action.payload contractName', action.payload)
     return { ...state, contractName: action.payload }
   }
   default: {
diff --git a/libs/remix-ui/template-explorer-modal/src/components/contract-wizard.tsx b/libs/remix-ui/template-explorer-modal/src/components/contract-wizard.tsx
index dfed8c121c6..389a90aacc8 100644
--- a/libs/remix-ui/template-explorer-modal/src/components/contract-wizard.tsx
+++ b/libs/remix-ui/template-explorer-modal/src/components/contract-wizard.tsx
@@ -4,9 +4,11 @@ import * as erc20 from '../contractCode/erc20'
 import * as erc721 from '../contractCode/erc721'
 import * as erc1155 from '../contractCode/erc1155'
 import { AccessControlType, ContractTypeStrategy, ContractWizardAction } from '../../types/template-explorer-types'
-import { contractWizardReducer } from '../../reducers/contract-wizard-reducer'
 import { getErc1155ContractCode, getErc20ContractCode, getErc721ContractCode } from '../utils/contractWizardUtils'
 import { TemplateExplorerContext } from '../../context/template-explorer-context'
+import { CustomTooltip } from '@remix-ui/helper'
+import { OverlayTrigger, Tooltip } from 'react-bootstrap'
+import { TemplateExplorerModalFacade } from '../utils/workspaceUtils'
 
 const defaultStrategy: ContractTypeStrategy = {
   contractType: 'erc20',
@@ -26,16 +28,8 @@ const defaultStrategy: ContractTypeStrategy = {
 }
 
 export function ContractWizard () {
-  const [tokenName, setTokenName] = useState('MyToken')
-
-  const [accessControl, setAccessControl] = useState<'ownable' | 'roles' | 'managed' | ''>('')
-  const [upgradability, setUpgradability] = useState({
-    uups: false,
-    transparent: false
-  })
-  const [initGit, setInitGit] = useState(false)
   const [showEditModal, setShowEditModal] = useState(false)
-  const { state, dispatch } = useContext(TemplateExplorerContext)
+  const { state, dispatch, theme, makeWorkspace } = useContext(TemplateExplorerContext)
   const strategy = state
 
   function toggleContractOption(key: keyof typeof strategy.contractOptions) {
@@ -58,10 +52,10 @@ export function ContractWizard () {
   }
   function updateContractName(contractName: string) {
     dispatch({ type: ContractWizardAction.CONTRACT_NAME_UPDATE, payload: contractName })
+    dispatch({ type: ContractWizardAction.TOKEN_NAME_UPDATE, payload: contractName })
   }
 
   useEffect(() => {
-    // console.log('strategy', strategy)
     if (strategy.contractType === 'erc20') {
       dispatch({ type: ContractWizardAction.CONTRACT_CODE_UPDATE, payload: getErc20ContractCode(strategy.contractType, strategy) })
     } else if (strategy.contractType === 'erc721') {
@@ -76,7 +70,9 @@ export function ContractWizard () {
       <div className="row g-3">
         <div className="col-12 d-flex align-items-center justify-content-between">
           <div className="d-flex align-items-center gap-2">
-            {showEditModal ? <input className="form-control form-control-sm" value={tokenName} onChange={(e) => setTokenName(e.target.value)} /> : <span className="fw-semibold">{tokenName}</span>}
+            {showEditModal ? <input className="form-control form-control-sm" value={state.tokenName} onChange={(e) => updateContractName(e.target.value)} /> : <span className={`fw-semibold fs-6 ${theme.currentTheme().name === 'Light' ? 'text-dark' : 'text-light'}`}>
+              {state.tokenName}
+            </span>}
             <i className="fas fa-edit" onClick={() => setShowEditModal(true)}></i>
           </div>
           <div className="d-flex align-items-center gap-2">
@@ -98,7 +94,7 @@ export function ContractWizard () {
             <div className="mb-3">
               <div className="fw-semibold mb-2">Contract settings</div>
               <label className="form-label text-uppercase small mb-1">Token name</label>
-              <input className="form-control form-control-sm" placeholder="My Token" value={tokenName} onChange={(e) => updateTokenName(e.target.value)} />
+              <input className="form-control form-control-sm" placeholder="My Token" value={state.tokenName} readOnly />
             </div>
 
             <div className="mb-3">
@@ -154,16 +150,30 @@ export function ContractWizard () {
             <Editor
               height="460px"
               defaultLanguage="typescript"
-              options={{ readOnly: true, minimap: { enabled: false }, theme: 'vs-dark' }}
+              options={{ readOnly: true, minimap: { enabled: false }, theme: theme.currentTheme().name === 'Light' ? 'vs' : 'vs-dark' }}
               value={strategy.contractCode as string}
             />
           </div>
           <div className="d-flex justify-content-between align-items-center gap-3 mt-3">
             <div className="form-check m-0">
-              <input className="form-check-input" type="checkbox" id="initGit" checked={initGit} onChange={(e) => setInitGit(e.target.checked)} />
-              <label className="form-check-label" htmlFor="initGit">Initialize as a Git repository</label>
+              <>
+                <input className="form-check-input" type="checkbox" id="initGit" checked={state.initializeAsGitRepo}
+                  onChange={(e) => dispatch({ type: ContractWizardAction.INITIALIZE_AS_GIT_REPO_UPDATE, payload: e.target.checked })} />
+                <label className="form-check-label" htmlFor="initGit">Initialize as a Git repository</label>
+              </>
             </div>
-            <button className="btn btn-primary btn-sm">Validate workspace</button>
+
+            <button className="btn btn-primary btn-sm" data-id="validateWorkspaceButton" onClick={async () => {
+              console.log('about to create workspace')
+              await makeWorkspace.createWorkspace({
+                workspaceName: state.workspaceTemplateChosen.displayName,
+                workspaceTemplateName: state.workspaceTemplateChosen.value,
+                opts: { mintable: state.contractOptions.mintable, burnable: state.contractOptions.burnable, pausable: state.contractOptions.pausable, uups: state.contractUpgradability.uups, transparent: state.contractUpgradability.transparent },
+                isEmpty: false,
+                isGitRepo: state.initializeAsGitRepo,
+                createCommit: true
+              })
+            }}>Validate workspace</button>
           </div>
         </div>
       </div>
diff --git a/libs/remix-ui/template-explorer-modal/src/components/generateWorkspaceWithAi.tsx b/libs/remix-ui/template-explorer-modal/src/components/generateWorkspaceWithAi.tsx
index 259227e3771..dfbfb397e06 100644
--- a/libs/remix-ui/template-explorer-modal/src/components/generateWorkspaceWithAi.tsx
+++ b/libs/remix-ui/template-explorer-modal/src/components/generateWorkspaceWithAi.tsx
@@ -5,10 +5,11 @@ import { initialState, templateExplorerReducer } from '../../reducers/template-e
 export function GenerateWorkspaceWithAi() {
   const [state, dispatch] = useReducer(templateExplorerReducer, initialState)
   return (
-    <section>
-      <div className="d-flex flex-column bg-light" style={{ height: '80%' }}>
-        <div>
-          <label className="form-label text-uppercase small mb-1">Workspace description</label>
+    <section className="mx-3 p-2">
+      <div className="d-flex flex-column p-3 bg-light" style={{ minHeight: '90%' }}>
+        <div className="d-flex flex-row justify-content-between align-items-center mb-3 border-bottom border-light">
+          <label className="form-label text-uppercase mb-2">Write a prompt to generate a workspace</label>
+          <span className="badge badge-pill text-primary border mb-2 border-primary">Beta</span>
         </div>
         <div>
           <textarea className="form-control text-dark" onChange={(e) => dispatch({ type: TemplateExplorerWizardAction.SET_WORKSPACE_NAME, payload: e.target.value })}
@@ -17,6 +18,14 @@ export function GenerateWorkspaceWithAi() {
           />
         </div>
       </div>
+      <div className="d-flex justify-content-end align-items-center mt-3">
+        <button className="btn btn-primary btn-sm" data-id="validateWorkspaceButton" onClick={async () => {
+          console.log('about to create workspace with ai')
+        }}>
+          <i className="fa-solid fa-magic me-2"></i>
+          Generate my Workspace
+        </button>
+      </div>
     </section>
   )
 }
diff --git a/libs/remix-ui/template-explorer-modal/src/components/genericWorkspaceTemplate.tsx b/libs/remix-ui/template-explorer-modal/src/components/genericWorkspaceTemplate.tsx
index 398a30f12e0..0f8dc9437e4 100644
--- a/libs/remix-ui/template-explorer-modal/src/components/genericWorkspaceTemplate.tsx
+++ b/libs/remix-ui/template-explorer-modal/src/components/genericWorkspaceTemplate.tsx
@@ -1,18 +1,43 @@
-import React, { useReducer } from 'react'
+import React, { useContext, useReducer } from 'react'
 import { initialState, templateExplorerReducer } from '../../reducers/template-explorer-reducer'
-import { TemplateExplorerWizardAction } from '../../types/template-explorer-types'
+import { ContractWizardAction, TemplateExplorerWizardAction } from '../../types/template-explorer-types'
+import { TemplateExplorerContext } from '../../context/template-explorer-context'
 
 export function GenericWorkspaceTemplate() {
-  const [state, dispatch] = useReducer(templateExplorerReducer, initialState)
+
+  const { state, dispatch, makeWorkspace } = useContext(TemplateExplorerContext)
+
   return (
-    <section>
-      <div className="d-flex flex-column gap-3 bg-light" style={{ height: '80%' }}>
+    <section className="mx-3 p-2">
+      <div className="d-flex flex-column p-3 bg-light" style={{ minHeight: '80%' }}>
         <div>
           <label className="form-label text-uppercase small mb-1">Workspace name</label>
         </div>
         <div>
           <input type="text" className="form-control text-dark" value={state.workspaceName} onChange={(e) => dispatch({ type: TemplateExplorerWizardAction.SET_WORKSPACE_NAME, payload: e.target.value })} />
         </div>
+
+        <div className="d-flex justify-content-between align-items-center gap-3 mt-3">
+          <div className="form-check m-0">
+            <>
+              <input className="form-check-input" type="checkbox" id="initGit" checked={state.initializeAsGitRepo}
+                onChange={(e) => dispatch({ type: ContractWizardAction.INITIALIZE_AS_GIT_REPO_UPDATE, payload: e.target.checked })} />
+              <label className="form-check-label" htmlFor="initGit">Initialize as a Git repository</label>
+            </>
+          </div>
+
+          <button className="btn btn-primary btn-sm" data-id="validateWorkspaceButton" onClick={async () => {
+            console.log('about to create workspace generic')
+            await makeWorkspace.createWorkspace({
+              workspaceName: state.workspaceTemplateChosen.displayName,
+              workspaceTemplateName: state.workspaceTemplateChosen.value,
+              opts: { },
+              isEmpty: false,
+              isGitRepo: state.initializeAsGitRepo,
+              createCommit: true
+            })
+          }}>Create workspace</button>
+        </div>
       </div>
     </section>
   )
diff --git a/libs/remix-ui/template-explorer-modal/src/components/template-explorer-body.tsx b/libs/remix-ui/template-explorer-modal/src/components/template-explorer-body.tsx
index 948c5f1f4f7..2d174b8c7be 100644
--- a/libs/remix-ui/template-explorer-modal/src/components/template-explorer-body.tsx
+++ b/libs/remix-ui/template-explorer-modal/src/components/template-explorer-body.tsx
@@ -17,11 +17,11 @@ export function TemplateExplorerBody({ plugin }: TemplateExplorerBodyProps) {
     console.log('state template explorer body', state)
   }, [state])
   return (
-    <section>
+    <section className="mx-4">
       <TopCards />
       {
         (dedupedTemplates.length === 0) ? <NotFound /> : (
-          <div className="body overflow-y-hidden">
+          <div className="body overflow-y-hidden pt-3">
             <>
               <label className="text-dark fs-5">Workspace Templates</label>
               <div className="">
diff --git a/libs/remix-ui/template-explorer-modal/src/components/template-explorer.tsx b/libs/remix-ui/template-explorer-modal/src/components/template-explorer.tsx
index 2ae26213457..aeb561f1f6a 100644
--- a/libs/remix-ui/template-explorer-modal/src/components/template-explorer.tsx
+++ b/libs/remix-ui/template-explorer-modal/src/components/template-explorer.tsx
@@ -2,11 +2,11 @@ import isElectron from 'is-electron'
 import React, { useContext, useEffect } from 'react'
 import { TemplateCategory, TemplateExplorerProps, TemplateExplorerWizardAction, TemplateItem } from '../../types/template-explorer-types'
 import { TemplateExplorerContext } from '../../context/template-explorer-context'
-import { CookbookStrategy, GenAiStrategy, GenericStrategy, RemixDefaultStrategy, TemplateCateogryStrategy, WizardStrategy } from '../../stategies/templateCategoryStrategy'
+import { CookbookStrategy, GenAiStrategy, GenericStrategy, RemixDefaultStrategy, WizardStrategy } from '../../stategies/templateCategoryStrategy'
 
 export function TemplateExplorer() {
 
-  const { metadata, dedupedTemplates, addRecentTemplate, plugin, dispatch, state } = useContext(TemplateExplorerContext)
+  const { metadata, dedupedTemplates, addRecentTemplate, plugin, dispatch, state, templateCategoryStrategy } = useContext(TemplateExplorerContext)
 
   return (
     <div className="template-explorer-container overflow-y-auto" style={{ height: '350px', padding: '1rem' }}>
@@ -55,26 +55,28 @@ export function TemplateExplorer() {
                     flexDirection: 'column'
                   }}
                   onClick={() => {
-                    const strategy = new TemplateCateogryStrategy()
-                    dispatch({ type: TemplateExplorerWizardAction.SELECT_TEMPLATE, payload: item.value })
+                    dispatch({ type: TemplateExplorerWizardAction.SELECT_TEMPLATE, payload: item })
                     dispatch({ type: TemplateExplorerWizardAction.SET_WORKSPACE_TEMPLATE_GROUP, payload: template.name })
                     dispatch({ type: TemplateExplorerWizardAction.SET_WORKSPACE_NAME, payload: item.value })
                     if (template.name.toLowerCase() === 'generic' && !item.value.toLowerCase().includes('remixaitemplate') && item.value !== 'remixDefault') {
-                      strategy.setStrategy(new GenericStrategy())
-                      strategy.switchScreen(dispatch)
+                      templateCategoryStrategy.setStrategy(new GenericStrategy())
+                      templateCategoryStrategy.switchScreen(dispatch)
                     } else if (template.name.toLowerCase() === 'generic' && item.value.toLowerCase().includes('remixaitemplate')) {
-                      strategy.setStrategy(new GenAiStrategy())
-                      strategy.switchScreen(dispatch)
+                      templateCategoryStrategy.setStrategy(new GenAiStrategy())
+                      templateCategoryStrategy.switchScreen(dispatch)
                     } else if (template.name.toLowerCase() === 'generic' && item.value === 'remixDefault') {
                       console.log('remixdefault')
-                      strategy.setStrategy(new RemixDefaultStrategy())
-                      strategy.switchScreen(dispatch)
+                      templateCategoryStrategy.setStrategy(new RemixDefaultStrategy())
+                      templateCategoryStrategy.switchScreen(dispatch)
                     } else if (template.name.toLowerCase().includes('zeppelin')) {
-                      strategy.setStrategy(new WizardStrategy())
-                      strategy.switchScreen(dispatch)
+                      templateCategoryStrategy.setStrategy(new WizardStrategy())
+                      templateCategoryStrategy.switchScreen(dispatch)
                     } else if (template.name.toLowerCase().includes('cookbook')) {
-                      strategy.setStrategy(new CookbookStrategy())
-                      strategy.switchScreen(dispatch)
+                      templateCategoryStrategy.setStrategy(new CookbookStrategy())
+                      templateCategoryStrategy.switchScreen(dispatch)
+                    } else if (template.name.toLowerCase() !== 'generic' && template.name.toLowerCase() !== 'zeppelin' && template.name.toLowerCase() !== 'cookbook') {
+                      templateCategoryStrategy.setStrategy(new GenericStrategy())
+                      templateCategoryStrategy.switchScreen(dispatch)
                     }
                   }}
                   onMouseEnter={(e) => {
diff --git a/libs/remix-ui/template-explorer-modal/src/components/workspaceDetails.tsx b/libs/remix-ui/template-explorer-modal/src/components/workspaceDetails.tsx
index 7876eb0f5f1..45f38f64485 100644
--- a/libs/remix-ui/template-explorer-modal/src/components/workspaceDetails.tsx
+++ b/libs/remix-ui/template-explorer-modal/src/components/workspaceDetails.tsx
@@ -1,14 +1,17 @@
-import React from 'react'
+import React, { useContext } from 'react'
 import { MiniFileExplorer } from './miniFileExplorer'
 import { Editor } from '@monaco-editor/react'
-import { ContractTypeStrategy } from '../../types/template-explorer-types'
+import { ContractWizardAction } from '../../types/template-explorer-types'
 import { storageContractCode, ownerContractCode, ballotContractCode } from '../contractCode/remixDefault'
+import { TemplateExplorerContext } from '../../context/template-explorer-context'
 
 interface WorkspaceDetailsProps {
   strategy?: any
 }
 
 export function WorkspaceDetails(props: WorkspaceDetailsProps) {
+  const { state, dispatch, makeWorkspace } = useContext(TemplateExplorerContext)
+
   return (
     <section className="d-flex flex-column gap-3 bg-light" style={{ height: '80%' }}>
       <div className="pt-3 ps-3 d-flex flex-row align-items-center text-dark">
@@ -38,6 +41,27 @@ export function WorkspaceDetails(props: WorkspaceDetailsProps) {
           />
         </div>
       </div>
+      <div className="d-flex justify-content-between align-items-center gap-3 mt-3">
+        <div className="form-check m-0">
+          <>
+            <input className="form-check-input" type="checkbox" id="initGit" checked={state.initializeAsGitRepo}
+              onChange={(e) => dispatch({ type: ContractWizardAction.INITIALIZE_AS_GIT_REPO_UPDATE, payload: e.target.checked })} />
+            <label className="form-check-label" htmlFor="initGit">Initialize as a Git repository</label>
+          </>
+        </div>
+
+        <button className="btn btn-primary btn-sm" data-id="validateWorkspaceButton" onClick={async () => {
+          console.log('about to create workspace')
+          await makeWorkspace.createWorkspace({
+            workspaceName: state.workspaceTemplateChosen.displayName,
+            workspaceTemplateName: state.workspaceTemplateChosen.value,
+            opts: { },
+            isEmpty: false,
+            isGitRepo: state.initializeAsGitRepo,
+            createCommit: true
+          })
+        }}>Create workspace</button>
+      </div>
     </section>
   )
 }
diff --git a/libs/remix-ui/template-explorer-modal/src/lib/remix-ui-template-explorer-modal.tsx b/libs/remix-ui/template-explorer-modal/src/lib/remix-ui-template-explorer-modal.tsx
index 0008896458b..0c2c3b21f00 100644
--- a/libs/remix-ui/template-explorer-modal/src/lib/remix-ui-template-explorer-modal.tsx
+++ b/libs/remix-ui/template-explorer-modal/src/lib/remix-ui-template-explorer-modal.tsx
@@ -20,9 +20,6 @@ export function RemixUiTemplateExplorerModal (props: RemixUiTemplateExplorerModa
 
   const { plugin, setSearchTerm, state, dispatch } = useContext(TemplateExplorerContext)
 
-  useEffect(() => {
-    console.log('state', state)
-  }, [state.wizardStep, state.workspaceTemplateChosen, state.workspaceTemplateGroupChosen, state.workspaceName])
   return (
     <section>
       <section className="template-explorer-modal-background" style={{ zIndex: 8888 }}>
@@ -37,9 +34,14 @@ export function RemixUiTemplateExplorerModal (props: RemixUiTemplateExplorerModa
                 onChange={(e) => setSearchTerm(e.target.value)}
               />
             </div> : <div>
-              <div className="d-flex flex-row gap-2 w-100 mx-3 my-2">
-                <button className="btn" onClick={() => dispatch({ type: TemplateExplorerWizardAction.SET_WIZARD_STEP, payload: 'template' })}>
-                  <i className="fa-solid fa-chevron-left"></i>
+              <div className="d-flex flex-row gap-2 w-100 mx-1 my-2">
+                <button className="btn" onClick={() => {
+                  dispatch({ type: TemplateExplorerWizardAction.SET_WIZARD_STEP, payload: 'reset' })
+                  dispatch({ type: TemplateExplorerWizardAction.SELECT_TEMPLATE, payload: '' })
+                  dispatch({ type: TemplateExplorerWizardAction.SET_WORKSPACE_TEMPLATE_GROUP, payload: '' })
+                  dispatch({ type: TemplateExplorerWizardAction.SET_WORKSPACE_NAME, payload: '' })
+                }}>
+                  <i className="fa-solid fa-chevron-left me-2"></i>
                   Template List
                 </button>
               </div>
@@ -48,7 +50,7 @@ export function RemixUiTemplateExplorerModal (props: RemixUiTemplateExplorerModa
               <i className="fa-solid fa-xmark text-dark"></i>
             </button>
           </div>
-          {state.wizardStep === 'template' ? <TemplateExplorerBody plugin={props.plugin} /> : null}
+          {state.wizardStep === 'template' || state.wizardStep === 'reset' ? <TemplateExplorerBody plugin={props.plugin} /> : null}
           {state.wizardStep === 'generic' ? <GenericWorkspaceTemplate /> : null}
           {state.wizardStep === 'genAI' ? <GenerateWorkspaceWithAi /> : null}
           {state.wizardStep === 'wizard' ? <ContractWizard /> : null}
diff --git a/libs/remix-ui/template-explorer-modal/src/utils/workspaceUtils.ts b/libs/remix-ui/template-explorer-modal/src/utils/workspaceUtils.ts
new file mode 100644
index 00000000000..1e91756cade
--- /dev/null
+++ b/libs/remix-ui/template-explorer-modal/src/utils/workspaceUtils.ts
@@ -0,0 +1,16 @@
+/* eslint-disable @nrwl/nx/enforce-module-boundaries */
+import { CreateWorkspaceDeps } from '../../types/template-explorer-types'
+import { createWorkspace } from 'libs/remix-ui/workspace/src/lib/actions/workspace'
+
+export class TemplateExplorerModalFacade {
+  plugin: any
+
+  constructor(plugin: any) {
+    this.plugin = plugin
+  }
+  async createWorkspace(deps: CreateWorkspaceDeps) {
+    const { workspaceName, workspaceTemplateName, opts, isEmpty, cb, isGitRepo, createCommit } = deps
+    await createWorkspace(workspaceName, workspaceTemplateName, opts, isEmpty, cb, isGitRepo, createCommit)
+    this.plugin.emit('createWorkspaceReducerEvent', workspaceName, workspaceTemplateName, opts, false, cb, isGitRepo)
+  }
+}
diff --git a/libs/remix-ui/template-explorer-modal/stategies/templateCategoryStrategy.ts b/libs/remix-ui/template-explorer-modal/stategies/templateCategoryStrategy.ts
index e98f001c4be..3ea1b813dda 100644
--- a/libs/remix-ui/template-explorer-modal/stategies/templateCategoryStrategy.ts
+++ b/libs/remix-ui/template-explorer-modal/stategies/templateCategoryStrategy.ts
@@ -5,7 +5,7 @@ export interface TemplateExplorerStrategy {
   activateScreen: (dispatch: (action: ActionWithPayload) => void) => void
 }
 
-export class TemplateCateogryStrategy {
+export class TemplateCategoryStrategy {
   strategy: TemplateExplorerStrategy
 
   setStrategy(strategy: TemplateExplorerStrategy) {
@@ -57,3 +57,4 @@ export class BasicStrategy implements TemplateExplorerStrategy {
     dispatch({ type: TemplateExplorerWizardAction.SET_WIZARD_STEP, payload: 'basic' })
   }
 }
+
diff --git a/libs/remix-ui/template-explorer-modal/types/template-explorer-types.ts b/libs/remix-ui/template-explorer-modal/types/template-explorer-types.ts
index e4403d56ea2..197c6e58f0e 100644
--- a/libs/remix-ui/template-explorer-modal/types/template-explorer-types.ts
+++ b/libs/remix-ui/template-explorer-modal/types/template-explorer-types.ts
@@ -1,6 +1,10 @@
+/* eslint-disable @nrwl/nx/enforce-module-boundaries */
+import { WorkspaceTemplate } from 'libs/remix-ui/workspace/src/lib/types'
+import { TemplateExplorerModalFacade } from '../src/utils/workspaceUtils'
+import { TemplateCategoryStrategy } from '../stategies/templateCategoryStrategy'
 
 export interface TemplateExplorerWizardState {
-  workspaceTemplateChosen: string
+  workspaceTemplateChosen: any
   workspaceTemplateGroupChosen: string
   workspaceName: string
   defaultWorkspaceName: string
@@ -32,7 +36,7 @@ export interface TemplateExplorerWizardState {
   tokenName?: string
 }
 
-export type WizardStep = 'template' | 'finishSetup' | 'wizard' | 'import' | 'genAI' | 'generic' | 'remixdefault' | 'cookbook' | 'back' | 'reset'
+export type WizardStep = 'template' | 'finishSetup' | 'wizard' | 'import' | 'genAI' | 'generic' | 'remixdefault' | 'cookbook' | 'back' | 'reset' | 'zkp'
 
 export interface TemplateExplorerContextType {
   plugin: any
@@ -50,6 +54,9 @@ export interface TemplateExplorerContextType {
   allTags: string[]
   dispatch: (action: any) => void
   state: TemplateExplorerWizardState
+  theme: any
+  makeWorkspace: TemplateExplorerModalFacade
+  templateCategoryStrategy: TemplateCategoryStrategy
 }
 
 export enum TemplateExplorerWizardAction {
@@ -186,3 +193,13 @@ export interface ModifyContractProps {
     payload: any;
 }) => void
 }
+
+export interface CreateWorkspaceDeps {
+  workspaceName: string,
+  workspaceTemplateName: WorkspaceTemplate,
+  opts?: { mintable?: boolean, burnable?: boolean, pausable?: boolean, uups?: boolean, transparent?: boolean },
+  isEmpty?: boolean,
+  cb?: (err: Error, result?: string | number | boolean | Record<string, any>) => void,
+  isGitRepo?: boolean,
+  createCommit?: boolean
+}
diff --git a/libs/remix-ui/workspace/src/lib/actions/workspace.ts b/libs/remix-ui/workspace/src/lib/actions/workspace.ts
index 0b88bdfc5e5..08b569c57e7 100644
--- a/libs/remix-ui/workspace/src/lib/actions/workspace.ts
+++ b/libs/remix-ui/workspace/src/lib/actions/workspace.ts
@@ -141,6 +141,8 @@ export const createWorkspace = async (
   isGitRepo: boolean = false,
   createCommit: boolean = true
 ) => {
+  console.log('createWorkspace', { workspaceName, workspaceTemplateName, opts, isEmpty, cb, isGitRepo, createCommit })
+  return
   if (plugin.registry.get('platform').api.isDesktop()) {
     if (workspaceTemplateName) {
       await plugin.call('remix-templates', 'loadTemplateInNewWindow', workspaceTemplateName, opts)
@@ -249,6 +251,7 @@ export const populateWorkspace = async (
 }
 
 export const createWorkspaceTemplate = async (workspaceName: string, template: WorkspaceTemplate = 'remixDefault', metadata?: TemplateType) => {
+  console.log('createWorkspaceTemplate', workspaceName, template, metadata)
   if (!workspaceName) throw new Error('workspace name cannot be empty')
   if (checkSpecialChars(workspaceName) || checkSlash(workspaceName)) throw new Error('special characters are not allowed')
   if ((await workspaceExists(workspaceName)) && template === 'remixDefault') throw new Error('workspace already exists')