fix: contrast with new elements

Update .gitea/workflows/lint.yaml
rm mock project
2024-10-30 16:28:51 -04:00 · 2024-10-30 18:09:52 +00:00 · 2024-10-30 13:55:39 -04:00 · 2024-10-30 17:54:14 +00:00 · 2024-10-30 11:45:25 -04:00 · 2024-10-30 11:45:20 -04:00
67 changed files with 1237 additions and 1748 deletions
--- a/.gitea/workflows/deploy-frontend.yaml
+++ b/.gitea/workflows/deploy-frontend.yaml
@ -1,61 +0,0 @@
-name: Deploy Snowball frontend
-
-on:
-  push:
-    branches:
-      - main
-
-env:
-  REGISTRY_USER_KEY: ${{ secrets.REGISTRY_USER_KEY }}
-  REGISTRY_BOND_ID: ${{ secrets.REGISTRY_BOND_ID }}
-  DEPLOYER_LRN: lrn://vaasl-provider/deployers/webapp-deployer-api.apps.vaasl.io
-  AUTHORITY: laconic-deploy
-
-jobs:
-  deploy:
-    runs-on: ubuntu-latest
-    strategy:
-      matrix:
-        node-version: [20.x]
-
-    steps:
-      - name: Check out repository
-        uses: actions/checkout@v2
-
-      - name: Use Node.js ${{ matrix.node-version }}
-        uses: actions/setup-node@v3
-        with:
-          node-version: ${{ matrix.node-version }}
-
-      - name: Download yarn
-        run: |
-          curl -fsSL -o /usr/local/bin/yarn https://github.com/yarnpkg/yarn/releases/download/v1.22.21/yarn-1.22.21.js
-          chmod +x /usr/local/bin/yarn
-
-      - name: Install dependencies
-        run: |
-          yarn install
-
-      - name: Set up environment
-        run: |
-          # Create a .env file with the necessary variables
-          echo "REGISTRY_BOND_ID=$REGISTRY_BOND_ID" > packages/deployer/.env
-          echo "DEPLOYER_LRN=$DEPLOYER_LRN" >> packages/deployer/.env
-          echo "AUTHORITY=$AUTHORITY" >> packages/deployer/.env
-
-          # Create a config file with necessary endpoints and secrets
-          cat > packages/deployer/config.yml <<EOF
-          services:
-            registry:
-              rpcEndpoint: https://laconicd-sapo.laconic.com
-              gqlEndpoint: https://laconicd-sapo.laconic.com/api
-              userKey: $REGISTRY_USER_KEY
-              bondId: $REGISTRY_BOND_ID
-              chainId: laconic-testnet-2
-              gasPrice: 0.001alnt
-          EOF
-
-      - name: Run deploy script
-        run: |
-          cd packages/deployer
-          ./deploy-frontend.sh
--- a/build-webapp.sh
+++ b/build-webapp.sh
@ -14,14 +14,13 @@ VITE_SERVER_URL = 'LACONIC_HOSTED_CONFIG_server_url'
 VITE_GITHUB_CLIENT_ID = 'LACONIC_HOSTED_CONFIG_github_clientid'
 VITE_GITHUB_PWA_TEMPLATE_REPO = 'LACONIC_HOSTED_CONFIG_github_pwa_templaterepo'
 VITE_GITHUB_IMAGE_UPLOAD_PWA_TEMPLATE_REPO = 'LACONIC_HOSTED_CONFIG_github_image_upload_templaterepo'
-VITE_GITHUB_NEXT_APP_TEMPLATE_REPO = 'LACONIC_HOSTED_CONFIG_github_next_app_templaterepo'
 VITE_WALLET_CONNECT_ID = 'LACONIC_HOSTED_CONFIG_wallet_connect_id'
 VITE_LACONICD_CHAIN_ID = 'LACONIC_HOSTED_CONFIG_laconicd_chain_id'
-VITE_WALLET_IFRAME_URL = 'LACONIC_HOSTED_CONFIG_wallet_iframe_url'
 VITE_LIT_RELAY_API_KEY = 'LACONIC_HOSTED_CONFIG_lit_relay_api_key'
 VITE_BUGSNAG_API_KEY = 'LACONIC_HOSTED_CONFIG_bugsnag_api_key'
 VITE_PASSKEY_WALLET_RPID = 'LACONIC_HOSTED_CONFIG_passkey_wallet_rpid'
 VITE_TURNKEY_API_BASE_URL = 'LACONIC_HOSTED_CONFIG_turnkey_api_base_url'
+VITE_TURNKEY_ORGANIZATION_ID = 'LACONIC_HOSTED_CONFIG_turnkey_organization_id'
 EOF

 yarn || exit 1
--- a/packages/backend/package.json
+++ b/packages/backend/package.json
@ -27,7 +27,6 @@
    "nanoid": "3",
    "nanoid-dictionary": "^5.0.0-beta.1",
    "octokit": "^3.1.2",
-    "openpgp": "^6.0.1",
    "reflect-metadata": "^0.2.1",
    "semver": "^7.6.0",
    "toml": "^3.0.0",
--- a/packages/backend/src/database.ts
+++ b/packages/backend/src/database.ts
@ -17,14 +17,13 @@ import { DatabaseConfig } from './config';
 import { User } from './entity/User';
 import { Organization } from './entity/Organization';
 import { Project } from './entity/Project';
-import { Deployment, DeploymentStatus } from './entity/Deployment';
+import { Deployment } from './entity/Deployment';
 import { ProjectMember } from './entity/ProjectMember';
 import { EnvironmentVariable } from './entity/EnvironmentVariable';
 import { Domain } from './entity/Domain';
 import { getEntities, loadAndSaveData } from './utils';
 import { UserOrganization } from './entity/UserOrganization';
 import { Deployer } from './entity/Deployer';
-import { DNSRecordAttributes } from './types';

 const ORGANIZATION_DATA_PATH = '../test/fixtures/organizations.json';

@ -50,25 +49,12 @@ export class Database {
    await this.dataSource.initialize();
    log('database initialized');

-    let organizations = await this.getOrganizations({});
+    const organizations = await this.getOrganizations({});

    // Load an organization if none exist
    if (!organizations.length) {
      const orgEntities = await getEntities(path.resolve(__dirname, ORGANIZATION_DATA_PATH));
-      organizations = await loadAndSaveData(Organization, this.dataSource, [orgEntities[0]]);
-    }
-
-    // Hotfix for updating old DB data
-    if (organizations[0].slug === 'snowball-tools-1') {
-      const [orgEntity] = await getEntities(path.resolve(__dirname, ORGANIZATION_DATA_PATH));
-
-      await this.updateOrganization(
-        organizations[0].id,
-        {
-          slug: orgEntity.slug as string,
-          name: orgEntity.name as string
-        }
-      )
+      await loadAndSaveData(Organization, this.dataSource, [orgEntities[0]]);
    }
  }

@ -135,14 +121,6 @@ export class Database {
    return newUserOrganization;
  }

-  async updateOrganization(organizationId: string, data: DeepPartial<Organization>): Promise<boolean> {
-    const organizationRepository = this.dataSource.getRepository(Organization);
-    const updateResult = await organizationRepository.update({ id: organizationId }, data);
-    assert(updateResult.affected);
-
-    return updateResult.affected > 0;
-  }
-
  async getProjects(options: FindManyOptions<Project>): Promise<Project[]> {
    const projectRepository = this.dataSource.getRepository(Project);
    const projects = await projectRepository.find(options);
@ -158,9 +136,10 @@ export class Database {
      .leftJoinAndSelect(
        'project.deployments',
        'deployments',
-        'deployments.isCurrent = true AND deployments.isCanonical = true'
+        'deployments.isCurrent = true'
      )
      .leftJoinAndSelect('deployments.createdBy', 'user')
+      .leftJoinAndSelect('deployments.domain', 'domain')
      .leftJoinAndSelect('deployments.deployer', 'deployer')
      .leftJoinAndSelect('project.owner', 'owner')
      .leftJoinAndSelect('project.deployers', 'deployers')
@ -202,8 +181,9 @@ export class Database {
      .leftJoinAndSelect(
        'project.deployments',
        'deployments',
-        'deployments.isCurrent = true AND deployments.isCanonical = true'
+        'deployments.isCurrent = true'
      )
+      .leftJoinAndSelect('deployments.domain', 'domain')
      .leftJoin('project.projectMembers', 'projectMembers')
      .leftJoin('project.organization', 'organization')
      .where(
@ -234,6 +214,7 @@ export class Database {
    return this.getDeployments({
      relations: {
        project: true,
+        domain: true,
        createdBy: true,
        deployer: true,
      },
@ -248,25 +229,6 @@ export class Database {
    });
  }

-  async getNonCanonicalDeploymentsByProjectId(projectId: string): Promise<Deployment[]> {
-    return this.getDeployments({
-      relations: {
-        project: true,
-        createdBy: true,
-        deployer: true,
-      },
-      where: {
-        project: {
-          id: projectId
-        },
-        isCanonical: false
-      },
-      order: {
-        createdAt: 'DESC'
-      }
-    });
-  }
-
  async getDeployment(
    options: FindOneOptions<Deployment>
  ): Promise<Deployment | null> {
@ -619,49 +581,6 @@ export class Database {
    return domains;
  }

-  async getOldestDomainByProjectId(
-    projectId: string,
-  ): Promise<Domain | null> {
-    const domainRepository = this.dataSource.getRepository(Domain);
-
-    const domain = await domainRepository.findOne({
-      where: {
-        project: {
-          id: projectId
-        },
-      },
-      order: {
-        createdAt: 'ASC'
-      }
-    });
-
-    return domain;
-  }
-
-  async getLatestDNSRecordByProjectId(
-    projectId: string,
-  ): Promise<DNSRecordAttributes | null> {
-    const deploymentRepository = this.dataSource.getRepository(Deployment);
-
-    const deployment = await deploymentRepository.findOne({
-      where: {
-        project: {
-          id: projectId,
-        },
-        status: DeploymentStatus.Ready,
-      },
-      order: {
-        createdAt: 'DESC'
-      }
-    });
-
-    if (deployment === null) {
-      throw new Error(`No deployment found for project ${projectId}`);
-    }
-
-    return deployment.dnsRecordData;
-  }
-
  async addDeployer(data: DeepPartial<Deployer>): Promise<Deployer> {
    const deployerRepository = this.dataSource.getRepository(Deployer);
    const newDomain = await deployerRepository.save(data);
--- a/packages/backend/src/entity/Deployer.ts
+++ b/packages/backend/src/entity/Deployer.ts
@ -15,9 +15,6 @@ export class Deployer {
  @Column('varchar')
    baseDomain!: string;

-  @Column('varchar', { nullable: true})
-    publicKey!: string | null;
-
  @Column('varchar', { nullable: true })
    minimumPayment!: string | null;

--- a/packages/backend/src/entity/Deployment.ts
+++ b/packages/backend/src/entity/Deployment.ts
@ -14,7 +14,7 @@ import { Project } from './Project';
 import { Domain } from './Domain';
 import { User } from './User';
 import { Deployer } from './Deployer';
-import { AppDeploymentRecordAttributes, AppDeploymentRemovalRecordAttributes, DNSRecordAttributes } from '../types';
+import { AppDeploymentRecordAttributes, AppDeploymentRemovalRecordAttributes } from '../types';

 export enum Environment {
  Production = 'Production',
@ -39,7 +39,6 @@ export interface ApplicationDeploymentRequest {
  config: string;
  meta: string;
  payment?: string;
-  dns?: string;
 }

 export interface ApplicationDeploymentRemovalRequest {
@ -78,6 +77,13 @@ export class Deployment {
  @JoinColumn({ name: 'projectId' })
    project!: Project;

+  @Column({ nullable: true })
+    domainId!: string | null;
+
+  @OneToOne(() => Domain)
+  @JoinColumn({ name: 'domainId' })
+    domain!: Domain | null;
+
  @Column('varchar')
    branch!: string;

@ -120,9 +126,6 @@ export class Deployment {
  @Column('simple-json', { nullable: true })
    applicationDeploymentRemovalRecordData!: AppDeploymentRemovalRecordAttributes | null;

-  @Column('simple-json', { nullable: true })
-    dnsRecordData!: DNSRecordAttributes | null;
-
  @ManyToOne(() => Deployer)
  @JoinColumn({ name: 'deployerLrn' })
    deployer!: Deployer;
@ -135,9 +138,6 @@ export class Deployment {
  @Column('boolean', { default: false })
    isCurrent!: boolean;

-  @Column('boolean', { default: false })
-    isCanonical!: boolean;
-
  @Column({
    enum: DeploymentStatus
  })
--- a/packages/backend/src/registry.ts
+++ b/packages/backend/src/registry.ts
@ -4,7 +4,6 @@ import { DateTime } from 'luxon';
 import { Octokit } from 'octokit';
 import { inc as semverInc } from 'semver';
 import { DeepPartial } from 'typeorm';
-import * as openpgp from 'openpgp';

 import { Account, DEFAULT_GAS_ESTIMATION_MULTIPLIER, Registry as LaconicRegistry, getGasPrice, parseGasAndFees } from '@cerc-io/registry-sdk';
 import { DeliverTxResponse, IndexedTx } from '@cosmjs/stargate';
@ -16,7 +15,7 @@ import {
  ApplicationDeploymentRequest,
  ApplicationDeploymentRemovalRequest
 } from './entity/Deployment';
-import { AppDeploymentRecord, AppDeploymentRemovalRecord, AuctionParams, DeployerRecord, RegistryRecord } from './types';
+import { AppDeploymentRecord, AppDeploymentRemovalRecord, AuctionParams, DeployerRecord } from './types';
 import { getConfig, getRepoDetails, registryTransactionWithRetry, sleep } from './utils';

 const log = debug('snowball:registry');
@ -27,7 +26,7 @@ const APP_DEPLOYMENT_REQUEST_TYPE = 'ApplicationDeploymentRequest';
 const APP_DEPLOYMENT_REMOVAL_REQUEST_TYPE = 'ApplicationDeploymentRemovalRequest';
 const APP_DEPLOYMENT_RECORD_TYPE = 'ApplicationDeploymentRecord';
 const APP_DEPLOYMENT_REMOVAL_RECORD_TYPE = 'ApplicationDeploymentRemovalRecord';
-const WEBAPP_DEPLOYER_RECORD_TYPE = 'WebappDeployer';
+const WEBAPP_DEPLOYER_RECORD_TYPE = 'WebappDeployer'
 const SLEEP_DURATION = 1000;

 // TODO: Move registry code to registry-sdk/watcher-ts
@ -108,7 +107,19 @@ export class Registry {
      ...(packageJSON.version && { app_version: packageJSON.version })
    };

-    const result = await this.publishRecord(applicationRecord);
+    const fee = parseGasAndFees(this.registryConfig.fee.gas, this.registryConfig.fee.fees);
+
+    const result = await registryTransactionWithRetry(() =>
+      this.registry.setRecord(
+        {
+          privateKey: this.registryConfig.privateKey,
+          record: applicationRecord,
+          bondId: this.registryConfig.bondId
+        },
+        this.registryConfig.privateKey,
+        fee
+      )
+    );

    log(`Published application record ${result.id}`);
    log('Application record data:', applicationRecord);
@ -117,8 +128,6 @@ export class Registry {
    const lrn = this.getLrn(repo);
    log(`Setting name: ${lrn} for record ID: ${result.id}`);

-    const fee = parseGasAndFees(this.registryConfig.fee.gas, this.registryConfig.fee.fees);
-
    await sleep(SLEEP_DURATION);
    await registryTransactionWithRetry(() =>
      this.registry.setName(
@ -210,7 +219,17 @@ export class Registry {
      type: APP_DEPLOYMENT_AUCTION_RECORD_TYPE,
    };

-    const result = await this.publishRecord(applicationDeploymentAuction);
+    const result = await registryTransactionWithRetry(() =>
+      this.registry.setRecord(
+        {
+          privateKey: this.registryConfig.privateKey,
+          record: applicationDeploymentAuction,
+          bondId: this.registryConfig.bondId
+        },
+        this.registryConfig.privateKey,
+        fee
+      )
+    );

    log(`Application deployment auction created: ${auctionResult.auction.id}`);
    log(`Application deployment auction record published: ${result.id}`);
@ -227,11 +246,8 @@ export class Registry {
    repository: string,
    auctionId?: string | null,
    lrn: string,
-    apiUrl: string,
    environmentVariables: { [key: string]: string },
    dns: string,
-    requesterAddress: string,
-    publicKey: string,
    payment?: string | null
  }): Promise<{
    applicationDeploymentRequestId: string;
@ -245,16 +261,6 @@ export class Registry {
      throw new Error(`No record found for ${lrn}`);
    }

-    let hash;
-    if (Object.keys(data.environmentVariables).length !== 0) {
-      hash = await this.generateConfigHash(
-        data.environmentVariables,
-        data.requesterAddress,
-        data.publicKey,
-        data.apiUrl,
-      );
-    }
-
    // Create record of type ApplicationDeploymentRequest and publish
    const applicationDeploymentRequest = {
      type: APP_DEPLOYMENT_REQUEST_TYPE,
@ -264,7 +270,9 @@ export class Registry {
      dns: data.dns,

      // https://git.vdb.to/cerc-io/laconic-registry-cli/commit/129019105dfb93bebcea02fde0ed64d0f8e5983b
-      config: JSON.stringify(hash ? { ref: hash } : {}),
+      config: JSON.stringify({
+        env: data.environmentVariables
+      }),
      meta: JSON.stringify({
        note: `Added by Snowball @ ${DateTime.utc().toFormat(
          "EEE LLL dd HH:mm:ss 'UTC' yyyy"
@ -279,7 +287,19 @@ export class Registry {

    await sleep(SLEEP_DURATION);

-    const result = await this.publishRecord(applicationDeploymentRequest);
+    const fee = parseGasAndFees(this.registryConfig.fee.gas, this.registryConfig.fee.fees);
+
+    const result = await registryTransactionWithRetry(() =>
+      this.registry.setRecord(
+        {
+          privateKey: this.registryConfig.privateKey,
+          record: applicationDeploymentRequest,
+          bondId: this.registryConfig.bondId
+        },
+        this.registryConfig.privateKey,
+        fee
+      )
+    );

    log(`Application deployment request record published: ${result.id}`);
    log('Application deployment request data:', applicationDeploymentRequest);
@ -351,11 +371,12 @@ export class Registry {
      true
    );

-    // Filter records with ApplicationDeploymentRequestId ID
+    // Filter records with ApplicationDeploymentRequestId ID and Deployment specific URL
    return records.filter((record: AppDeploymentRecord) =>
      deployments.some(
        (deployment) =>
-          deployment.applicationDeploymentRequestId === record.attributes.request
+          deployment.applicationDeploymentRequestId === record.attributes.request &&
+          record.attributes.url.includes(deployment.id)
      )
    );
  }
@ -410,14 +431,6 @@ export class Registry {
    );
  }

-  /**
- * Fetch record by Id
- */
-  async getRecordById(id: string): Promise<RegistryRecord | null> {
-    const [record] = await this.registry.getRecordsByIds([id]);
-    return record ?? null;
-  }
-
  async createApplicationDeploymentRemovalRequest(data: {
    deploymentId: string;
    deployerLrn: string;
@ -436,8 +449,18 @@ export class Registry {
      ...(data.payment && { payment: data.payment }),
    };

-    const result = await this.publishRecord(
-      applicationDeploymentRemovalRequest,
+    const fee = parseGasAndFees(this.registryConfig.fee.gas, this.registryConfig.fee.fees);
+
+    const result = await registryTransactionWithRetry(() =>
+      this.registry.setRecord(
+        {
+          privateKey: this.registryConfig.privateKey,
+          record: applicationDeploymentRemovalRequest,
+          bondId: this.registryConfig.bondId
+        },
+        this.registryConfig.privateKey,
+        fee
+      )
    );

    log(`Application deployment removal request record published: ${result.id}`);
@ -463,27 +486,6 @@ export class Registry {
    return completedAuctions;
  }

-  async publishRecord(recordData: any): Promise<any> {
-    const fee = parseGasAndFees(
-      this.registryConfig.fee.gas,
-      this.registryConfig.fee.fees,
-    );
-
-    const result = await registryTransactionWithRetry(() =>
-      this.registry.setRecord(
-        {
-          privateKey: this.registryConfig.privateKey,
-          record: recordData,
-          bondId: this.registryConfig.bondId,
-        },
-        this.registryConfig.privateKey,
-        fee,
-      ),
-    );
-
-    return result;
-  }
-
  async getRecordsByName(name: string): Promise<any> {
    return this.registry.resolveNames([name]);
  }
@ -530,43 +532,4 @@ export class Registry {
    assert(this.registryConfig.authority, "Authority doesn't exist");
    return `lrn://${this.registryConfig.authority}/applications/${appName}`;
  }
-
-  async generateConfigHash(
-    environmentVariables: { [key: string]: string },
-    requesterAddress: string,
-    pubKey: string,
-    url: string,
-  ): Promise<string> {
-    // Config to be encrypted
-    const config = {
-      authorized: [requesterAddress],
-      config: { env: environmentVariables },
-    };
-
-    // Serialize the config
-    const serialized = JSON.stringify(config, null, 2);
-
-    const armoredKey = `-----BEGIN PGP PUBLIC KEY BLOCK-----\n\n${pubKey}\n\n-----END PGP PUBLIC KEY BLOCK-----`;
-    const publicKey = await openpgp.readKey({ armoredKey });
-
-    // Encrypt the config
-    const encrypted = await openpgp.encrypt({
-      message: await openpgp.createMessage({ text: serialized }),
-      encryptionKeys: publicKey,
-      format: 'binary',
-    });
-
-    // Get the hash after uploading encrypted config
-    const response = await fetch(`${url}/upload/config`, {
-      method: 'POST',
-      headers: {
-        'Content-Type': 'application/octet-stream',
-      },
-      body: encrypted,
-    });
-
-    const configHash = await response.json();
-
-    return configHash.id;
-  }
 }
--- a/packages/backend/src/resolvers.ts
+++ b/packages/backend/src/resolvers.ts
@ -38,7 +38,7 @@ export const createResolvers = async (service: Service): Promise<any> => {
      },

      deployments: async (_: any, { projectId }: { projectId: string }) => {
-        return service.getNonCanonicalDeploymentsByProjectId(projectId);
+        return service.getDeploymentsByProjectId(projectId);
      },

      environmentVariables: async (
@ -95,13 +95,6 @@ export const createResolvers = async (service: Service): Promise<any> => {
      ) => {
        return service.verifyTx(txHash, amount, senderAddress);
      },
-
-      latestDNSRecord: async (
-        _: any,
-        { projectId }: { projectId: string },
-      ) => {
-        return service.getLatestDNSRecordByProjectId(projectId);
-      },
    },

    // TODO: Return error in GQL response
--- a/packages/backend/src/schema.gql
+++ b/packages/backend/src/schema.gql
@ -100,6 +100,7 @@ type ProjectMember {

 type Deployment {
  id: String!
+  domain: Domain
  branch: String!
  commitHash: String!
  commitMessage: String!
@ -107,7 +108,6 @@ type Deployment {
  environment: Environment!
  deployer: Deployer
  applicationDeploymentRequestId: String
-  applicationDeploymentRecordData: AppDeploymentRecordAttributes
  isCurrent: Boolean!
  baseDomain: String
  status: DeploymentStatus!
@ -249,27 +249,6 @@ type Auction {
  bids: [Bid!]!
 }

-type DNSRecordAttributes {
-  name: String
-  value: String
-  request: String
-  resourceType: String
-  version: String
-}
-
-type AppDeploymentRecordAttributes {
-  application: String
-  auction: String
-  deployer: String
-  dns: String
-  meta: String
-  name: String
-  request: String
-  type: String
-  url: String
-  version: String
-}
-
 input AuctionParams {
  maxPrice: String,
  numProviders: Int,
@ -286,7 +265,6 @@ type Query {
  projectMembers(projectId: String!): [ProjectMember!]
  searchProjects(searchText: String!): [Project!]
  getAuctionData(auctionId: String!): Auction!
-  latestDNSRecord(projectId: String!): DNSRecordAttributes
  domains(projectId: String!, filter: FilterDomainsInput): [Domain]
  deployers: [Deployer]
  address: String!
--- a/packages/backend/src/service.ts
+++ b/packages/backend/src/service.ts
@ -1,8 +1,7 @@
 import assert from 'assert';
 import debug from 'debug';
-import { DeepPartial, FindOptionsWhere } from 'typeorm';
+import { DeepPartial, FindOptionsWhere, IsNull, Not } from 'typeorm';
 import { Octokit, RequestError } from 'octokit';
-import { DateTime } from 'luxon';

 import { OAuthApp } from '@octokit/oauth-app';

@ -23,8 +22,6 @@ import {
  AppDeploymentRemovalRecord,
  AuctionParams,
  DeployerRecord,
-  DNSRecord,
-  DNSRecordAttributes,
  EnvironmentVariables,
  GitPushEventPayload,
 } from './types';
@ -202,60 +199,12 @@ export class Service {
      if (!deployment.project) {
        log(`Project ${deployment.projectId} not found`);
        return;
-      }
-
-      const registryRecord = await this.laconicRegistry.getRecordById(record.attributes.dns);
-
-      if (!registryRecord) {
-        log(`DNS record not found for deployment ${deployment.id}`);
-        return;
-      }
-
-      const dnsRecord = registryRecord as DNSRecord;
-
-      const dnsRecordData: DNSRecordAttributes = {
-        name: dnsRecord.attributes.name,
-        request: dnsRecord.attributes.request,
-        resourceType: dnsRecord.attributes.resource_type,
-        value: dnsRecord.attributes.value,
-        version: dnsRecord.attributes.version,
-      }
-
+      } else {
        deployment.applicationDeploymentRecordId = record.id;
        deployment.applicationDeploymentRecordData = record.attributes;
        deployment.url = record.attributes.url;
        deployment.status = DeploymentStatus.Ready;
        deployment.isCurrent = deployment.environment === Environment.Production;
-      deployment.dnsRecordData = dnsRecordData;
-
-      if (deployment.isCanonical) {
-        const previousCanonicalDeployment = await this.db.getDeployment({
-          where: {
-            projectId: deployment.project.id,
-            deployer: deployment.deployer,
-            isCanonical: true,
-            isCurrent: true,
-          },
-          relations: {
-            project: true,
-            deployer: true,
-          }
-        });
-
-        if (previousCanonicalDeployment) {
-          // Send removal request for the previous canonical deployment and delete DB entry
-          if (previousCanonicalDeployment.url !== deployment.url) {
-            await this.laconicRegistry.createApplicationDeploymentRemovalRequest({
-              deploymentId: previousCanonicalDeployment.applicationDeploymentRecordId!,
-              deployerLrn: previousCanonicalDeployment.deployer.deployerLrn,
-              auctionId: previousCanonicalDeployment.project.auctionId,
-              payment: previousCanonicalDeployment.project.txHash
-            });
-          }
-
-          await this.db.deleteDeploymentById(previousCanonicalDeployment.id);
-        }
-      }

        await this.db.updateDeploymentById(deployment.id, deployment);

@ -274,34 +223,28 @@ export class Service {
        log(
          `Updated deployment ${deployment.id} with URL ${record.attributes.url}`,
        );
+      }
    });

    await Promise.all(deploymentUpdatePromises);

    // Get deployments that are in production environment
-    const prodDeployments = Object.values(recordToDeploymentsMap).filter(
-      (deployment) => deployment.isCurrent,
-    );
+    const prodDeployments = Object.values(recordToDeploymentsMap).filter(deployment => deployment.isCurrent);
+
    // Set the isCurrent state to false for the old deployments
    for (const deployment of prodDeployments) {
-      const projectDeployments = await this.db.getDeploymentsByProjectId(
-        deployment.projectId,
-      );
-
-      const oldDeployments = projectDeployments.filter(
-        (projectDeployment) =>
-          projectDeployment.deployer.deployerLrn ===
-          deployment.deployer.deployerLrn &&
-          projectDeployment.id !== deployment.id &&
-          projectDeployment.isCanonical == deployment.isCanonical,
-      );
+      const projectDeployments = await this.db.getDeploymentsByProjectId(deployment.projectId);
+      const oldDeployments = projectDeployments
+        .filter(projectDeployment => projectDeployment.deployer.deployerLrn === deployment.deployer.deployerLrn && projectDeployment.id !== deployment.id);
      for (const oldDeployment of oldDeployments) {
        await this.db.updateDeployment(
          { id: oldDeployment.id },
-          { isCurrent: false },
+          { isCurrent: false }
        );
      }
    }
+
+    await Promise.all(deploymentUpdatePromises);
  }

  /**
@ -485,14 +428,9 @@ export class Service {
    return dbProjects;
  }

-  async getNonCanonicalDeploymentsByProjectId(projectId: string): Promise<Deployment[]> {
-    const nonCanonicalDeployments = await this.db.getNonCanonicalDeploymentsByProjectId(projectId);
-    return nonCanonicalDeployments;
-  }
-
-  async getLatestDNSRecordByProjectId(projectId: string): Promise<DNSRecordAttributes | null> {
-    const dnsRecord = await this.db.getLatestDNSRecordByProjectId(projectId);
-    return dnsRecord;
+  async getDeploymentsByProjectId(projectId: string): Promise<Deployment[]> {
+    const dbDeployments = await this.db.getDeploymentsByProjectId(projectId);
+    return dbDeployments;
  }

  async getEnvironmentVariablesByProjectId(
@ -634,7 +572,6 @@ export class Service {
      where: { id: deploymentId },
      relations: {
        project: true,
-        deployer: true,
      },
    });

@ -642,12 +579,18 @@ export class Service {
      throw new Error('Deployment does not exist');
    }

+    const prodBranchDomains = await this.db.getDomainsByProjectId(
+      oldDeployment.project.id,
+      { branch: oldDeployment.project.prodBranch },
+    );
+
    const octokit = await this.getOctokit(user.id);

    const newDeployment = await this.createDeployment(user.id, octokit, {
      project: oldDeployment.project,
      branch: oldDeployment.branch,
      environment: Environment.Production,
+      domain: prodBranchDomains[0],
      commitHash: oldDeployment.commitHash,
      commitMessage: oldDeployment.commitMessage,
      deployer: oldDeployment.deployer
@ -676,6 +619,19 @@ export class Service {
        commitHash: data.commitHash!,
      });

+    // Update previous deployment with prod branch domain
+    // TODO: Fix unique constraint error for domain
+    if (data.domain) {
+      await this.db.updateDeployment(
+        {
+          domainId: data.domain.id,
+        },
+        {
+          domain: null,
+        },
+      );
+    }
+
    let deployer;
    if (deployerLrn) {
      deployer = await this.db.getDeployerByLRN(deployerLrn);
@ -683,62 +639,44 @@ export class Service {
      deployer = data.deployer;
    }

-    const deployment = await this.createDeploymentFromData(userId, data, deployer!.deployerLrn!, applicationRecordId, applicationRecordData, false);
+    const newDeployment = await this.createDeploymentFromData(userId, data, deployer!.deployerLrn!, applicationRecordId, applicationRecordData);

-    const address = await this.getAddress();
    const { repo, repoUrl } = await getRepoDetails(octokit, data.project.repository, data.commitHash);
    const environmentVariablesObj = await this.getEnvVariables(data.project!.id!);
-
    // To set project DNS
    if (data.environment === Environment.Production) {
-      const canonicalDeployment = await this.createDeploymentFromData(userId, data, deployer!.deployerLrn!, applicationRecordId, applicationRecordData, true);
-      // If a custom domain is present then use that as the DNS in the deployment request
-      const customDomain = await this.db.getOldestDomainByProjectId(data.project!.id!);
-
-      // On deleting deployment later, project canonical deployment is also deleted
-      // So publish project canonical deployment first so that ApplicationDeploymentRecord for the same is available when deleting deployment later
-      const { applicationDeploymentRequestData, applicationDeploymentRequestId } =
+      // On deleting deployment later, project DNS deployment is also deleted
+      // So publish project DNS deployment first so that ApplicationDeploymentRecord for the same is available when deleting deployment later
      await this.laconicRegistry.createApplicationDeploymentRequest({
-          deployment: canonicalDeployment,
+        deployment: newDeployment,
        appName: repo,
        repository: repoUrl,
        environmentVariables: environmentVariablesObj,
-          dns: customDomain?.name ?? `${canonicalDeployment.project.name}`,
+        dns: `${newDeployment.project.name}`,
        lrn: deployer!.deployerLrn!,
-          apiUrl: deployer!.deployerApiUrl!,
        payment: data.project.txHash,
-          auctionId: data.project.auctionId,
-          requesterAddress: address,
-          publicKey: deployer!.publicKey!
-        });
-
-      await this.db.updateDeploymentById(canonicalDeployment.id, {
-        applicationDeploymentRequestId,
-        applicationDeploymentRequestData,
+        auctionId: data.project.auctionId
      });
    }

    const { applicationDeploymentRequestId, applicationDeploymentRequestData } =
      await this.laconicRegistry.createApplicationDeploymentRequest({
-        deployment: deployment,
+        deployment: newDeployment,
        appName: repo,
        repository: repoUrl,
        lrn: deployer!.deployerLrn!,
-        apiUrl: deployer!.deployerApiUrl!,
        environmentVariables: environmentVariablesObj,
-        dns: `${deployment.project.name}-${deployment.id}`,
+        dns: `${newDeployment.project.name}-${newDeployment.id}`,
        payment: data.project.txHash,
-        auctionId: data.project.auctionId,
-        requesterAddress: address,
-        publicKey: deployer!.publicKey!
+        auctionId: data.project.auctionId
      });

-    await this.db.updateDeploymentById(deployment.id, {
+    await this.db.updateDeploymentById(newDeployment.id, {
      applicationDeploymentRequestId,
      applicationDeploymentRequestData,
    });

-    return deployment;
+    return newDeployment;
  }

  async createDeploymentFromAuction(
@ -781,59 +719,42 @@ export class Service {
      commitMessage: latestCommit.commit.message,
    };

-    const deployment = await this.createDeploymentFromData(project.ownerId!, deploymentData, deployerLrn, applicationRecordId, applicationRecordData, false);
-    const address = await this.getAddress();
+    const newDeployment = await this.createDeploymentFromData(project.ownerId!, deploymentData, deployerLrn, applicationRecordId, applicationRecordData);

    const environmentVariablesObj = await this.getEnvVariables(project!.id!);
    // To set project DNS
    if (deploymentData.environment === Environment.Production) {
-      const canonicalDeployment = await this.createDeploymentFromData(project.ownerId!, deploymentData, deployerLrn, applicationRecordId, applicationRecordData, true);
-      // If a custom domain is present then use that as the DNS in the deployment request
-      const customDomain = await this.db.getOldestDomainByProjectId(project!.id!);
-
-      // On deleting deployment later, project canonical deployment is also deleted
-      // So publish project canonical deployment first so that ApplicationDeploymentRecord for the same is available when deleting deployment later
-      const { applicationDeploymentRequestId, applicationDeploymentRequestData } =
+      // On deleting deployment later, project DNS deployment is also deleted
+      // So publish project DNS deployment first so that ApplicationDeploymentRecord for the same is available when deleting deployment later
      await this.laconicRegistry.createApplicationDeploymentRequest({
-          deployment: canonicalDeployment,
+        deployment: newDeployment,
        appName: repo,
        repository: repoUrl,
        environmentVariables: environmentVariablesObj,
-          dns: customDomain?.name ?? `${canonicalDeployment.project.name}`,
+        dns: `${newDeployment.project.name}`,
        auctionId: project.auctionId!,
        lrn: deployerLrn,
-          apiUrl: deployer!.deployerApiUrl!,
-          requesterAddress: address,
-          publicKey: deployer!.publicKey!
-        });
-
-      await this.db.updateDeploymentById(canonicalDeployment.id, {
-        applicationDeploymentRequestId,
-        applicationDeploymentRequestData,
      });
    }

    const { applicationDeploymentRequestId, applicationDeploymentRequestData } =
      // Create requests for all the deployers
      await this.laconicRegistry.createApplicationDeploymentRequest({
-        deployment: deployment,
+        deployment: newDeployment,
        appName: repo,
        repository: repoUrl,
        auctionId: project.auctionId!,
        lrn: deployerLrn,
-        apiUrl: deployer!.deployerApiUrl!,
        environmentVariables: environmentVariablesObj,
-        dns: `${deployment.project.name}-${deployment.id}`,
-        requesterAddress: address,
-        publicKey: deployer!.publicKey!
+        dns: `${newDeployment.project.name}-${newDeployment.id}`,
      });

-    await this.db.updateDeploymentById(deployment.id, {
+    await this.db.updateDeploymentById(newDeployment.id, {
      applicationDeploymentRequestId,
      applicationDeploymentRequestData,
    });

-    return deployment;
+    return newDeployment;
  }

  async createDeploymentFromData(
@ -842,7 +763,6 @@ export class Service {
    deployerLrn: string,
    applicationRecordId: string,
    applicationRecordData: ApplicationRecord,
-    isCanonical: boolean,
  ): Promise<Deployment> {
    const newDeployment = await this.db.addDeployment({
      project: data.project,
@ -853,13 +773,13 @@ export class Service {
      status: DeploymentStatus.Building,
      applicationRecordId,
      applicationRecordData,
+      domain: data.domain,
      createdBy: Object.assign(new User(), {
        id: userId,
      }),
      deployer: Object.assign(new Deployer(), {
        deployerLrn,
      }),
-      isCanonical
    });

    log(`Created deployment ${newDeployment.id}`);
@ -1092,6 +1012,9 @@ export class Service {

    for await (const project of projects) {
      const octokit = await this.getOctokit(project.ownerId);
+      const [domain] = await this.db.getDomainsByProjectId(project.id, {
+        branch,
+      });

      const deployers = project.deployers;
      if (!deployers) {
@ -1109,6 +1032,7 @@ export class Service {
              project.prodBranch === branch
                ? Environment.Production
                : Environment.Preview,
+            domain,
            commitHash: headCommit.id,
            commitMessage: headCommit.message,
            deployer: deployer
@ -1150,6 +1074,7 @@ export class Service {
    const oldDeployment = await this.db.getDeployment({
      relations: {
        project: true,
+        domain: true,
        deployer: true,
        createdBy: true,
      },
@ -1175,6 +1100,7 @@ export class Service {
          // TODO: Put isCurrent field in project
          branch: oldDeployment.branch,
          environment: Environment.Production,
+          domain: oldDeployment.domain,
          commitHash: oldDeployment.commitHash,
          commitMessage: oldDeployment.commitMessage,
          deployer: oldDeployment.deployer
@ -1192,79 +1118,31 @@ export class Service {
    // TODO: Implement transactions
    const oldCurrentDeployment = await this.db.getDeployment({
      relations: {
-        project: true,
-        deployer: true,
+        domain: true,
      },
      where: {
        project: {
          id: projectId,
        },
        isCurrent: true,
-        isCanonical: false,
      },
    });

    if (!oldCurrentDeployment) {
-      throw new Error('Current deployment does not exist');
+      throw new Error('Current deployment doesnot exist');
    }

    const oldCurrentDeploymentUpdate = await this.db.updateDeploymentById(
      oldCurrentDeployment.id,
-      { isCurrent: false },
+      { isCurrent: false, domain: null },
    );

    const newCurrentDeploymentUpdate = await this.db.updateDeploymentById(
      deploymentId,
-      { isCurrent: true },
+      { isCurrent: true, domain: oldCurrentDeployment?.domain },
    );

-    if (!newCurrentDeploymentUpdate || !oldCurrentDeploymentUpdate){
-      return false;
-    }
-
-    const newCurrentDeployment = await this.db.getDeployment({ where: { id: deploymentId }, relations: { project: true, deployer: true } });
-
-    if (!newCurrentDeployment) {
-      throw new Error(`Deployment with Id ${deploymentId} not found`);
-    }
-
-    const applicationDeploymentRequestData = newCurrentDeployment.applicationDeploymentRequestData;
-
-    const customDomain = await this.db.getOldestDomainByProjectId(projectId);
-
-    if (customDomain && applicationDeploymentRequestData) {
-      applicationDeploymentRequestData.dns = customDomain.name
-    }
-
-    // Create a canonical deployment for the new current deployment
-    const canonicalDeployment = await this.createDeploymentFromData(
-      newCurrentDeployment.project.ownerId,
-      newCurrentDeployment,
-      newCurrentDeployment.deployer!.deployerLrn!,
-      newCurrentDeployment.applicationRecordId,
-      newCurrentDeployment.applicationRecordData,
-      true,
-    );
-
-    applicationDeploymentRequestData!.meta = JSON.stringify({
-      ...JSON.parse(applicationDeploymentRequestData!.meta),
-      note: `Updated by Snowball @ ${DateTime.utc().toFormat(
-        "EEE LLL dd HH:mm:ss 'UTC' yyyy"
-      )}`
-    });
-
-    const result = await this.laconicRegistry.publishRecord(
-      applicationDeploymentRequestData,
-    );
-
-    log(`Application deployment request record published: ${result.id}`)
-
-    const updateResult = await this.db.updateDeploymentById(canonicalDeployment.id, {
-      applicationDeploymentRequestId: result.id,
-      applicationDeploymentRequestData,
-    });
-
-    return updateResult;
+    return newCurrentDeploymentUpdate && oldCurrentDeploymentUpdate;
  }

  async deleteDeployment(deploymentId: string): Promise<boolean> {
@ -1281,23 +1159,9 @@ export class Service {
    if (deployment && deployment.applicationDeploymentRecordId) {
      // If deployment is current, remove deployment for project subdomain as well
      if (deployment.isCurrent) {
-        const canonicalDeployment = await this.db.getDeployment({
-          where: {
-            projectId: deployment.project.id,
-            deployer: deployment.deployer,
-            isCanonical: true
-          },
-          relations: {
-            project: true,
-            deployer: true,
-          },
-        })
-
-        // If the canonical deployment is not present then query the chain for the deployment record for backward compatibility
-        if (!canonicalDeployment) {
-          log(`Canonical deployment for deployment with id ${deployment.id} not found, querying the chain..`);
        const currentDeploymentURL = `https://${(deployment.project.name).toLowerCase()}.${deployment.deployer.baseDomain}`;

+        // TODO: Store the latest DNS deployment record
        const deploymentRecords =
          await this.laconicRegistry.getDeploymentRecordsByFilter({
            application: deployment.applicationRecordId,
@ -1322,24 +1186,6 @@ export class Service {
          auctionId: deployment.project.auctionId,
          payment: deployment.project.txHash
        });
-        } else {
-          // If canonical deployment is found in the DB, then send the removal request with that deployment record Id
-          const result =
-            await this.laconicRegistry.createApplicationDeploymentRemovalRequest({
-              deploymentId: canonicalDeployment.applicationDeploymentRecordId!,
-              deployerLrn: canonicalDeployment.deployer.deployerLrn,
-              auctionId: canonicalDeployment.project.auctionId,
-              payment: canonicalDeployment.project.txHash
-            });
-
-          await this.db.updateDeploymentById(canonicalDeployment.id, {
-            status: DeploymentStatus.Deleting,
-            applicationDeploymentRemovalRequestId:
-              result.applicationDeploymentRemovalRequestId,
-            applicationDeploymentRemovalRequestData:
-              result.applicationDeploymentRemovalRequestData,
-          });
-        }
      }

      const result =
@ -1369,7 +1215,7 @@ export class Service {
    data: { name: string },
  ): Promise<{
    primaryDomain: Domain;
-    // redirectedDomain: Domain;
+    redirectedDomain: Domain;
  }> {
    const currentProject = await this.db.getProjectById(projectId);

@ -1385,22 +1231,22 @@ export class Service {

    const savedPrimaryDomain = await this.db.addDomain(primaryDomainDetails);

-    // const domainArr = data.name.split('www.');
+    const domainArr = data.name.split('www.');

-    // const redirectedDomainDetails = {
-    //   name: domainArr.length > 1 ? domainArr[1] : `www.${domainArr[0]}`,
-    //   branch: currentProject.prodBranch,
-    //   project: currentProject,
-    //   redirectTo: savedPrimaryDomain,
-    // };
+    const redirectedDomainDetails = {
+      name: domainArr.length > 1 ? domainArr[1] : `www.${domainArr[0]}`,
+      branch: currentProject.prodBranch,
+      project: currentProject,
+      redirectTo: savedPrimaryDomain,
+    };

-    // const savedRedirectedDomain = await this.db.addDomain(
-    //   redirectedDomainDetails,
-    // );
+    const savedRedirectedDomain = await this.db.addDomain(
+      redirectedDomainDetails,
+    );

    return {
      primaryDomain: savedPrimaryDomain,
-      // redirectedDomain: savedRedirectedDomain,
+      redirectedDomain: savedRedirectedDomain,
    };
  }

@ -1588,7 +1434,6 @@ export class Service {
        const deployerApiUrl = record.attributes.apiUrl;
        const minimumPayment = record.attributes.minimumPayment;
        const paymentAddress = record.attributes.paymentAddress;
-        const publicKey = record.attributes.publicKey;
        const baseDomain = deployerApiUrl.substring(deployerApiUrl.indexOf('.') + 1);

        const deployerData = {
@ -1597,8 +1442,7 @@ export class Service {
          deployerApiUrl,
          baseDomain,
          minimumPayment,
-          paymentAddress,
-          publicKey
+          paymentAddress
        };

        // TODO: Update deployers table in a separate job
--- a/packages/backend/src/types.ts
+++ b/packages/backend/src/types.ts
@ -40,22 +40,6 @@ export interface AppDeploymentRecordAttributes {
  version: string;
 }

-export interface DNSRecordAttributes {
-  name: string;
-  value: string;
-  request: string;
-  resourceType: string;
-  version: string;
-}
-
-export interface RegistryDNSRecordAttributes {
-  name: string;
-  value: string;
-  request: string;
-  resource_type: string;
-  version: string;
-}
-
 export interface AppDeploymentRemovalRecordAttributes {
  deployment: string;
  request: string;
@ -63,7 +47,7 @@ export interface AppDeploymentRemovalRecordAttributes {
  version: string;
 }

-export interface RegistryRecord {
+interface RegistryRecord {
  id: string;
  names: string[] | null;
  owners: string[];
@ -80,10 +64,6 @@ export interface AppDeploymentRemovalRecord extends RegistryRecord {
  attributes: AppDeploymentRemovalRecordAttributes;
 }

-export interface DNSRecord extends RegistryRecord {
-  attributes: RegistryDNSRecordAttributes
-}
-
 export interface AddProjectFromTemplateInput {
  templateOwner: string;
  templateRepo: string;
--- a/packages/backend/test/fixtures/organizations.json
+++ b/packages/backend/test/fixtures/organizations.json
@ -3,5 +3,10 @@
    "id": "2379cf1f-a232-4ad2-ae14-4d881131cc26",
    "name": "Deploy Tools",
    "slug": "deploy-tools"
+  },
+  {
+    "id": "7eb9b3eb-eb74-4b53-b59a-69884c82a7fb",
+    "name": "Laconic",
+    "slug": "laconic-2"
  }
 ]
--- a/packages/backend/test/publish-deploy-records.ts
+++ b/packages/backend/test/publish-deploy-records.ts
@ -10,7 +10,7 @@ import { Deployment, DeploymentStatus, Environment } from '../src/entity/Deploym
 const log = debug('snowball:publish-deploy-records');

 async function main() {
-  const { registryConfig, database } = await getConfig();
+  const { registryConfig, database, misc } = await getConfig();

  const registry = new Registry(
    registryConfig.gqlEndpoint,
--- a/packages/deployer/.gitignore
+++ b/packages/deployer/.gitignore
@ -1 +0,0 @@
-records/*.yml
--- a/packages/deployer/config.yml
+++ b/packages/deployer/config.yml
@ -4,5 +4,5 @@ services:
    gqlEndpoint: https://laconicd-sapo.laconic.com/api
    userKey: 
    bondId: 
-    chainId: laconic-testnet-2
-    gasPrice: 0.001alnt
+    chainId: laconic_9000-2
+    gasPrice: 1alnt
--- a/packages/deployer/deploy-frontend.sh
+++ b/packages/deployer/deploy-frontend.sh
@ -8,11 +8,8 @@ echo "Using AUTHORITY: $AUTHORITY"
 # Repository URL
 REPO_URL="https://git.vdb.to/cerc-io/snowballtools-base"

-# Get the latest commit hash for a branch
-BRANCH_NAME="main"
-LATEST_HASH=$(git ls-remote $REPO_URL refs/heads/$BRANCH_NAME | awk '{print $1}')
-
-echo "Latest commit hash for branch $BRANCH_NAME: $LATEST_HASH"
+# Get the latest commit hash from the repository
+LATEST_HASH=$(git ls-remote $REPO_URL HEAD | awk '{print $1}')

 # Extract version from ../frontend/package.json
 PACKAGE_VERSION=$(jq -r '.version' ../frontend/package.json)
@ -102,9 +99,6 @@ fi
 # Get payment address for deployer
 paymentAddress=$(yarn --silent laconic -c config.yml registry name resolve "$DEPLOYER_LRN" | jq -r '.[0].attributes.paymentAddress')
 paymentAmount=$(yarn --silent laconic -c config.yml registry name resolve "$DEPLOYER_LRN" | jq -r '.[0].attributes.minimumPayment' | sed 's/alnt//g')
-
-echo "Paying address: $paymentAddress with amount $paymentAmount..."
-
 # Pay deployer if paymentAmount is not null
 if [[ -n "$paymentAmount" && "$paymentAmount" != "null" ]]; then
  payment=$(yarn --silent laconic -c config.yml registry tokens send --address "$paymentAddress" --type alnt --quantity "$paymentAmount")
@ -125,19 +119,17 @@ record:
  name: deploy-frontend@$PACKAGE_VERSION
  application: lrn://$AUTHORITY/applications/deploy-frontend@$PACKAGE_VERSION
  deployer: $DEPLOYER_LRN
-  dns: deploy.laconic.com
+  dns: deploy
  config:
    env:
-      LACONIC_HOSTED_CONFIG_server_url: https://deploy-backend.laconic.com
-      LACONIC_HOSTED_CONFIG_github_clientid: Ov23li4NtYybQlF6u5Dk
+      LACONIC_HOSTED_CONFIG_server_url: https://deploy-backend.apps.vaasl.io
+      LACONIC_HOSTED_CONFIG_github_clientid: Ov23liaet4yc0KX0iM1c
      LACONIC_HOSTED_CONFIG_github_pwa_templaterepo: laconic-templates/test-progressive-web-app
      LACONIC_HOSTED_CONFIG_github_image_upload_templaterepo: laconic-templates/image-upload-pwa-example
-      LACONIC_HOSTED_CONFIG_github_next_app_templaterepo: laconic-templates/starter.nextjs-react-tailwind
      LACONIC_HOSTED_CONFIG_wallet_connect_id: 63cad7ba97391f63652161f484670e15
      LACONIC_HOSTED_CONFIG_laconicd_chain_id: laconic-testnet-2
-      LACONIC_HOSTED_CONFIG_wallet_iframe_url: https://wallet.laconic.com
  meta:
-    note: Added @ $CURRENT_DATE_TIME
+    note: Added by Snowball @ $CURRENT_DATE_TIME
    repository: "$REPO_URL"
    repository_ref: $LATEST_HASH
  payment: $txHash
--- a/packages/deployer/deploy-frontend.staging.sh
+++ b/packages/deployer/deploy-frontend.staging.sh
@ -1,10 +1,5 @@
 #!/bin/bash

-source .env
-echo "Using REGISTRY_BOND_ID: $REGISTRY_BOND_ID"
-echo "Using DEPLOYER_LRN: $DEPLOYER_LRN"
-echo "Using AUTHORITY: $AUTHORITY"
-
 # Repository URL
 REPO_URL="https://git.vdb.to/cerc-io/snowballtools-base"

@ -17,33 +12,63 @@ PACKAGE_VERSION=$(jq -r '.version' ../frontend/package.json)
 # Current date and time for note
 CURRENT_DATE_TIME=$(date -u)

-CONFIG_FILE=config.yml
+CONFIG_FILE=config.staging.yml
+REGISTRY_BOND_ID="098c906850b87412f02200e41f449bc79e055eab77acfef32c0b22443bb46661"

 # Reference: https://git.vdb.to/cerc-io/test-progressive-web-app/src/branch/main/scripts

 # Get latest version from registry and increment application-record version
-NEW_APPLICATION_VERSION=$(yarn --silent laconic -c $CONFIG_FILE registry record list --type ApplicationRecord --all --name "deploy-frontend" 2>/dev/null | jq -r -s ".[] | sort_by(.createTime) | reverse | [ .[] | select(.bondId == \"$REGISTRY_BOND_ID\") ] | .[0].attributes.version" | awk -F. -v OFS=. '{$NF += 1 ; print}')
+NEW_APPLICATION_VERSION=$(yarn --silent laconic -c $CONFIG_FILE registry record list --type ApplicationRecord --all --name "staging-snowballtools-base-frontend" 2>/dev/null | jq -r -s ".[] | sort_by(.createTime) | reverse | [ .[] | select(.bondId == \"$REGISTRY_BOND_ID\") ] | .[0].attributes.version" | awk -F. -v OFS=. '{$NF += 1 ; print}')

 if [ -z "$NEW_APPLICATION_VERSION" ] || [ "1" == "$NEW_APPLICATION_VERSION" ]; then
  # Set application-record version if no previous records were found
  NEW_APPLICATION_VERSION=0.0.1
 fi

+# Generate application-deployment-request.yml
+cat >./staging-records/application-deployment-request.yml <<EOF
+record:
+  type: ApplicationDeploymentRequest
+  version: '1.0.0'
+  name: staging-snowballtools-base-frontend@$PACKAGE_VERSION
+  application: lrn://staging-snowballtools/applications/staging-snowballtools-base-frontend@$PACKAGE_VERSION
+  dns: dashboard.staging.apps.snowballtools.com
+  config:
+    env:
+      LACONIC_HOSTED_CONFIG_server_url: https://snowballtools-base-api.staging.apps.snowballtools.com
+      LACONIC_HOSTED_CONFIG_github_clientid: Ov23liOaoahRTYd4nSCV
+      LACONIC_HOSTED_CONFIG_github_templaterepo: snowball-tools/test-progressive-web-app
+      LACONIC_HOSTED_CONFIG_github_pwa_templaterepo: snowball-tools/test-progressive-web-app
+      LACONIC_HOSTED_CONFIG_github_image_upload_templaterepo: snowball-tools/image-upload-pwa-example
+      LACONIC_HOSTED_CONFIG_wallet_connect_id: eda9ba18042a5ea500f358194611ece2
+      LACONIC_HOSTED_CONFIG_laconicd_chain_id: laconic-testnet-2
+      LACONIC_HOSTED_CONFIG_lit_relay_api_key: 15DDD969-E75F-404D-AAD9-58A37C4FD354_snowball
+      LACONIC_HOSTED_CONFIG_aplchemy_api_key: THvPart_gqI5x02RNYSBntlmwA66I_qc
+      LACONIC_HOSTED_CONFIG_bugsnag_api_key: 8c480cd5386079f9dd44f9581264a073
+      LACONIC_HOSTED_CONFIG_passkey_wallet_rpid: dashboard.staging.apps.snowballtools.com
+      LACONIC_HOSTED_CONFIG_turnkey_api_base_url: https://api.turnkey.com
+      LACONIC_HOSTED_CONFIG_turnkey_organization_id: 5049ae99-5bca-40b3-8317-504384d4e591
+  meta:
+    note: Added by Snowball @ $CURRENT_DATE_TIME
+    repository: "$REPO_URL"
+    repository_ref: $LATEST_HASH
+EOF
+
 # Generate application-record.yml with incremented version
-cat >./records/application-record.yml <<EOF
+cat >./staging-records/application-record.yml <<EOF
 record:
  type: ApplicationRecord
  version: $NEW_APPLICATION_VERSION
  repository_ref: $LATEST_HASH
  repository: ["$REPO_URL"]
  app_type: webapp
-  name: deploy-frontend
+  name: staging-snowballtools-base-frontend
  app_version: $PACKAGE_VERSION
 EOF

-echo "Files generated successfully"
+echo "Files generated successfully."

-RECORD_FILE=records/application-record.yml
+RECORD_FILE=staging-records/application-record.yml

 # Publish ApplicationRecord
 publish_response=$(yarn --silent laconic -c $CONFIG_FILE registry record publish --filename $RECORD_FILE)
@ -57,7 +82,7 @@ echo "ApplicationRecord published"
 echo $RECORD_ID

 # Set name to record
-REGISTRY_APP_LRN="lrn://$AUTHORITY/applications/deploy-frontend"
+REGISTRY_APP_LRN="lrn://staging-snowballtools/applications/staging-snowballtools-base-frontend"

 sleep 2
 yarn --silent laconic -c $CONFIG_FILE registry name set "$REGISTRY_APP_LRN@${PACKAGE_VERSION}" "$RECORD_ID"
@ -96,47 +121,7 @@ if [ -z "$APP_RECORD" ] || [ "null" == "$APP_RECORD" ]; then
  exit 1
 fi

-# Get payment address for deployer
-paymentAddress=$(yarn --silent laconic -c config.yml registry name resolve "$DEPLOYER_LRN" | jq -r '.[0].attributes.paymentAddress')
-paymentAmount=$(yarn --silent laconic -c config.yml registry name resolve "$DEPLOYER_LRN" | jq -r '.[0].attributes.minimumPayment' | sed 's/alnt//g')
-# Pay deployer if paymentAmount is not null
-if [[ -n "$paymentAmount" && "$paymentAmount" != "null" ]]; then
-  payment=$(yarn --silent laconic -c config.yml registry tokens send --address "$paymentAddress" --type alnt --quantity "$paymentAmount")
-
-  # Extract the transaction hash
-  txHash=$(echo "$payment" | jq -r '.tx.hash')
-  echo "Paid deployer with txHash as $txHash"
-
-else
-  echo "Payment amount is null; skipping payment."
-fi
-
-# Generate application-deployment-request.yml
-cat >./records/application-deployment-request.yml <<EOF
-record:
-  type: ApplicationDeploymentRequest
-  version: '1.0.0'
-  name: deploy-frontend@$PACKAGE_VERSION
-  application: lrn://$AUTHORITY/applications/deploy-frontend@$PACKAGE_VERSION
-  deployer: $DEPLOYER_LRN
-  dns: deploy
-  config:
-    env:
-      LACONIC_HOSTED_CONFIG_server_url: https://deploy-backend.apps.vaasl.io
-      LACONIC_HOSTED_CONFIG_github_clientid: Ov23liaet4yc0KX0iM1c
-      LACONIC_HOSTED_CONFIG_github_pwa_templaterepo: laconic-templates/test-progressive-web-app
-      LACONIC_HOSTED_CONFIG_github_image_upload_templaterepo: laconic-templates/image-upload-pwa-example
-      LACONIC_HOSTED_CONFIG_github_next_app_templaterepo: laconic-templates/starter.nextjs-react-tailwind
-      LACONIC_HOSTED_CONFIG_wallet_connect_id: 63cad7ba97391f63652161f484670e15
-      LACONIC_HOSTED_CONFIG_laconicd_chain_id: laconic-testnet-2
-  meta:
-    note: Added by Snowball @ $CURRENT_DATE_TIME
-    repository: "$REPO_URL"
-    repository_ref: $LATEST_HASH
-  payment: $txHash
-EOF
-
-RECORD_FILE=records/application-deployment-request.yml
+RECORD_FILE=staging-records/application-deployment-request.yml

 sleep 2
 deployment_response=$(yarn --silent laconic -c $CONFIG_FILE registry record publish --filename $RECORD_FILE)
--- a/packages/deployer/records/.gitkeep
+++ b/packages/deployer/records/.gitkeep
--- a/packages/deployer/records/application-deployment-request.yml
+++ b/packages/deployer/records/application-deployment-request.yml
@ -0,0 +1,17 @@
+record:
+  type: ApplicationDeploymentRequest
+  version: '1.0.0'
+  name: deploy-frontend@1.0.0
+  application: lrn://vaasl/applications/deploy-frontend@1.0.0
+  dns: deploy
+  config:
+    env:
+      LACONIC_HOSTED_CONFIG_server_url: https://deploy-backend.apps.vaasl.io
+      LACONIC_HOSTED_CONFIG_github_clientid: Ov23liaet4yc0KX0iM1c
+      LACONIC_HOSTED_CONFIG_github_pwa_templaterepo: laconic-templates/test-progressive-web-app
+      LACONIC_HOSTED_CONFIG_github_image_upload_templaterepo: laconic-templates/image-upload-pwa-example
+      LACONIC_HOSTED_CONFIG_wallet_connect_id: 63cad7ba97391f63652161f484670e15
+  meta:
+    note: Added by Snowball @ Thu Apr  4 14:49:41 UTC 2024
+    repository: "https://git.vdb.to/cerc-io/snowballtools-base"
+    repository_ref: 351db16336eacc3e1f9119ceb8d1282b8e27a27e
--- a/packages/deployer/records/application-record.yml
+++ b/packages/deployer/records/application-record.yml
@ -0,0 +1,8 @@
+record:
+  type: ApplicationRecord
+  version: 0.0.2
+  repository_ref: 351db16336eacc3e1f9119ceb8d1282b8e27a27e
+  repository: ["https://git.vdb.to/cerc-io/snowballtools-base"]
+  app_type: webapp
+  name: deploy-frontend
+  app_version: 1.0.0
--- a/packages/deployer/remove-deployment.sh
+++ b/packages/deployer/remove-deployment.sh
@ -1,56 +0,0 @@
-#!/bin/bash
-
-source .env
-echo "Using DEPLOYER_LRN: $DEPLOYER_LRN"
-
-# Generate application-deployment-removal-request.yml
-REMOVAL_REQUEST_RECORD_FILE=records/application-deployment-removal-request.yml
-# TODO: Pass deployment record ID as arg
-DEPLOYMENT_RECORD_ID=bafyreidjho77xeczaqpyawhc4wbpm5it5atibtuxk6ost6vnpu2svlp3ka
-
-cat > $REMOVAL_REQUEST_RECORD_FILE <<EOF
-record:
-  deployer: $DEPLOYER_LRN
-  deployment: $DEPLOYMENT_RECORD_ID
-  type: ApplicationDeploymentRemovalRequest
-  version: 1.0.0
-EOF
-
-CONFIG_FILE=config.yml
-
-sleep 2
-REMOVAL_REQUEST_ID=$(yarn --silent laconic -c $CONFIG_FILE registry record publish --filename $REMOVAL_REQUEST_RECORD_FILE | jq -r '.id')
-echo "ApplicationDeploymentRemovalRequest published"
-echo $REMOVAL_REQUEST_ID
-
-# Deployment checks
-RETRY_INTERVAL=30
-MAX_RETRIES=20
-
-# Check that an ApplicationDeploymentRemovalRecord is published
-retry_count=0
-while true; do
-  removal_records_response=$(yarn --silent laconic -c $CONFIG_FILE registry record list --type ApplicationDeploymentRemovalRecord --all request $REMOVAL_REQUEST_ID)
-  len_removal_records=$(echo $removal_records_response | jq 'length')
-
-  # Check if number of records returned is 0
-  if [ $len_removal_records -eq 0 ]; then
-    # Check if retries are exhausted
-    if [ $retry_count -eq $MAX_RETRIES ]; then
-      echo "Retries exhausted"
-      echo "ApplicationDeploymentRemovalRecord for deployment removal request $REMOVAL_REQUEST_ID not found"
-      exit 1
-    else
-      echo "ApplicationDeploymentRemovalRecord not found, retrying in $RETRY_INTERVAL sec..."
-      sleep $RETRY_INTERVAL
-      retry_count=$((retry_count+1))
-    fi
-  else
-    echo "ApplicationDeploymentRemovalRecord found"
-    REMOVAL_RECORD_ID=$(echo $removal_records_response | jq -r '.[0].id')
-    echo $REMOVAL_RECORD_ID
-    break
-  fi
-done
-
-echo "Deployment removal successful"
--- a/packages/deployer/staging-records/application-deployment-request.yml
+++ b/packages/deployer/staging-records/application-deployment-request.yml
@ -0,0 +1,24 @@
+record:
+  type: ApplicationDeploymentRequest
+  version: '1.0.0'
+  name: staging-snowballtools-base-frontend@0.0.0
+  application: crn://staging-snowballtools/applications/staging-snowballtools-base-frontend@0.0.0
+  dns: dashboard.staging.apps.snowballtools.com
+  config:
+    env:
+      LACONIC_HOSTED_CONFIG_server_url: https://snowballtools-base-api.staging.apps.snowballtools.com
+      LACONIC_HOSTED_CONFIG_github_clientid: Ov23liOaoahRTYd4nSCV
+      LACONIC_HOSTED_CONFIG_github_templaterepo: snowball-tools/test-progressive-web-app
+      LACONIC_HOSTED_CONFIG_github_pwa_templaterepo: snowball-tools/test-progressive-web-app
+      LACONIC_HOSTED_CONFIG_github_image_upload_templaterepo: snowball-tools/image-upload-pwa-example
+      LACONIC_HOSTED_CONFIG_wallet_connect_id: eda9ba18042a5ea500f358194611ece2
+      LACONIC_HOSTED_CONFIG_lit_relay_api_key: 15DDD969-E75F-404D-AAD9-58A37C4FD354_snowball
+      LACONIC_HOSTED_CONFIG_aplchemy_api_key: THvPart_gqI5x02RNYSBntlmwA66I_qc
+      LACONIC_HOSTED_CONFIG_bugsnag_api_key: 8c480cd5386079f9dd44f9581264a073
+      LACONIC_HOSTED_CONFIG_passkey_wallet_rpid: dashboard.staging.apps.snowballtools.com
+      LACONIC_HOSTED_CONFIG_turnkey_api_base_url: https://api.turnkey.com
+      LACONIC_HOSTED_CONFIG_turnkey_organization_id: 5049ae99-5bca-40b3-8317-504384d4e591
+  meta:
+    note: Added by Snowball @ Mon Jun 24 23:51:48 UTC 2024
+    repository: "https://git.vdb.to/cerc-io/snowballtools-base"
+    repository_ref: 61e3e88a6c9d57e95441059369ee5a46f5c07601
--- a/packages/deployer/staging-records/application-record.yml
+++ b/packages/deployer/staging-records/application-record.yml
@ -0,0 +1,8 @@
+record:
+  type: ApplicationRecord
+  version: 0.0.1
+  repository_ref: 61e3e88a6c9d57e95441059369ee5a46f5c07601
+  repository: ["https://git.vdb.to/cerc-io/snowballtools-base"]
+  app_type: webapp
+  name: staging-snowballtools-base-frontend
+  app_version: 0.0.0
--- a/packages/frontend/.env.example
+++ b/packages/frontend/.env.example
@ -3,16 +3,17 @@ VITE_SERVER_URL='http://localhost:8000'
 VITE_GITHUB_CLIENT_ID=
 VITE_GITHUB_PWA_TEMPLATE_REPO="snowball-tools/test-progressive-web-app"
 VITE_GITHUB_IMAGE_UPLOAD_PWA_TEMPLATE_REPO="snowball-tools/image-upload-pwa-example"
-VITE_GITHUB_NEXT_APP_TEMPLATE_REPO="snowball-tools/starter.nextjs-react-tailwind"

 VITE_WALLET_CONNECT_ID=

 VITE_LIT_RELAY_API_KEY=

+VITE_ALCHEMY_API_KEY=
+
 VITE_BUGSNAG_API_KEY=

 VITE_PASSKEY_WALLET_RPID=
 VITE_TURNKEY_API_BASE_URL=
+VITE_TURNKEY_ORGANIZATION_ID=

 VITE_LACONICD_CHAIN_ID=
-VITE_WALLET_IFRAME_URL=
--- a/packages/frontend/package.json
+++ b/packages/frontend/package.json
@ -41,7 +41,7 @@
    "@turnkey/http": "^2.10.0",
    "@turnkey/sdk-react": "^0.1.0",
    "@turnkey/webauthn-stamper": "^0.5.0",
-    "@walletconnect/ethereum-provider": "^2.16.1",
+    "@walletconnect/ethereum-provider": "^2.12.2",
    "@web3modal/siwe": "4.0.5",
    "@web3modal/wagmi": "4.0.5",
    "assert": "^2.1.0",
--- a/packages/frontend/src/assets/templates.ts
+++ b/packages/frontend/src/assets/templates.ts
@ -1,14 +1,13 @@
 import {
  VITE_GITHUB_IMAGE_UPLOAD_PWA_TEMPLATE_REPO,
  VITE_GITHUB_PWA_TEMPLATE_REPO,
-  VITE_GITHUB_NEXT_APP_TEMPLATE_REPO,
 } from 'utils/constants';

 export default [
  {
    id: '1',
    name: 'Progressive Web App (PWA)',
-    icon: 'web',
+    icon: 'pwa',
    repoFullName: `${VITE_GITHUB_PWA_TEMPLATE_REPO}`,
    isComingSoon: false,
  },
@ -21,9 +20,23 @@ export default [
  },
  {
    id: '3',
-    name: 'Next.js + React + TailwindCSS',
-    icon: 'web',
-    repoFullName: `${VITE_GITHUB_NEXT_APP_TEMPLATE_REPO}`,
-    isComingSoon: false,
+    name: 'Kotlin',
+    icon: 'kotlin',
+    repoFullName: '',
+    isComingSoon: true,
+  },
+  {
+    id: '4',
+    name: 'React Native',
+    icon: 'react-native',
+    repoFullName: '',
+    isComingSoon: true,
+  },
+  {
+    id: '5',
+    name: 'Swift',
+    icon: 'swift',
+    repoFullName: '',
+    isComingSoon: true,
  },
 ];
--- a/packages/frontend/src/components/projects/Dialog/ChangeStateToProductionDialog.tsx
+++ b/packages/frontend/src/components/projects/Dialog/ChangeStateToProductionDialog.tsx
@ -47,7 +47,6 @@ export const ChangeStateToProductionDialog = ({
      handleCancel={handleCancel}
      open={open}
      handleConfirm={handleConfirm}
-      confirmButtonTitle={isConfirmButtonLoading ? 'Redeploying' : 'Redeploy'}
      confirmButtonProps={{
        disabled: isConfirmButtonLoading,
        rightIcon: isConfirmButtonLoading ? (
--- a/packages/frontend/src/components/projects/ProjectCard/ProjectCard.tsx
+++ b/packages/frontend/src/components/projects/ProjectCard/ProjectCard.tsx
@ -4,11 +4,7 @@ import {
  MenuItem,
  MenuList,
 } from '@snowballtools/material-tailwind-react-fork';
-import {
-  ComponentPropsWithoutRef,
-  MouseEvent,
-  useCallback,
-} from 'react';
+import { ComponentPropsWithoutRef, MouseEvent, useCallback } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { Project } from 'gql-client';
 import { Avatar } from 'components/shared/Avatar';
@ -87,7 +83,7 @@ export const ProjectCard = ({
            <p className={theme.title()}>{project.name}</p>
          </Tooltip>
          <p className={theme.description()}>
-            {project.deployments[0]?.applicationDeploymentRecordData?.url ?? 'No domain'}
+            {project.deployments[0]?.domain?.name ?? 'No domain'}
          </p>
        </div>
        {/* Icons */}
--- a/packages/frontend/src/components/projects/create/AccountsDropdown.tsx
+++ b/packages/frontend/src/components/projects/create/AccountsDropdown.tsx
@ -1,60 +0,0 @@
-import {
-  Select,
-  Option,
-  Spinner,
-} from '@snowballtools/material-tailwind-react-fork';
-
-const AccountsDropdown = ({
-  accounts,
-  isDataReceived,
-  onAccountChange,
-}: {
-  accounts: string[];
-  isDataReceived: boolean;
-  onAccountChange: (selectedAccount: string) => void;
-}) => {
-  return (
-    <div className="p-6 bg-slate-100 dark:bg-overlay3 rounded-lg mb-6 shadow-md">
-      {isDataReceived ? (
-        !accounts.length ? (
-          <div className="text-center">
-            <p className="text-gray-700 dark:text-gray-300 mb-4">
-              No accounts found. Please visit{' '}
-              <a
-                href="https://store.laconic.com"
-                target="_blank"
-                rel="noopener noreferrer"
-                className="text-blue-600 underline dark:text-blue-400"
-              >
-                store.laconic.com
-              </a>{' '}
-              to create a wallet.
-            </p>
-          </div>
-        ) : (
-          <div>
-            <Select
-              label="Select Account"
-              defaultValue={accounts[0]}
-              onChange={(value) => value && onAccountChange(value)}
-              className="dark:bg-overlay2 dark:text-foreground"
-              aria-label="Wallet Account Selector"
-            >
-              {accounts.map((account, index) => (
-                <Option key={index} value={account}>
-                  {account}
-                </Option>
-              ))}
-            </Select>
-          </div>
-        )
-      ) : (
-        <div className="flex items-center justify-center h-12">
-          <Spinner className="h-6 w-6" />
-        </div>
-      )}
-    </div>
-  );
-};
-
-export default AccountsDropdown;
--- a/packages/frontend/src/components/projects/create/Configure.tsx
+++ b/packages/frontend/src/components/projects/create/Configure.tsx
@ -20,14 +20,10 @@ import { Button } from '../../shared/Button';
 import { Input } from 'components/shared/Input';
 import { useToast } from 'components/shared/Toast';
 import { useGQLClient } from '../../../context/GQLClientContext';
-import IFrameModal from './IFrameModal';
 import EnvironmentVariablesForm from 'pages/org-slug/projects/id/settings/EnvironmentVariablesForm';
 import { EnvironmentVariablesFormValues } from 'types/types';
-import {
-  VITE_LACONICD_CHAIN_ID,
-  VITE_WALLET_IFRAME_URL,
-} from 'utils/constants';
-import AccountsDropdown from './AccountsDropdown';
+import ConnectWallet from './ConnectWallet';
+import { useWalletConnectClient } from 'context/WalletConnectContext';

 type ConfigureDeploymentFormValues = {
  option: string;
@ -40,18 +36,16 @@ type ConfigureFormValues = ConfigureDeploymentFormValues &
  EnvironmentVariablesFormValues;

 const DEFAULT_MAX_PRICE = '10000';
-const TX_APPROVAL_TIMEOUT_MS = 60000;

 const Configure = () => {
+  const { signClient, session, accounts } = useWalletConnectClient();
+
  const [isLoading, setIsLoading] = useState(false);
  const [deployers, setDeployers] = useState<Deployer[]>([]);
  const [selectedAccount, setSelectedAccount] = useState<string>();
-  const [accounts, setAccounts] = useState<string[]>([]);
  const [selectedDeployer, setSelectedDeployer] = useState<Deployer>();
  const [isPaymentLoading, setIsPaymentLoading] = useState(false);
  const [isPaymentDone, setIsPaymentDone] = useState(false);
-  const [isFrameVisible, setIsFrameVisible] = useState(false);
-  const [isAccountsDataReceived, setIsAccountsDataReceived] = useState(false);

  const [searchParams] = useSearchParams();
  const templateId = searchParams.get('templateId');
@ -188,7 +182,7 @@ const Configure = () => {

        let amount: string;
        let senderAddress: string;
-        let txHash: string | null = null;
+        let txHash: string;
        if (createFormData.option === 'LRN' && !deployer?.minimumPayment) {
          toast({
            id: 'no-payment-required',
@ -202,7 +196,7 @@ const Configure = () => {
        } else {
          if (!selectedAccount) return;

-          senderAddress = selectedAccount;
+          senderAddress = selectedAccount.split(':')[2];

          if (createFormData.option === 'LRN') {
            amount = deployer?.minimumPayment!;
@ -214,44 +208,27 @@ const Configure = () => {

          const amountToBePaid = amount.replace(/\D/g, '').toString();

-          txHash = await cosmosSendTokensHandler(senderAddress, amountToBePaid);
+          const txHashResponse = await cosmosSendTokensHandler(
+            selectedAccount,
+            amountToBePaid,
+          );

-          if (!txHash) {
-            toast({
-              id: 'unsuccessful-tx',
-              title: 'Transaction rejected',
-              variant: 'error',
-              onDismiss: dismiss,
-            });
-            setIsFrameVisible(false);
-            setIsPaymentLoading(false);
-            throw new Error('Transaction rejected');
+          if (!txHashResponse) {
+            console.error('Tx not successful');
+            return;
          }

-          // Validate transaction hash
+          txHash = txHashResponse;
+
          const isTxHashValid = await verifyTx(
            senderAddress,
            txHash,
-            amountToBePaid,
+            amountToBePaid.toString(),
          );
-          setIsPaymentLoading(false);

-          if (isTxHashValid) {
-            toast({
-              id: 'payment-successful',
-              title: 'Payment successful',
-              variant: 'success',
-              onDismiss: dismiss,
-            });
-            setIsPaymentDone(true);
-          } else {
-            toast({
-              id: 'invalid-tx-hash',
-              title: 'Transaction validation failed',
-              variant: 'error',
-              onDismiss: dismiss,
-            });
-            throw new Error('Transaction validation failed');
+          if (isTxHashValid === false) {
+            console.error('Invalid Tx hash', txHash);
+            return;
          }
        }

@ -271,7 +248,7 @@ const Configure = () => {
          createFormData,
          environmentVariables,
          senderAddress,
-          txHash!,
+          txHash,
        );

        await client.getEnvironmentVariables(projectId);
@ -293,14 +270,14 @@ const Configure = () => {
                `/${orgSlug}/projects/create/deploy?projectId=${projectId}`,
              );
        }
-      } catch (error: any) {
+      } catch (error) {
+        console.error(error);
        toast({
          id: 'error-deploying-app',
          title: 'Error deploying app',
          variant: 'error',
          onDismiss: dismiss,
        });
-        throw new Error(error);
      }
    },
    [client, createProject, dismiss, toast],
@ -325,94 +302,71 @@ const Configure = () => {

  const cosmosSendTokensHandler = useCallback(
    async (selectedAccount: string, amount: string) => {
-      if (!selectedAccount) {
-        throw new Error('Account not selected');
+      if (!signClient || !session || !selectedAccount) {
+        return;
      }

-      const senderAddress = selectedAccount;
+      const chainId = selectedAccount.split(':')[1];
+      const senderAddress = selectedAccount.split(':')[2];
      const snowballAddress = await client.getAddress();
-      let timeoutId;

      try {
        setIsPaymentDone(false);
        setIsPaymentLoading(true);

-        await requestTx(senderAddress, snowballAddress, amount);
-
-        const txHash = await new Promise<string | null>((resolve, reject) => {
-          const handleTxStatus = async (event: MessageEvent) => {
-            if (event.origin !== VITE_WALLET_IFRAME_URL) return;
-
-            if (event.data.type === 'TRANSACTION_RESPONSE') {
-              const txResponse = event.data.data;
-              resolve(txResponse);
-            } else if (event.data.type === 'ERROR') {
-              console.error('Error from wallet:', event.data.message);
-              reject(new Error('Transaction failed'));
        toast({
-                id: 'error-transaction',
-                title: 'Error during transaction',
-                variant: 'error',
+          id: 'sending-payment-request',
+          title: 'Check your wallet and approve payment request',
+          variant: 'loading',
          onDismiss: dismiss,
        });
-            }
-            setIsFrameVisible(false);

-            window.removeEventListener('message', handleTxStatus);
-          };
-
-          window.addEventListener('message', handleTxStatus);
-
-          // Set a timeout, consider unsuccessful after 1 min
-          timeoutId = setTimeout(() => {
-            reject(new Error('Transaction timeout'));
-            window.removeEventListener('message', handleTxStatus);
-            toast({
-              id: 'transaction-timeout',
-              title: 'The transaction request timed out. Please try again',
-              variant: 'error',
-              onDismiss: dismiss,
-            });
-            setIsFrameVisible(false);
-            setIsPaymentLoading(false);
-          }, TX_APPROVAL_TIMEOUT_MS);
-        });
-        return txHash;
-      } catch (error) {
-        console.error('Error in transaction:', error);
-        throw new Error('Error in transaction');
-      } finally {
-        clearTimeout(timeoutId);
-      }
-    },
-    [client, dismiss, toast],
-  );
-
-  const requestTx = async (
-    sender: string,
-    recipient: string,
-    amount: string,
-  ) => {
-    const iframe = document.getElementById('walletIframe') as HTMLIFrameElement;
-
-    if (!iframe.contentWindow) {
-      console.error('Iframe not found or not loaded');
-      throw new Error('Iframe not found or not loaded');
-    }
-
-    iframe.contentWindow.postMessage(
+        const result: { signature: string } = await signClient.request({
+          topic: session.topic,
+          chainId: `cosmos:${chainId}`,
+          request: {
+            method: 'cosmos_sendTokens',
+            params: [
              {
-        type: 'REQUEST_TX',
-        chainId: VITE_LACONICD_CHAIN_ID,
-        fromAddress: sender,
-        toAddress: recipient,
-        amount,
+                from: senderAddress,
+                to: snowballAddress,
+                value: amount,
              },
-      VITE_WALLET_IFRAME_URL,
-    );
+            ],
+          },
+        });

-    setIsFrameVisible(true);
-  };
+        if (!result) {
+          throw new Error('Error completing transaction');
+        }
+
+        toast({
+          id: 'payment-successful',
+          title: 'Payment successful',
+          variant: 'success',
+          onDismiss: dismiss,
+        });
+
+        setIsPaymentDone(true);
+
+        return result.signature;
+      } catch (error: any) {
+        console.error('Error sending tokens', error);
+
+        toast({
+          id: 'error-sending-tokens',
+          title: 'Error sending tokens',
+          variant: 'error',
+          onDismiss: dismiss,
+        });
+
+        setIsPaymentDone(false);
+      } finally {
+        setIsPaymentLoading(false);
+      }
+    },
+    [session, signClient, toast],
+  );

  useEffect(() => {
    fetchDeployers();
@ -566,7 +520,7 @@ const Configure = () => {
                <Button
                  {...buttonSize}
                  type="submit"
-                  disabled={isLoading || !selectedDeployer}
+                  disabled={isLoading || !selectedDeployer || !selectedAccount}
                  rightIcon={
                    isLoading ? (
                      <LoadingIcon className="animate-spin" />
@ -580,12 +534,11 @@ const Configure = () => {
              </div>
            ) : (
              <>
-                <AccountsDropdown
-                  accounts={accounts}
-                  onAccountChange={onAccountChange}
-                  isDataReceived={isAccountsDataReceived}
-                />
-                {accounts.length > 0 && (
+                <Heading as="h4" className="md:text-lg font-medium mb-3">
+                  Connect to your wallet
+                </Heading>
+                <ConnectWallet onAccountChange={onAccountChange} />
+                {accounts && accounts?.length > 0 && (
                  <div>
                    <Button
                      {...buttonSize}
@ -616,12 +569,6 @@ const Configure = () => {
            )}
          </form>
        </FormProvider>
-
-        <IFrameModal
-          setAccounts={setAccounts}
-          setIsDataReceived={setIsAccountsDataReceived}
-          isVisible={isFrameVisible}
-        />
      </div>
    </div>
  );
--- a/packages/frontend/src/components/projects/create/ConnectAccount.tsx
+++ b/packages/frontend/src/components/projects/create/ConnectAccount.tsx
@ -16,7 +16,7 @@ import { MockConnectGitCard } from './MockConnectGitCard';
 import { VITE_GITHUB_CLIENT_ID } from 'utils/constants';
 import { LaconicIcon } from 'components/shared/CustomIcon/LaconicIcon';

-const SCOPES = 'public_repo user';
+const SCOPES = 'repo user';
 const GITHUB_OAUTH_URL = `https://github.com/login/oauth/authorize?client_id=${VITE_GITHUB_CLIENT_ID}&scope=${encodeURIComponent(SCOPES)}`;

 interface ConnectAccountInterface {
--- a/packages/frontend/src/components/projects/create/ConnectWallet.tsx
+++ b/packages/frontend/src/components/projects/create/ConnectWallet.tsx
@ -0,0 +1,47 @@
+import { Select, Option } from '@snowballtools/material-tailwind-react-fork';
+
+import { Button } from '../../shared/Button';
+import { useWalletConnectClient } from 'context/WalletConnectContext';
+
+const ConnectWallet = ({
+  onAccountChange,
+}: {
+  onAccountChange: (selectedAccount: string) => void;
+}) => {
+  const { onConnect, accounts } = useWalletConnectClient();
+
+  const handleConnect = async () => {
+    await onConnect();
+  };
+
+  return (
+    <div className="p-4 bg-slate-100 dark:bg-overlay3 rounded-lg mb-6">
+      {!accounts ? (
+        <div>
+          <Button type={'button'} onClick={handleConnect}>
+            Connect Wallet
+          </Button>
+        </div>
+      ) : (
+        <div>
+          <Select
+            label="Select Account"
+            defaultValue={accounts[0].address}
+            onChange={(value) => {
+              value && onAccountChange(value);
+            }}
+            className="dark:bg-overlay2 dark:text-foreground"
+          >
+            {accounts.map((account, index) => (
+              <Option key={index} value={account.address}>
+                {account.address.split(':').slice(1).join(':')}
+              </Option>
+            ))}
+          </Select>
+        </div>
+      )}
+    </div>
+  );
+};
+
+export default ConnectWallet;
--- a/packages/frontend/src/components/projects/create/IFrameModal.tsx
+++ b/packages/frontend/src/components/projects/create/IFrameModal.tsx
@ -1,88 +0,0 @@
-import { useCallback, useEffect } from 'react';
-
-import { Box, Modal } from '@mui/material';
-
-import {
-  VITE_LACONICD_CHAIN_ID,
-  VITE_WALLET_IFRAME_URL,
-} from 'utils/constants';
-
-const IFrameModal = ({
-  setAccounts,
-  setIsDataReceived,
-  isVisible,
-}: {
-  setAccounts: (accounts: string[]) => void;
-  setIsDataReceived: (isReceived: boolean) => void;
-  isVisible: boolean;
-}) => {
-  useEffect(() => {
-    const handleMessage = (event: MessageEvent) => {
-      if (event.origin !== VITE_WALLET_IFRAME_URL) return;
-
-      setIsDataReceived(true);
-      if (event.data.type === 'WALLET_ACCOUNTS_DATA') {
-        setAccounts(event.data.data);
-      } else if (event.data.type === 'ERROR') {
-        console.error('Error from wallet:', event.data.message);
-      }
-    };
-
-    window.addEventListener('message', handleMessage);
-
-    return () => {
-      window.removeEventListener('message', handleMessage);
-    };
-  }, []);
-
-  const getDataFromWallet = useCallback(() => {
-    const iframe = document.getElementById('walletIframe') as HTMLIFrameElement;
-
-    if (!iframe.contentWindow) {
-      console.error('Iframe not found or not loaded');
-      return;
-    }
-
-    iframe.contentWindow.postMessage(
-      {
-        type: 'REQUEST_WALLET_ACCOUNTS',
-        chainId: VITE_LACONICD_CHAIN_ID,
-      },
-      VITE_WALLET_IFRAME_URL,
-    );
-  }, []);
-
-  return (
-    <Modal open={isVisible} disableEscapeKeyDown keepMounted>
-      <Box
-        sx={{
-          position: 'absolute',
-          top: '50%',
-          left: '50%',
-          transform: 'translate(-50%, -50%)',
-          width: '90%',
-          maxWidth: '1200px',
-          height: '600px',
-          maxHeight: '80vh',
-          overflow: 'auto',
-          boxShadow: 24,
-          borderRadius: '8px',
-          outline: 'none',
-          bgcolor: 'background.paper',
-        }}
-      >
-        <iframe
-          onLoad={getDataFromWallet}
-          id="walletIframe"
-          src={`${VITE_WALLET_IFRAME_URL}/wallet-embed`}
-          width="100%"
-          height="100%"
-          sandbox="allow-scripts allow-same-origin"
-          className="border rounded-md shadow-sm"
-        ></iframe>
-      </Box>
-    </Modal>
-  );
-};
-
-export default IFrameModal;
--- a/packages/frontend/src/components/projects/create/MockConnectGitCard.tsx
+++ b/packages/frontend/src/components/projects/create/MockConnectGitCard.tsx
@ -1,8 +1,6 @@
 import React, { useMemo } from 'react';
 import { SegmentedControls } from 'components/shared/SegmentedControls';
 import { useState } from 'react';
-import { useMediaQuery } from 'usehooks-ts';
-
 import {
  GithubIcon,
  LockIcon,
@ -10,7 +8,7 @@ import {
  TemplateIconType,
 } from 'components/shared/CustomIcon';
 import { relativeTimeISO } from 'utils/time';
-import templates from 'assets/templates';
+import { useMediaQuery } from 'usehooks-ts';

 export const MockConnectGitCard = () => {
  const [segmentedControlsValue, setSegmentedControlsValue] =
@ -48,6 +46,29 @@ export const MockConnectGitCard = () => {
    },
  ];

+  const TEMPLATE_CONTENT = [
+    {
+      name: 'Web app',
+      icon: 'web',
+    },
+    {
+      name: 'Progressive Web App (PWA)',
+      icon: 'pwa',
+    },
+    {
+      name: 'React Native',
+      icon: 'react-native',
+    },
+    {
+      name: 'Kotlin',
+      icon: 'kotlin',
+    },
+    {
+      name: 'Swift',
+      icon: 'swift',
+    },
+  ];
+
  const renderContent = useMemo(() => {
    if (segmentedControlsValue === 'import') {
      return (
@ -65,7 +86,7 @@ export const MockConnectGitCard = () => {
    }
    return (
      <div className="grid grid-cols-1 lg:grid-cols-2 relative z-0">
-        {templates.map((template, index) => (
+        {TEMPLATE_CONTENT.map((template, index) => (
          <MockTemplateCard key={index} {...template} />
        ))}
      </div>
--- a/packages/frontend/src/components/projects/create/ProjectRepoCard/ProjectRepoCard.tsx
+++ b/packages/frontend/src/components/projects/create/ProjectRepoCard/ProjectRepoCard.tsx
@ -49,21 +49,21 @@ export const ProjectRepoCard: React.FC<ProjectRepoCardProps> = ({
      onClick={createProject}
    >
      {/* Icon container */}
-      <div className="w-10 h-10 bg-base-bg rounded-md justify-center items-center flex dark:bg-overlay">
+      <div className="w-10 h-10 bg-base-bg rounded-md justify-center items-center flex">
        <GithubIcon />
      </div>
      {/* Content */}
      <div className="flex flex-1 gap-3 flex-wrap">
        <div className="flex flex-col gap-1">
-          <p className="text-elements-high-em dark:text-foreground text-sm font-medium tracking-[-0.006em]">
+          <p className="text-elements-high-em text-sm font-medium tracking-[-0.006em]">
            {repository.full_name}
          </p>
-          <p className="text-elements-low-em dark:text-foreground-secondary text-xs">
+          <p className="text-elements-low-em text-xs">
            {repository.updated_at && relativeTimeISO(repository.updated_at)}
          </p>
        </div>
        {repository.visibility === 'private' && (
-          <div className="bg-orange-50 border border-orange-200 px-2 py-1 flex items-center gap-1 rounded-lg text-xs text-orange-600 dark:text-error h-fit">
+          <div className="bg-orange-50 border border-orange-200 px-2 py-1 flex items-center gap-1 rounded-lg text-xs text-orange-600 h-fit">
            <LockIcon />
            Private
          </div>
--- a/packages/frontend/src/components/projects/create/RepositoryList/RepositoryList.tsx
+++ b/packages/frontend/src/components/projects/create/RepositoryList/RepositoryList.tsx
@ -166,9 +166,7 @@ export const RepositoryList = () => {
        </div>
      ) : (
        <div className="mt-4 p-6 flex flex-col gap-4 items-center justify-center">
-          <p className="text-elements-high-em dark:text-foreground font-sans">
-            No repository found
-          </p>
+          <p className="text-elements-high-em font-sans">No repository found</p>
          <Button
            variant="tertiary"
            leftIcon={<RefreshIcon />}
--- a/packages/frontend/src/components/projects/project/deployments/AssignDomainDialog.tsx
+++ b/packages/frontend/src/components/projects/project/deployments/AssignDomainDialog.tsx
@ -0,0 +1,42 @@
+import { CopyBlock, atomOneLight } from 'react-code-blocks';
+import { Link } from 'react-router-dom';
+
+import { Modal } from 'components/shared/Modal';
+import { Button } from 'components/shared/Button';
+
+interface AssignDomainProps {
+  open: boolean;
+  handleOpen: () => void;
+}
+
+const AssignDomainDialog = ({ open, handleOpen }: AssignDomainProps) => {
+  return (
+    <Modal open={open} onOpenChange={handleOpen}>
+      <Modal.Content>
+        <Modal.Header>Assign Domain</Modal.Header>
+        <Modal.Body>
+          In order to assign a domain to your production deployments, configure
+          it in the{' '}
+          {/* TODO: Fix selection of project settings tab on navigation to domains */}
+          <Link to="../settings/domains" className="text-light-blue-800 inline">
+            project settings{' '}
+          </Link>
+          (recommended). If you want to assign to this specific deployment,
+          however, you can do so using our command-line interface:
+          {/* https://github.com/rajinwonderland/react-code-blocks/issues/138 */}
+          <CopyBlock
+            text="snowball alias <deployment> <domain>"
+            language=""
+            showLineNumbers={false}
+            theme={atomOneLight}
+          />
+        </Modal.Body>
+        <Modal.Footer className="flex justify-start">
+          <Button onClick={handleOpen}>Okay</Button>
+        </Modal.Footer>
+      </Modal.Content>
+    </Modal>
+  );
+};
+
+export default AssignDomainDialog;
--- a/packages/frontend/src/components/projects/project/deployments/DeploymentDetailsCard.tsx
+++ b/packages/frontend/src/components/projects/project/deployments/DeploymentDetailsCard.tsx
@ -92,7 +92,7 @@ const DeploymentDetailsCard = ({
    }
  };

-  const fetchDeploymentLogs = useCallback(async () => {
+  const fetchDeploymentLogs = async () => {
    setDeploymentLogs('Loading logs...');
    handleOpenDialog();
    const statusUrl = `${deployment.deployer.deployerApiUrl}/${deployment.applicationDeploymentRequestId}`;
@ -108,7 +108,7 @@ const DeploymentDetailsCard = ({
      );
      setDeploymentLogs(logsRes);
    }
-  }, [deployment.deployer, deployment.applicationDeploymentRequestId]);
+  };

  const renderDeploymentStatus = useCallback(
    (className?: string) => {
@ -127,7 +127,7 @@ const DeploymentDetailsCard = ({
        </Tooltip>
      );
    },
-    [deployment.status, deployment.commitHash, fetchDeploymentLogs],
+    [deployment.status, deployment.commitHash],
  );

  return (
--- a/packages/frontend/src/components/projects/project/deployments/DeploymentMenu.tsx
+++ b/packages/frontend/src/components/projects/project/deployments/DeploymentMenu.tsx
@ -10,6 +10,7 @@ import {
 import { Deployment, Domain, Environment, Project } from 'gql-client';
 import { Button } from 'components/shared/Button';
 import {
+  GlobeIcon,
  HorizontalDotIcon,
  LinkIcon,
  RefreshIcon,
@ -17,6 +18,7 @@ import {
  UndoIcon,
  CrossCircleIcon,
 } from 'components/shared/CustomIcon';
+import AssignDomainDialog from './AssignDomainDialog';
 import { useGQLClient } from 'context/GQLClientContext';
 import { cn } from 'utils/classnames';
 import { ChangeStateToProductionDialog } from 'components/projects/Dialog/ChangeStateToProductionDialog';
@ -47,8 +49,8 @@ export const DeploymentMenu = ({
  const [redeployToProduction, setRedeployToProduction] = useState(false);
  const [deleteDeploymentDialog, setDeleteDeploymentDialog] = useState(false);
  const [isConfirmDeleteLoading, setIsConfirmDeleteLoading] = useState(false);
-  const [isConfirmUpdateLoading, setIsConfirmUpdateLoading] = useState(false);
  const [rollbackDeployment, setRollbackDeployment] = useState(false);
+  const [assignDomainDialog, setAssignDomainDialog] = useState(false);
  const [isConfirmButtonLoading, setConfirmButtonLoadingLoading] =
    useState(false);

@ -56,8 +58,6 @@ export const DeploymentMenu = ({
    const isUpdated = await client.updateDeploymentToProd(deployment.id);
    if (isUpdated.updateDeploymentToProd) {
      await onUpdate();
-      setIsConfirmUpdateLoading(false);
-
      toast({
        id: 'deployment_changed_to_production',
        title: 'Deployment changed to production',
@ -102,8 +102,6 @@ export const DeploymentMenu = ({
    );
    if (isRollbacked.rollbackDeployment) {
      await onUpdate();
-      setIsConfirmUpdateLoading(false);
-
      toast({
        id: 'deployment_rolled_back',
        title: 'Deployment rolled back',
@ -175,6 +173,12 @@ export const DeploymentMenu = ({
                <LinkIcon /> Visit
              </a>
            </MenuItem>
+            <MenuItem
+              className="hover:bg-base-bg-emphasized flex items-center gap-3"
+              onClick={() => setAssignDomainDialog(!assignDomainDialog)}
+            >
+              <GlobeIcon /> Assign domain
+            </MenuItem>
            <MenuItem
              className="hover:bg-base-bg-emphasized flex items-center gap-3"
              onClick={() => setChangeToProduction(!changeToProduction)}
@ -222,11 +226,9 @@ export const DeploymentMenu = ({
        handleCancel={() => setChangeToProduction((preVal) => !preVal)}
        open={changeToProduction}
        handleConfirm={async () => {
-          setIsConfirmUpdateLoading(true);
          await updateDeployment();
          setChangeToProduction((preVal) => !preVal);
        }}
-        isConfirmButtonLoading={isConfirmUpdateLoading}
        deployment={deployment}
        domains={prodBranchDomains}
      />
@ -241,7 +243,7 @@ export const DeploymentMenu = ({
          setRedeployToProduction((preVal) => !preVal);
        }}
        deployment={deployment}
-        domains={prodBranchDomains}
+        domains={deployment.domain ? [deployment.domain] : []}
        isConfirmButtonLoading={isConfirmButtonLoading}
      />
      {Boolean(currentDeployment) && (
@ -251,16 +253,18 @@ export const DeploymentMenu = ({
          open={rollbackDeployment}
          confirmButtonTitle="Rollback"
          handleConfirm={async () => {
-            setIsConfirmUpdateLoading(true);
            await rollbackDeploymentHandler();
            setRollbackDeployment((preVal) => !preVal);
          }}
          deployment={currentDeployment}
          newDeployment={deployment}
-          domains={prodBranchDomains}
-          isConfirmButtonLoading={isConfirmUpdateLoading}
+          domains={currentDeployment.domain ? [currentDeployment.domain] : []}
        />
      )}
+      <AssignDomainDialog
+        open={assignDomainDialog}
+        handleOpen={() => setAssignDomainDialog(!assignDomainDialog)}
+      />
      <DeleteDeploymentDialog
        open={deleteDeploymentDialog}
        handleConfirm={async () => {
--- a/packages/frontend/src/components/projects/project/settings/DomainCard.tsx
+++ b/packages/frontend/src/components/projects/project/settings/DomainCard.tsx
@ -1,5 +1,5 @@
-import { useEffect, useState } from 'react';
-import { DNSRecordAttributes, Domain, DomainStatus, Project } from 'gql-client';
+import { useState } from 'react';
+import { Domain, DomainStatus, Project } from 'gql-client';

 import {
  Typography,
@ -14,27 +14,22 @@ import EditDomainDialog from './EditDomainDialog';
 import { useGQLClient } from 'context/GQLClientContext';
 import { DeleteDomainDialog } from 'components/projects/Dialog/DeleteDomainDialog';
 import { useToast } from 'components/shared/Toast';
-import { GearIcon } from 'components/shared/CustomIcon';
+import { Tag } from 'components/shared/Tag';
+import {
+  CheckIcon,
+  CrossIcon,
+  GearIcon,
+  LoadingIcon,
+} from 'components/shared/CustomIcon';
 import { Heading } from 'components/shared/Heading';
 import { Button } from 'components/shared/Button';
-import { useParams } from 'react-router-dom';

-// NOTE: Commented code for verify domain functionality
-// import { Tag } from 'components/shared/Tag';
-// import {
-//   CheckIcon,
-//   CrossIcon,
-//   LoadingIcon,
-// } from 'components/shared/CustomIcon';
-
-// enum RefreshStatus {
-//   IDLE,
-//   CHECKING,
-//   CHECK_SUCCESS,
-//   CHECK_FAIL,
-// }
-
-// const CHECK_FAIL_TIMEOUT = 5000; // In milliseconds
+enum RefreshStatus {
+  IDLE,
+  CHECKING,
+  CHECK_SUCCESS,
+  CHECK_FAIL,
+}

 interface DomainCardProps {
  domains: Domain[];
@ -44,6 +39,14 @@ interface DomainCardProps {
  onUpdate: () => Promise<void>;
 }

+const CHECK_FAIL_TIMEOUT = 5000; // In milliseconds
+
+// TODO: Get domain record
+const DOMAIN_RECORD = {
+  type: 'A',
+  name: '@',
+  value: '56.49.19.21',
+};

 const DomainCard = ({
  domains,
@ -53,11 +56,9 @@ const DomainCard = ({
  onUpdate,
 }: DomainCardProps) => {
  const { toast, dismiss } = useToast();
-  const { id } = useParams();
+  const [refreshStatus, SetRefreshStatus] = useState(RefreshStatus.IDLE);
  const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);
  const [editDialogOpen, setEditDialogOpen] = useState(false);
-  const [dnsRecord, setDnsRecord] = useState<DNSRecordAttributes | null>(null);
-  // const [refreshStatus, SetRefreshStatus] = useState(RefreshStatus.IDLE);

  const client = useGQLClient();

@ -82,33 +83,13 @@ const DomainCard = ({
    }
  };

-  useEffect(() => {
-    const fetchDNSData = async () => {
-      if (id === undefined) {
-        toast({
-          id: 'domain_cannot_find_project',
-          title: 'Cannot find project',
-          variant: 'error',
-          onDismiss: dismiss,
-        });
-        return;
-      }
-
-      const dnsRecordResponse = await client.getLatestDNSRecordByProjectId(id);
-
-      setDnsRecord(dnsRecordResponse.latestDNSRecord);
-    };
-
-    fetchDNSData();
-  }, [id, client]);
-
  return (
    <>
      <div className="flex justify-between py-3">
        <div className="flex justify-start gap-1">
          <Heading as="h6" className="flex-col">
            {domain.name}{' '}
-            {/* <Tag
+            <Tag
              type={
                domain.status === DomainStatus.Live ? 'positive' : 'negative'
              }
@ -121,12 +102,12 @@ const DomainCard = ({
              }
            >
              {domain.status}
-            </Tag> */}
+            </Tag>
          </Heading>
        </div>

        <div className="flex justify-start gap-1">
-          {/* <i
+          <i
            id="refresh"
            className="cursor-pointer"
            onClick={() => {
@ -141,7 +122,7 @@ const DomainCard = ({
            ) : (
              'L'
            )}
-          </i> */}
+          </i>
          <Menu placement="bottom-end">
            <MenuHandler>
              <Button iconOnly>
@ -182,11 +163,11 @@ const DomainCard = ({
      <Typography variant="small">Production</Typography>
      {domain.status === DomainStatus.Pending && (
        <Card className="bg-slate-100 p-4 text-sm">
-          {/* {refreshStatus === RefreshStatus.IDLE ? ( */}
+          {refreshStatus === RefreshStatus.IDLE ? (
            <Heading>
-            ^ Add these records to your domain {/* and refresh to check */}
+              ^ Add these records to your domain and refresh to check
            </Heading>
-          {/* ) : refreshStatus === RefreshStatus.CHECKING ? (
+          ) : refreshStatus === RefreshStatus.CHECKING ? (
            <Heading className="text-blue-500">
              ^ Checking records for {domain.name}
            </Heading>
@ -197,7 +178,7 @@ const DomainCard = ({
                hours. Please ensure you added the correct records and refresh.
              </div>
            </div>
-          )} */}
+          )}

          <table>
            <thead>
@ -208,15 +189,11 @@ const DomainCard = ({
              </tr>
            </thead>
            <tbody>
-              {dnsRecord ? (
              <tr>
-                  <td>{dnsRecord.resourceType}</td>
-                  <td>@</td>
-                  <td>{dnsRecord.value ?? 'Not Configured'}</td>
+                <td>{DOMAIN_RECORD.type}</td>
+                <td>{DOMAIN_RECORD.name}</td>
+                <td>{DOMAIN_RECORD.value}</td>
              </tr>
-              ) : (
-                <p className={'text-red-500'}>DNS record data not available</p>
-              )}
            </tbody>
          </table>
        </Card>
--- a/packages/frontend/src/components/projects/project/settings/EditDomainDialog.tsx
+++ b/packages/frontend/src/components/projects/project/settings/EditDomainDialog.tsx
@ -1,15 +1,11 @@
-import {
-  useCallback,
-  useEffect,
-} from 'react';
-import {
-  useForm,
-  SubmitHandler,
-} from 'react-hook-form';
+import { useCallback, useEffect, useMemo } from 'react';
+import { Controller, useForm, SubmitHandler } from 'react-hook-form';
 import { Domain } from 'gql-client';

 import {
  Typography,
+  Select,
+  Option,
 } from '@snowballtools/material-tailwind-react-fork';

 import { useGQLClient } from 'context/GQLClientContext';
@ -18,15 +14,7 @@ import { Button } from 'components/shared/Button';
 import { Input } from 'components/shared/Input';
 import { useToast } from 'components/shared/Toast';

-// NOTE: Commented code for redirect domain functionality
-// import {
-//   Select,
-//   Option,
-// } from '@snowballtools/material-tailwind-react-fork';
-// import { Controller } from 'react-hook-form';
-// import { useMemo } from 'react';
-
-// const DEFAULT_REDIRECT_OPTIONS = ['none'];
+const DEFAULT_REDIRECT_OPTIONS = ['none'];

 interface EditDomainDialogProp {
  domains: Domain[];
@ -40,7 +28,7 @@ interface EditDomainDialogProp {
 type EditDomainValues = {
  name: string;
  branch: string;
-  // redirectedTo: string;
+  redirectedTo: string;
 };

 const EditDomainDialog = ({
@ -54,58 +42,58 @@ const EditDomainDialog = ({
  const client = useGQLClient();
  const { toast, dismiss } = useToast();

-  // const getRedirectUrl = (domain: Domain) => {
-  //   const redirectDomain = domain.redirectTo;
+  const getRedirectUrl = (domain: Domain) => {
+    const redirectDomain = domain.redirectTo;

-  //   if (redirectDomain !== null) {
-  //     return redirectDomain?.name;
-  //   } else {
-  //     return 'none';
-  //   }
-  // };
+    if (redirectDomain !== null) {
+      return redirectDomain?.name;
+    } else {
+      return 'none';
+    }
+  };

-  // const redirectOptions = useMemo(() => {
-  //   const domainNames = domains
-  //     .filter((domainData) => domainData.id !== domain.id)
-  //     .map((domain) => domain.name);
-  //   return ['none', ...domainNames];
-  // }, [domain, domains]);
+  const redirectOptions = useMemo(() => {
+    const domainNames = domains
+      .filter((domainData) => domainData.id !== domain.id)
+      .map((domain) => domain.name);
+    return ['none', ...domainNames];
+  }, [domain, domains]);

-  // const domainRedirectedFrom = useMemo(() => {
-  //   return domains.find(
-  //     (domainData) => domainData.redirectTo?.id === domain.id,
-  //   );
-  // }, [domains, domain]);
+  const domainRedirectedFrom = useMemo(() => {
+    return domains.find(
+      (domainData) => domainData.redirectTo?.id === domain.id,
+    );
+  }, [domains, domain]);

-  // const isDisableDropdown = useMemo(() => {
-  //   return domainRedirectedFrom !== undefined;
-  // }, [domain, domains]);
+  const isDisableDropdown = useMemo(() => {
+    return domainRedirectedFrom !== undefined;
+  }, [domain, domains]);

  const {
    handleSubmit,
    register,
-    // control,
-    // watch,
+    control,
+    watch,
    reset,
    formState: { isValid, isDirty },
  } = useForm({
    defaultValues: {
      name: domain.name,
      branch: domain.branch,
-      // redirectedTo: getRedirectUrl(domain),
+      redirectedTo: getRedirectUrl(domain),
    },
  });

  const updateDomainHandler: SubmitHandler<EditDomainValues> = useCallback(
    async (data) => {
-      // const domainRedirectTo = domains.find(
-      //   (domainData) => data.redirectedTo === domainData.name,
-      // );
+      const domainRedirectTo = domains.find(
+        (domainData) => data.redirectedTo === domainData.name,
+      );

      const updates = {
        name: data.name ? data.name : domain.name,
        branch: data.branch ? data.branch : domain.branch,
-        // redirectToId: domainRedirectTo ? domainRedirectTo.id : null,
+        redirectToId: domainRedirectTo ? domainRedirectTo.id : null,
      };

      const { updateDomain } = await client.updateDomain(domain.id, updates);
@ -137,7 +125,7 @@ const EditDomainDialog = ({
    reset({
      name: domain.name,
      branch: domain.branch,
-      // redirectedTo: getRedirectUrl(domain),
+      redirectedTo: getRedirectUrl(domain),
    });
  }, [domain]);

@ -149,7 +137,7 @@ const EditDomainDialog = ({
          <Modal.Body className="flex flex-col gap-2">
            <Typography variant="small">Domain name</Typography>
            <Input {...register('name')} />
-            {/* <Typography variant="small">Redirect to</Typography>
+            <Typography variant="small">Redirect to</Typography>
            <Controller
              name="redirectedTo"
              control={control}
@ -173,7 +161,7 @@ const EditDomainDialog = ({
                  further.
                </Typography>
              </div>
-            )} */}
+            )}
            <Typography variant="small">Git branch</Typography>
            <Input
              {...register('branch', {
@ -181,8 +169,8 @@ const EditDomainDialog = ({
                  Boolean(branches.length) ? branches.includes(value) : true,
              })}
              disabled={
-                !Boolean(branches.length)
-                // || watch('redirectedTo') !== DEFAULT_REDIRECT_OPTIONS[0]
+                !Boolean(branches.length) ||
+                watch('redirectedTo') !== DEFAULT_REDIRECT_OPTIONS[0]
              }
            />
            {!isValid && (
--- a/packages/frontend/src/components/projects/project/settings/GitSelectionSection.tsx
+++ b/packages/frontend/src/components/projects/project/settings/GitSelectionSection.tsx
@ -17,7 +17,6 @@ const GitSelectionSection = ({
        <div className="grow">Github</div>
        <div>{'>'}</div>
      </div>
-      {/* 
      <div
        className="flex gap-4 border-b-2 border-gray-200 cursor-pointer p-1"
        onClick={() => {}}
@ -26,7 +25,6 @@ const GitSelectionSection = ({
        <div className="grow">Gitea</div>
        <div>{'>'}</div>
      </div>
-      */}
    </>
  );
 };
--- a/packages/frontend/src/components/projects/project/settings/SetupDomain.tsx
+++ b/packages/frontend/src/components/projects/project/settings/SetupDomain.tsx
@ -1,14 +1,12 @@
+import { useEffect, useState } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { useForm } from 'react-hook-form';

 import { Heading } from 'components/shared/Heading';
+import { InlineNotification } from 'components/shared/InlineNotification';
 import { Input } from 'components/shared/Input';
 import { Button } from 'components/shared/Button';
-
-// NOTE: Commented code for redirect domain functionality
-// import { useEffect, useState } from 'react';
-// import { InlineNotification } from 'components/shared/InlineNotification';
-// import { Radio } from 'components/shared/Radio';
+import { Radio } from 'components/shared/Radio';

 interface SetupDomainFormValues {
  domainName: string;
@ -20,45 +18,47 @@ const SetupDomain = () => {
    register,
    handleSubmit,
    formState: { isValid },
-    // watch,
-    // setValue,
+    watch,
+    setValue,
  } = useForm<SetupDomainFormValues>({
    defaultValues: {
      domainName: '',
-      // isWWW: 'false',
+      isWWW: 'false',
    },
    mode: 'onChange',
  });

+  const [domainStr, setDomainStr] = useState<string>('');
  const navigate = useNavigate();
-  // const [domainStr, setDomainStr] = useState<string>('');
-  // const isWWWRadioOptions = [
-  //   { label: domainStr, value: 'false' },
-  //   { label: `www.${domainStr}`, value: 'true' },
-  // ];
+  const isWWWRadioOptions = [
+    { label: domainStr, value: 'false' },
+    { label: `www.${domainStr}`, value: 'true' },
+  ];

-  // useEffect(() => {
-  //   const subscription = watch((value, { name }) => {
-  //     if (name === 'domainName' && value.domainName) {
-  //       const domainArr = value.domainName.split('www.');
-  //       const cleanedDomain =
-  //         domainArr.length > 1 ? domainArr[1] : domainArr[0];
-  //       setDomainStr(cleanedDomain);
+  useEffect(() => {
+    const subscription = watch((value, { name }) => {
+      if (name === 'domainName' && value.domainName) {
+        const domainArr = value.domainName.split('www.');
+        const cleanedDomain =
+          domainArr.length > 1 ? domainArr[1] : domainArr[0];
+        setDomainStr(cleanedDomain);

-  //       setValue(
-  //         'isWWW',
-  //         value.domainName.startsWith('www.') ? 'true' : 'false',
-  //       );
-  //     }
-  //   });
+        setValue(
+          'isWWW',
+          value.domainName.startsWith('www.') ? 'true' : 'false',
+        );
+      }
+    });

-  //   return () => subscription.unsubscribe();
-  // }, [watch, setValue]);
+    return () => subscription.unsubscribe();
+  }, [watch, setValue]);

  return (
    <form
-      onSubmit={handleSubmit((e) => {
-        navigate(`config?name=${e.domainName}`)
+      onSubmit={handleSubmit(() => {
+        watch('isWWW') === 'true'
+          ? navigate(`config?name=www.${domainStr}`)
+          : navigate(`config?name=${domainStr}`);
      })}
      className="flex flex-col gap-6 w-full"
    >
@ -67,7 +67,7 @@ const SetupDomain = () => {
          Setup domain name
        </Heading>
        <p className="text-slate-500 text-sm font-normal leading-tight">
-          Add your domain {/* and setup redirects */}
+          Add your domain and setup redirects
        </p>
      </div>

@ -80,7 +80,7 @@ const SetupDomain = () => {
        label="Domain name"
      />

-      {/* {isValid && (
+      {isValid && (
        <div className="self-stretch flex flex-col gap-4">
          <Heading className="text-sky-950 text-lg font-medium leading-normal">
            Primary domain
@ -99,7 +99,7 @@ const SetupDomain = () => {
            }. Redirect preferences can be changed later`}
          />
        </div>
-      )} */}
+      )}

      <div className="self-stretch">
        <Button disabled={!isValid} type="submit" shape="default">
--- a/packages/frontend/src/components/shared/CustomIcon/templates/TemplateIcon.tsx
+++ b/packages/frontend/src/components/shared/CustomIcon/templates/TemplateIcon.tsx
@ -1,10 +1,19 @@
 import { useMemo } from 'react';
 import { CustomIconProps } from '../CustomIcon';
+import { ReactNativeIcon } from './ReactNativeIcon';
 import { cloneIcon } from 'utils/cloneIcon';
 import { PWAIcon } from './PWAIcon';
 import { WebAppIcon } from './WebAppIcon';
+import { KotlinIcon } from './KotlinIcon';
+import { SwitfIcon } from './SwiftIcon';

-const TEMPLATE_ICONS = ['pwa', 'web'] as const;
+const TEMPLATE_ICONS = [
+  'react-native',
+  'pwa',
+  'web',
+  'kotlin',
+  'swift',
+] as const;
 export type TemplateIconType = (typeof TEMPLATE_ICONS)[number];

 export interface TemplateIconProps extends CustomIconProps {
@ -14,10 +23,16 @@ export interface TemplateIconProps extends CustomIconProps {
 export const TemplateIcon = ({ type, ...props }: TemplateIconProps) => {
  const renderIcon = useMemo(() => {
    switch (type) {
+      case 'react-native':
+        return <ReactNativeIcon />;
      case 'pwa':
        return <PWAIcon />;
      case 'web':
        return <WebAppIcon />;
+      case 'kotlin':
+        return <KotlinIcon />;
+      case 'swift':
+        return <SwitfIcon />;
      default:
        throw new Error(`Invalid template icon type: ${type}`);
    }
--- a/packages/frontend/src/components/shared/Sidebar/Sidebar.tsx
+++ b/packages/frontend/src/components/shared/Sidebar/Sidebar.tsx
@ -92,20 +92,10 @@ export const Sidebar = ({ mobileOpen }: SidebarProps) => {
                </a>
              </Tabs.Trigger>
              <Tabs.Trigger icon={<QuestionMarkRoundIcon />} value="">
-                <a
-                  className="cursor-pointer font-mono"
-                  href="https://store.laconic.com/pages/instruction-faq"
-                >
-                  DOCUMENTATION
-                </a>
+                <a className="cursor-pointer font-mono">DOCUMENTATION</a>
              </Tabs.Trigger>
              <Tabs.Trigger icon={<LifeBuoyIcon />} value="">
-                <a
-                  className="cursor-pointer font-mono"
-                  href="https://discord.com/invite/ukhbBemyxY"
-                >
-                  SUPPORT
-                </a>
+                <a className="cursor-pointer font-mono">SUPPORT</a>
              </Tabs.Trigger>
            </Tabs.List>
          </Tabs>
--- a/packages/frontend/src/context/WalletConnectContext.tsx
+++ b/packages/frontend/src/context/WalletConnectContext.tsx
@ -0,0 +1,210 @@
+import {
+  createContext,
+  useCallback,
+  useContext,
+  useEffect,
+  useRef,
+  useState,
+} from 'react';
+
+import SignClient from '@walletconnect/sign-client';
+import { getSdkError } from '@walletconnect/utils';
+import { SessionTypes } from '@walletconnect/types';
+
+import { walletConnectModal } from '../utils/web3modal';
+import {
+  VITE_LACONICD_CHAIN_ID,
+  VITE_WALLET_CONNECT_ID,
+} from 'utils/constants';
+
+interface ClientInterface {
+  signClient: SignClient | undefined;
+  session: SessionTypes.Struct | undefined;
+  loadingSession: boolean;
+  onConnect: () => Promise<void>;
+  onDisconnect: () => Promise<void>;
+  onSessionDelete: () => void;
+  accounts: { address: string }[] | undefined;
+}
+
+const ClientContext = createContext({} as ClientInterface);
+
+export const useWalletConnectClient = () => {
+  return useContext(ClientContext);
+};
+
+export const WalletConnectClientProvider = ({
+  children,
+}: {
+  children: JSX.Element;
+}) => {
+  const [signClient, setSignClient] = useState<SignClient>();
+  const [session, setSession] = useState<SessionTypes.Struct>();
+  const [loadingSession, setLoadingSession] = useState(true);
+  const [accounts, setAccounts] = useState<{ address: string }[]>();
+
+  const isSignClientInitializing = useRef<boolean>(false);
+
+  const onSessionConnect = useCallback(async (session: SessionTypes.Struct) => {
+    setSession(session);
+  }, []);
+
+  const subscribeToEvents = useCallback(
+    async (client: SignClient) => {
+      client.on('session_update', ({ topic, params }) => {
+        const { namespaces } = params;
+        const currentSession = client.session.get(topic);
+        const updatedSession = { ...currentSession, namespaces };
+        setSession(updatedSession);
+      });
+    },
+    [setSession],
+  );
+
+  const onConnect = async () => {
+    const proposalNamespace = {
+      cosmos: {
+        methods: ['cosmos_sendTokens'],
+        chains: [`cosmos:${VITE_LACONICD_CHAIN_ID}`],
+        events: [],
+      },
+    };
+
+    try {
+      const { uri, approval } = await signClient!.connect({
+        requiredNamespaces: proposalNamespace,
+      });
+
+      if (uri) {
+        walletConnectModal.openModal({ uri });
+        const session = await approval();
+        onSessionConnect(session);
+        walletConnectModal.closeModal();
+      }
+    } catch (e) {
+      console.error(e);
+    }
+  };
+
+  const onDisconnect = useCallback(async () => {
+    if (typeof signClient === 'undefined') {
+      throw new Error('WalletConnect is not initialized');
+    }
+    if (typeof session === 'undefined') {
+      throw new Error('Session is not connected');
+    }
+
+    await signClient.disconnect({
+      topic: session.topic,
+      reason: getSdkError('USER_DISCONNECTED'),
+    });
+
+    onSessionDelete();
+  }, [signClient, session]);
+
+  const onSessionDelete = () => {
+    setAccounts(undefined);
+    setSession(undefined);
+  };
+
+  const checkPersistedState = useCallback(
+    async (signClient: SignClient) => {
+      if (typeof signClient === 'undefined') {
+        throw new Error('WalletConnect is not initialized');
+      }
+
+      if (typeof session !== 'undefined') return;
+      if (signClient.session.length) {
+        const lastKeyIndex = signClient.session.keys.length - 1;
+        const previousSsession = signClient.session.get(
+          signClient.session.keys[lastKeyIndex],
+        );
+
+        await onSessionConnect(previousSsession);
+        return previousSsession;
+      }
+    },
+    [session, onSessionConnect],
+  );
+
+  const createClient = useCallback(async () => {
+    isSignClientInitializing.current = true;
+    try {
+      const signClient = await SignClient.init({
+        projectId: VITE_WALLET_CONNECT_ID,
+        metadata: {
+          name: 'Deploy App',
+          description: '',
+          url: window.location.href,
+          icons: ['https://avatars.githubusercontent.com/u/92608123'],
+        },
+      });
+
+      setSignClient(signClient);
+      await checkPersistedState(signClient);
+      await subscribeToEvents(signClient);
+      setLoadingSession(false);
+    } catch (e) {
+      console.error('error in createClient', e);
+    }
+    isSignClientInitializing.current = false;
+  }, [setSignClient, checkPersistedState, subscribeToEvents]);
+
+  useEffect(() => {
+    if (!signClient && !isSignClientInitializing.current) {
+      createClient();
+    }
+  }, [signClient, createClient]);
+
+  useEffect(() => {
+    const populateAccounts = async () => {
+      if (!session) {
+        return;
+      }
+      if (!session.namespaces['cosmos']) {
+        console.log('Accounts for cosmos namespace not found');
+        return;
+      }
+
+      const cosmosAddresses = session.namespaces['cosmos'].accounts;
+
+      const cosmosAccounts = cosmosAddresses.map((address) => ({
+        address,
+      }));
+
+      const allAccounts = cosmosAccounts;
+
+      setAccounts(allAccounts);
+    };
+
+    populateAccounts();
+  }, [session]);
+
+  useEffect(() => {
+    if (!signClient) {
+      return;
+    }
+
+    signClient.on('session_delete', onSessionDelete);
+
+    return () => {
+      signClient.off('session_delete', onSessionDelete);
+    };
+  });
+
+  return (
+    <ClientContext.Provider
+      value={{
+        signClient,
+        onConnect,
+        onDisconnect,
+        onSessionDelete,
+        loadingSession,
+        session,
+        accounts,
+      }}
+    >
+      {children}
+    </ClientContext.Provider>
+  );
+};
--- a/packages/frontend/src/context/Web3Provider.tsx
+++ b/packages/frontend/src/context/Web3Provider.tsx
@ -17,7 +17,7 @@ import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { VITE_WALLET_CONNECT_ID, BASE_URL } from 'utils/constants';

 if (!VITE_WALLET_CONNECT_ID) {
-  throw new Error('Error: VITE_WALLET_CONNECT_ID env config is not set');
+  throw new Error('Error: REACT_APP_WALLET_CONNECT_ID env config is not set');
 }
 assert(BASE_URL, 'VITE_SERVER_URL is not set in env');

--- a/packages/frontend/src/index.tsx
+++ b/packages/frontend/src/index.tsx
@ -4,9 +4,10 @@ import assert from 'assert';
 import { GQLClient } from 'gql-client';

 import { ThemeProvider } from '@snowballtools/material-tailwind-react-fork';
+
+import './index.css';
 import '@fontsource/inter';
 import '@fontsource-variable/jetbrains-mono';
-
 import App from './App';
 import reportWebVitals from './reportWebVitals';
 import { GQLClientProvider } from './context/GQLClientContext';
@ -15,7 +16,7 @@ import { Toaster } from 'components/shared/Toast';
 import { LogErrorBoundary } from 'utils/log-error';
 import { BASE_URL } from 'utils/constants';
 import Web3ModalProvider from './context/Web3Provider';
-import './index.css';
+import { WalletConnectClientProvider } from 'context/WalletConnectContext';

 console.log(`v-0.0.9`);

@ -31,6 +32,7 @@ const gqlClient = new GQLClient({ gqlEndpoint });
 root.render(
  <LogErrorBoundary>
    <React.StrictMode>
+      <WalletConnectClientProvider>
        <ThemeProvider>
          <Web3ModalProvider>
            <GQLClientProvider client={gqlClient}>
@ -39,6 +41,7 @@ root.render(
            </GQLClientProvider>
          </Web3ModalProvider>
        </ThemeProvider>
+      </WalletConnectClientProvider>
    </React.StrictMode>
  </LogErrorBoundary>,
 );
--- a/packages/frontend/src/pages/components/modals.tsx
+++ b/packages/frontend/src/pages/components/modals.tsx
@ -10,7 +10,6 @@ import { DeleteVariableDialog } from 'components/projects/Dialog/DeleteVariableD
 import { DeleteDomainDialog } from 'components/projects/Dialog/DeleteDomainDialog';
 import { CancelDeploymentDialog } from 'components/projects/Dialog/CancelDeploymentDialog';
 import {
-  AppDeploymentRecordAttributes,
  Deployment,
  DeploymentStatus,
  Domain,
@ -21,6 +20,15 @@ import { ChangeStateToProductionDialog } from 'components/projects/Dialog/Change

 const deployment: Deployment = {
  id: '1',
+  domain: {
+    id: 'domain1',
+    branch: 'main',
+    name: 'example.com',
+    status: DomainStatus.Live,
+    redirectTo: null,
+    createdAt: '1677609600', // 2023-02-25T12:00:00Z
+    updatedAt: '1677613200', // 2023-02-25T13:00:00Z
+  },
  branch: 'main',
  commitHash: 'a1b2c3d',
  commitMessage:
@ -49,7 +57,6 @@ const deployment: Deployment = {
  updatedAt: '1677680400', // 2023-03-01T13:00:00Z
  applicationDeploymentRequestId:
    'bafyreiaycvq6imoppnpwdve4smj6t6ql5svt5zl3x6rimu4qwyzgjorize',
-  applicationDeploymentRecordData: {} as AppDeploymentRecordAttributes,
 };

 const domains: Domain[] = [
@ -245,7 +252,7 @@ const ModalsPage: React.FC = () => {
                  setRedeployToProduction((preVal) => !preVal)
                }
                deployment={deployment}
-                domains={domains}
+                domains={deployment.domain ? [deployment.domain] : []}
              />
              {/* Rollback to this deployment */}
              <Button onClick={() => setRollbackDeployment(true)}>
@ -261,7 +268,7 @@ const ModalsPage: React.FC = () => {
                }
                deployment={deployment}
                newDeployment={deployment}
-                domains={domains}
+                domains={deployment.domain ? [deployment.domain] : []}
              />
            </div>
          </div>
--- a/packages/frontend/src/pages/org-slug/projects/Id.tsx
+++ b/packages/frontend/src/pages/org-slug/projects/Id.tsx
@ -60,9 +60,9 @@ const Id = () => {
    fetchProject(id);
  }, [id]);

-  const onUpdate = useCallback(async () => {
+  const onUpdate = async () => {
    await fetchProject(id);
-  }, [fetchProject, id]);
+  };

  return (
    <div className="h-full">
@ -118,11 +118,9 @@ const Id = () => {
                <Tabs.Trigger value="deployments">
                  <Link to="deployments">Deployments</Link>
                </Tabs.Trigger>
-                {/*
                <Tabs.Trigger value="integrations">
                  <Link to="integrations">Integrations</Link>
                </Tabs.Trigger>
-	              */}
                <Tabs.Trigger value="settings">
                  <Link to="settings">Settings</Link>
                </Tabs.Trigger>
--- a/packages/frontend/src/pages/org-slug/projects/create/Template.tsx
+++ b/packages/frontend/src/pages/org-slug/projects/create/Template.tsx
@ -57,7 +57,7 @@ const CreateWithTemplate = () => {

  return (
    <div className="flex flex-col items-center gap-6 lg:gap-10 mx-auto w-full lg:w-5/6">
-      <div className="flex flex-col lg:flex-row justify-between w-full my-4 bg-base-bg-alternate dark:bg-overlay rounded-xl p-6 gap-3 items-start lg:items-center">
+      <div className="flex flex-col lg:flex-row justify-between w-full my-4 bg-base-bg-alternate rounded-xl p-6 gap-3 items-start lg:items-center">
        <div className="flex items-center gap-3">
          <TemplateIcon type={template?.icon as TemplateIconType} size={48} />
          <Heading className="font-medium">{template?.name}</Heading>
--- a/packages/frontend/src/pages/org-slug/projects/create/layout.tsx
+++ b/packages/frontend/src/pages/org-slug/projects/create/layout.tsx
@ -1,14 +1,12 @@
 import { ComponentPropsWithoutRef } from 'react';
 import { Link, Outlet, useParams } from 'react-router-dom';
-import { useMediaQuery } from 'usehooks-ts';
-
-import * as Dialog from '@radix-ui/react-dialog';

 import { Heading } from 'components/shared/Heading';
 import { WavyBorder } from 'components/shared/WavyBorder';
 import { Button } from 'components/shared/Button';
 import { CrossIcon } from 'components/shared/CustomIcon';
 import { cn } from 'utils/classnames';
+import * as Dialog from '@radix-ui/react-dialog';

 export interface CreateProjectLayoutProps
  extends ComponentPropsWithoutRef<'section'> {}
@ -18,7 +16,6 @@ export const CreateProjectLayout = ({
  ...props
 }: CreateProjectLayoutProps) => {
  const { orgSlug } = useParams();
-  const isDesktopView = useMediaQuery('(min-width: 720px)'); // md:

  const closeBtnLink = `/${orgSlug}`;

@ -31,8 +28,9 @@ export const CreateProjectLayout = ({
    </Heading>
  );

-  return isDesktopView ? (
-    // Desktop
+  return (
+    <>
+      {/* Desktop */}
      <section
        {...props}
        className={cn(
@ -56,13 +54,14 @@ export const CreateProjectLayout = ({
          </div>
          <WavyBorder />
        </div>
+
        <section className="px-6 h-full flex-1 py-6 overflow-y-auto">
          <Outlet />
        </section>
      </section>
-  ) : (
-    // Mobile
-    // Setting modal={false} so even if modal is active on desktop, it doesn't block clicks
+
+      {/* Mobile */}
+      {/* Setting modal={false} so even if modal is active on desktop, it doesn't block clicks */}
      <Dialog.Root modal={false} open={true}>
        <Dialog.Portal>
          {/* Not using <Dialog.Overlay> since modal={false} disables it and its content will not show */}
@ -95,5 +94,6 @@ export const CreateProjectLayout = ({
          </div>
        </Dialog.Portal>
      </Dialog.Root>
+    </>
  );
 };
--- a/packages/frontend/src/pages/org-slug/projects/create/success/Id.tsx
+++ b/packages/frontend/src/pages/org-slug/projects/create/success/Id.tsx
@ -55,7 +55,7 @@ const Id = () => {
          </div>

          {/* Card */}
-          <div className="bg-base-bg-alternate dark:bg-overlay2 rounded-xl shadow-inset w-full px-1 py-1">
+          <div className="bg-base-bg-alternate rounded-xl shadow-inset w-full px-1 py-1">
            {/* Trigger question */}
            <div className="flex gap-2 justify-center items-center py-3">
              <div className="h-5 w-5">
@ -67,7 +67,7 @@ const Id = () => {
            </div>

            {/* CTA card */}
-            <div className="bg-surface-card dark:bg-overlay rounded-xl shadow-card-sm dark:shadow-background px-4 py-4">
+            <div className="bg-surface-card rounded-xl shadow-card-sm px-4 py-4">
              <div className="flex gap-2">
                <Badge variant="secondary">1</Badge>
                <div className="space-y-3">
@ -75,7 +75,7 @@ const Id = () => {
                    <Heading as="h6" className="text-sm font-sans">
                      Add a custom domain
                    </Heading>
-                    <p className="text-xs text-elements-low-em dark:text-foreground-secondary font-sans">
+                    <p className="text-xs text-elements-low-em font-sans">
                      Make it easy for your visitors to remember your URL with a
                      custom domain.
                    </p>
--- a/packages/frontend/src/pages/org-slug/projects/create/template/index.tsx
+++ b/packages/frontend/src/pages/org-slug/projects/create/template/index.tsx
@ -135,7 +135,7 @@ const CreateRepo = () => {
      framework: 'React',
      repoName: '',
      isPrivate: false,
-      account: '',
+      account: gitAccounts[0],
    },
  });

@ -152,18 +152,13 @@ const CreateRepo = () => {
          <Heading as="h3" className="text-lg font-medium">
            Create a repository
          </Heading>
-          <Heading
-            as="h5"
-            className="text-sm font-sans text-elements-low-em dark:text-foreground-secondary"
-          >
+          <Heading as="h5" className="text-sm font-sans text-elements-low-em">
            The project will be cloned into this repository
          </Heading>
        </div>

        <div className="flex flex-col justify-start gap-3">
-          <span className="text-sm text-elements-high-em dark:text-foreground">
-            Git account
-          </span>
+          <span className="text-sm text-elements-high-em">Git account</span>
          {gitAccounts.length > 0 ? (
            <Controller
              name="account"
@ -186,9 +181,7 @@ const CreateRepo = () => {
          )}
        </div>
        <div className="flex flex-col justify-start gap-3">
-          <span className="text-sm text-elements-high-em dark:text-foreground">
-            Name the repo
-          </span>
+          <span className="text-sm text-elements-high-em">Name the repo</span>
          <Controller
            name="repoName"
            control={control}
--- a/packages/frontend/src/pages/org-slug/projects/id/Overview.tsx
+++ b/packages/frontend/src/pages/org-slug/projects/id/Overview.tsx
@ -1,55 +1,40 @@
 import { useEffect, useState } from 'react';
-import {
-  Link,
-  useOutletContext,
-} from 'react-router-dom';
+import { Link, useNavigate, useOutletContext } from 'react-router-dom';
 import { RequestError } from 'octokit';

-import {
-  Heading,
-  Avatar,
-} from 'components/shared';
+import { useOctokit } from 'context/OctokitContext';
+import { GitCommitWithBranch, OutletContextType } from '../../../../types';
+import { useGQLClient } from 'context/GQLClientContext';
+import { Button, Heading, Avatar, Tag } from 'components/shared';
+import { getInitials } from 'utils/geInitials';
 import {
  BranchStrokeIcon,
+  CheckRoundFilledIcon,
+  ClockIcon,
  CursorBoxIcon,
  GithubStrokeIcon,
+  GlobeIcon,
  LinkIcon,
  CalendarDaysIcon,
 } from 'components/shared/CustomIcon';
-import { useOctokit } from 'context/OctokitContext';
-import { GitCommitWithBranch, OutletContextType } from '../../../../types';
-import { getInitials } from 'utils/geInitials';
 import { Activity } from 'components/projects/project/overview/Activity';
 import { OverviewInfo } from 'components/projects/project/overview/OverviewInfo';
 import { relativeTimeMs } from 'utils/time';
+import { Domain, DomainStatus } from 'gql-client';
 import { AuctionCard } from 'components/projects/project/overview/Activity/AuctionCard';

-// NOTE: Commented code for verify domain functionality
-// import { useGQLClient } from 'context/GQLClientContext';
-// import { Domain, DomainStatus } from 'gql-client';
-// import {
-//   CheckRoundFilledIcon,
-//   ClockIcon,
-//   GlobeIcon,
-// } from 'components/shared/CustomIcon';
-// import {
-//   Button,
-//   Tag,
-// } from 'components/shared';
-// import { useNavigate } from 'react-router-dom';
-
 const COMMITS_PER_PAGE = 4;
-const PROJECT_UPDATE_WAIT_MS = 5000;

 const OverviewTabPanel = () => {
  const { octokit } = useOctokit();
-  // const navigate = useNavigate();
+  const navigate = useNavigate();
  const [activities, setActivities] = useState<GitCommitWithBranch[]>([]);
  const [fetchingActivities, setFetchingActivities] = useState(true);
-  // const [liveDomain, setLiveDomain] = useState<Domain>();
+  const [liveDomain, setLiveDomain] = useState<Domain>();

-  // const client = useGQLClient();
-  const { project, onUpdate } = useOutletContext<OutletContextType>();
+  const client = useGQLClient();
+
+  const { project } = useOutletContext<OutletContextType>();

  useEffect(() => {
    setFetchingActivities(true);
@ -111,33 +96,24 @@ const OverviewTabPanel = () => {
    };

    fetchRepoActivity();
-  }, [project.repository]);
+  }, [octokit, project]);

  useEffect(() => {
-    onUpdate();
-    const timerId = setInterval(() => {
-      onUpdate();
-    }, PROJECT_UPDATE_WAIT_MS);
+    const fetchLiveProdDomain = async () => {
+      const { domains } = await client.getDomains(project.id, {
+        branch: project.prodBranch,
+        status: DomainStatus.Live,
+      });

-    return () => clearInterval(timerId);
-  }, [onUpdate]);
+      if (domains.length === 0) {
+        return;
+      }

-  // useEffect(() => {
-  //   const fetchLiveProdDomain = async () => {
-  //     const { domains } = await client.getDomains(project.id, {
-  //       branch: project.prodBranch,
-  //       status: DomainStatus.Live,
-  //     });
+      setLiveDomain(domains[0]);
+    };

-  //     if (domains.length === 0) {
-  //       return;
-  //     }
-
-  //     setLiveDomain(domains[0]);
-  //   };
-
-  //   fetchLiveProdDomain();
-  // }, [project]);
+    fetchLiveProdDomain();
+  }, [project]);

  return (
    <div className="grid grid-cols-5 gap-6 md:gap-[72px]">
@ -156,16 +132,19 @@ const OverviewTabPanel = () => {
            {project.deployments &&
              project.deployments.length > 0 &&
              project.deployments.map((deployment, index) => (
-                <p
+                <p>
+                  <a
                    key={index}
+                    href={`https://${project.name.toLowerCase()}.${deployment.deployer.baseDomain}`}
                    className="text-sm text-elements-low-em dark:text-foreground tracking-tight truncate"
                  >
                    {deployment.deployer.baseDomain}
+                  </a>
                </p>
              ))}
          </div>
        </div>
-        {/* <OverviewInfo label="Domain" icon={<GlobeIcon />}>
+        <OverviewInfo label="Domain" icon={<GlobeIcon />}>
          {liveDomain ? (
            <Tag type="positive" size="xs" leftIcon={<CheckRoundFilledIcon />}>
              Connected
@ -186,7 +165,7 @@ const OverviewTabPanel = () => {
              </Button>
            </div>
          )}
-        </OverviewInfo> */}
+        </OverviewInfo>
        {project.deployments.length !== 0 ? (
          <>
            {/* SOURCE */}
@ -205,9 +184,11 @@ const OverviewTabPanel = () => {
                project.deployments.length > 0 &&
                project.deployments.map((deployment) => (
                  <div className="flex gap-2 items-center">
-                    <Link to={deployment.applicationDeploymentRecordData.url}>
+                    <Link
+                      to={`https://${project.name.toLowerCase()}.${deployment.deployer.baseDomain}`}
+                    >
                      <span className="text-controls-primary dark:text-foreground group hover:border-controls-primary transition-colors border-b border-b-transparent flex gap-2 items-center text-sm tracking-tight">
-                        {deployment.applicationDeploymentRecordData.url}
+                        {`https://${project.name.toLowerCase()}.${deployment.deployer.baseDomain}`}
                        <LinkIcon className="group-hover:rotate-45 transition-transform" />
                      </span>
                    </Link>
--- a/packages/frontend/src/pages/org-slug/projects/id/Settings.tsx
+++ b/packages/frontend/src/pages/org-slug/projects/id/Settings.tsx
@ -10,7 +10,7 @@ import {
 } from 'components/shared/Tabs';
 import {
  BranchStrokeIcon,
-  //CollaboratorsIcon,
+  CollaboratorsIcon,
  GearIcon,
  GlobeIcon,
  SwitchIcon,
@ -37,11 +37,11 @@ const tabsData = [
    icon: <SwitchIcon />,
    value: 'environment-variables',
  },
-  //  {
-  //    label: 'Collaborators',
-  //    icon: <CollaboratorsIcon />,
-  //    value: 'collaborators',
-  //  },
+  {
+    label: 'Collaborators',
+    icon: <CollaboratorsIcon />,
+    value: 'collaborators',
+  },
 ];

 const SettingsTabPanel = () => {
--- a/packages/frontend/src/pages/org-slug/projects/id/settings/Domains.tsx
+++ b/packages/frontend/src/pages/org-slug/projects/id/settings/Domains.tsx
@ -60,8 +60,7 @@ const Domains = () => {
  return (
    <ProjectSettingContainer
      headingText="Domains"
-      {...(!project.auctionId && {
-        button: (
+      button={
        <Button
          as="a"
          href="add"
@ -71,15 +70,9 @@ const Domains = () => {
        >
          Add domain
        </Button>
-        ),
-      })}
+      }
    >
-      {project.auctionId ? (
-        <p className="text-gray-500">
-          Custom domains not supported for auction driven deployments.
-        </p>
-      ) : (
-        domains.map((domain) => {
+      {domains.map((domain) => {
        return (
          <DomainCard
            domains={domains}
@ -91,8 +84,7 @@ const Domains = () => {
            onUpdate={fetchDomains}
          />
        );
-        })
-      )}
+      })}
    </ProjectSettingContainer>
  );
 };
--- a/packages/frontend/src/pages/org-slug/projects/id/settings/EnvironmentVariablesForm.tsx
+++ b/packages/frontend/src/pages/org-slug/projects/id/settings/EnvironmentVariablesForm.tsx
@ -1,15 +1,11 @@
 import { useEffect, useMemo } from 'react';
 import { useFieldArray, useFormContext } from 'react-hook-form';

-// TODO: Use custom checkbox component
-// Custom checkbox component does not work with react-hook-form
-import { Checkbox } from '@snowballtools/material-tailwind-react-fork';
-// import { Checkbox } from 'components/shared/Checkbox';
-
 import { Button } from 'components/shared/Button';
 import { InlineNotification } from 'components/shared/InlineNotification';
 import AddEnvironmentVariableRow from 'components/projects/project/settings/AddEnvironmentVariableRow';
 import { EnvironmentVariablesFormValues } from 'types/types';
+import { Checkbox } from 'components/shared/Checkbox';

 const EnvironmentVariablesForm = () => {
  const {
@ -71,19 +67,10 @@ const EnvironmentVariablesForm = () => {
        />
      )}
      <div className="flex gap-2 p-2">
-        <Checkbox
-          label="Production"
-          labelProps={{ className: 'text-gray-900 dark:text-white' }}
-          {...register('environment.production')}
-        />
-        <Checkbox
-          label="Preview"
-          labelProps={{ className: 'text-gray-900 dark:text-white' }}
-          {...register('environment.preview')}
-        />
+        <Checkbox label="Production" {...register('environment.production')} />
+        <Checkbox label="Preview" {...register('environment.preview')} />
        <Checkbox
          label="Development"
-          labelProps={{ className: 'text-gray-900 dark:text-white' }}
          {...register('environment.development')}
        />
      </div>
--- a/packages/frontend/src/pages/org-slug/projects/id/settings/General.tsx
+++ b/packages/frontend/src/pages/org-slug/projects/id/settings/General.tsx
@ -18,6 +18,7 @@ const GeneralTabPanel = () => {
  const client = useGQLClient();
  const { toast } = useToast();
  const { project, onUpdate } = useOutletContext<OutletContextType>();
+  console.log(project);

  const [transferOrganizations, setTransferOrganizations] = useState<
    SelectOption[]
--- a/packages/frontend/src/pages/org-slug/projects/id/settings/domains/add/Config.tsx
+++ b/packages/frontend/src/pages/org-slug/projects/id/settings/domains/add/Config.tsx
@ -7,8 +7,6 @@ import { InlineNotification } from 'components/shared/InlineNotification';
 import { ArrowRightCircleIcon } from 'components/shared/CustomIcon';
 import { ProjectSettingContainer } from 'components/projects/project/settings/ProjectSettingContainer';
 import { useToast } from 'components/shared/Toast';
-import { useEffect, useState } from 'react';
-import { DNSRecordAttributes } from 'gql-client';

 const Config = () => {
  const { id, orgSlug } = useParams();
@ -18,8 +16,6 @@ const Config = () => {
  const primaryDomainName = searchParams.get('name');
  const { toast, dismiss } = useToast();

-  const [dnsRecord, setDnsRecord] = useState<DNSRecordAttributes | null>(null);
-
  const handleSubmitDomain = async () => {
    if (primaryDomainName === null) {
      toast({
@ -63,33 +59,14 @@ const Config = () => {
    }
  };

-  useEffect(() => {
-    const fetchDNSData = async () => {
-      if (id === undefined) {
-        toast({
-          id: 'domain_cannot_find_project',
-          title: 'Cannot find project',
-          variant: 'error',
-          onDismiss: dismiss,
-        });
-        return;
-      }
-
-      const dnsRecordResponse = await client.getLatestDNSRecordByProjectId(id);
-
-      setDnsRecord(dnsRecordResponse.latestDNSRecord);
-    };
-
-    fetchDNSData();
-  }, [id, client]);
-
  // TODO: Figure out DNS Provider if possible and update appropriatly
  return (
    <ProjectSettingContainer headingText="Setup domain name">
-      {dnsRecord ? (
-        <>
      <p className="text-blue-gray-500">
-            Add the following records to your domain.
+        Add the following records to your domain.&nbsp;
+        <a href="https://www.namecheap.com/" target="_blank" rel="noreferrer">
+          <span className="underline">Go to NameCheap</span>
+        </a>
      </p>

      <Table>
@ -103,29 +80,26 @@ const Config = () => {

        <Table.Body>
          <Table.Row>
-                <Table.RowHeaderCell>
-                  {dnsRecord.resourceType}
-                </Table.RowHeaderCell>
+            <Table.RowHeaderCell>A</Table.RowHeaderCell>
            <Table.Cell>@</Table.Cell>
-                <Table.Cell>
-                  <p className={!dnsRecord.value ? 'text-red-500' : ''}>
-                    {dnsRecord.value ?? 'Not available'}
-                  </p>
-                </Table.Cell>
+            <Table.Cell>56.49.19.21</Table.Cell>
+          </Table.Row>
+
+          <Table.Row>
+            <Table.RowHeaderCell>CNAME</Table.RowHeaderCell>
+            <Table.Cell>www</Table.Cell>
+            <Table.Cell>cname.snowballtools.xyz</Table.Cell>
          </Table.Row>
        </Table.Body>
      </Table>

-          {dnsRecord?.value && (
      <InlineNotification
        variant="info"
        title={`It can take up to 48 hours for these updates to reflect
        globally.`}
      />
-          )}
      <Button
        className="w-fit"
-            disabled={!dnsRecord?.value}
        onClick={handleSubmitDomain}
        variant="primary"
        shape="default"
@ -133,10 +107,6 @@ const Config = () => {
      >
        FINISH
      </Button>
-        </>
-      ) : (
-        <p className={'text-red-500'}>DNS record data not available</p>
-      )}
    </ProjectSettingContainer>
  );
 };
--- a/packages/frontend/src/pages/org-slug/projects/id/settings/domains/add/index.tsx
+++ b/packages/frontend/src/pages/org-slug/projects/id/settings/domains/add/index.tsx
@ -49,6 +49,9 @@ const AddDomain = () => {
      <div className=" w-2/3 mx-auto">
        <div className="bg-blue-gray-50 dark:bg-overlay rounded-lg mt-6 mb-10">
          <div className="flex justify-start gap-3 p-5">
+            <i className="bg-gray-100 dark:bg-overlay dark:text-foreground w-12 h-12 rounded-lg">
+              ^
+            </i>
            <Typography
              className="my-auto w-1/3 dark:text-foreground"
              variant="h5"
--- a/packages/frontend/src/stories/MockStoriesData.ts
+++ b/packages/frontend/src/stories/MockStoriesData.ts
@ -12,7 +12,6 @@ import {
  Domain,
  Environment,
  Permission,
-  AppDeploymentRecordAttributes,
 } from 'gql-client';

 export const user: User = {
@ -100,6 +99,7 @@ export const deployment0: Deployment = {
  environment: Environment.Development,
  isCurrent: true,
  commitHash: 'Commit Hash',
+  domain: domain0,
  commitMessage: 'Commit Message',
  createdBy: user,
  deployer: {
@ -111,7 +111,6 @@ export const deployment0: Deployment = {
  },
  applicationDeploymentRequestId:
    'bafyreiaycvq6imoppnpwdve4smj6t6ql5svt5zl3x6rimu4qwyzgjorize',
-  applicationDeploymentRecordData: {} as AppDeploymentRecordAttributes,
 };

 export const project: Project = {
--- a/packages/frontend/src/utils/constants.ts
+++ b/packages/frontend/src/utils/constants.ts
@ -5,11 +5,8 @@ export const VITE_GITHUB_PWA_TEMPLATE_REPO = import.meta.env
  .VITE_GITHUB_PWA_TEMPLATE_REPO;
 export const VITE_GITHUB_IMAGE_UPLOAD_PWA_TEMPLATE_REPO = import.meta.env
  .VITE_GITHUB_IMAGE_UPLOAD_PWA_TEMPLATE_REPO;
-export const VITE_GITHUB_NEXT_APP_TEMPLATE_REPO = import.meta.env
-  .VITE_GITHUB_NEXT_APP_TEMPLATE_REPO;
 export const VITE_GITHUB_CLIENT_ID = import.meta.env.VITE_GITHUB_CLIENT_ID;
 export const VITE_WALLET_CONNECT_ID = import.meta.env.VITE_WALLET_CONNECT_ID;
 export const VITE_BUGSNAG_API_KEY = import.meta.env.VITE_BUGSNAG_API_KEY;
 export const VITE_LIT_RELAY_API_KEY = import.meta.env.VITE_LIT_RELAY_API_KEY;
 export const VITE_LACONICD_CHAIN_ID = import.meta.env.VITE_LACONICD_CHAIN_ID;
-export const VITE_WALLET_IFRAME_URL = import.meta.env.VITE_WALLET_IFRAME_URL;
--- a/packages/gql-client/src/client.ts
+++ b/packages/gql-client/src/client.ts
@ -453,15 +453,4 @@ export class GQLClient {

    return data.verifyTx;
  }
-
-  async getLatestDNSRecordByProjectId(projectId: string): Promise<types.GetLatestDNSDataResponse> {
-    const { data } = await this.client.query({
-      query: queries.getLatestDNSRecordByProjectId,
-      variables: {
-        projectId,
-      },
-    });
-
-    return data;
-  }
 }
--- a/packages/gql-client/src/queries.ts
+++ b/packages/gql-client/src/queries.ts
@ -57,12 +57,17 @@ query ($projectId: String!) {
      commitHash
      createdAt
      environment
-      applicationDeploymentRecordData {
-        url
-      }
      deployer {
        baseDomain
      }
+      domain {
+        status
+        branch
+        createdAt
+        updatedAt
+        id
+        name
+      }
      createdBy {
        id
        name
@ -107,8 +112,13 @@ query ($organizationSlug: String!) {
      commitMessage
      createdAt
      environment
-      applicationDeploymentRecordData {
-        url
+      domain {
+        status
+        branch
+        createdAt
+        updatedAt
+        id
+        name
      }
    }
  }
@ -131,6 +141,14 @@ export const getDeployments = gql`
 query ($projectId: String!)  {
  deployments(projectId: $projectId) {
    id
+    domain{
+      branch
+      createdAt
+      id
+      name
+      status
+      updatedAt
+    }
    branch
    commitHash
    commitMessage
@ -325,15 +343,3 @@ query ($txHash: String!, $amount: String!, $senderAddress: String!) {
  verifyTx(txHash: $txHash, amount: $amount, senderAddress: $senderAddress)
 }
 `;
-
-export const getLatestDNSRecordByProjectId = gql`
-query($projectId: String!) {
-  latestDNSRecord(projectId: $projectId) {
-    name
-    value
-    request
-    resourceType
-    version
-  }
-}
-`;
--- a/packages/gql-client/src/types.ts
+++ b/packages/gql-client/src/types.ts
@ -99,6 +99,7 @@ export type User = {

 export type Deployment = {
  id: string;
+  domain: Domain;
  branch: string;
  commitHash: string;
  commitMessage: string;
@ -107,7 +108,6 @@ export type Deployment = {
  environment: Environment;
  isCurrent: boolean;
  baseDomain?: string;
-  applicationDeploymentRecordData: AppDeploymentRecordAttributes;
  status: DeploymentStatus;
  createdBy: User;
  createdAt: string;
@ -376,28 +376,3 @@ export type AuctionParams = {
  maxPrice: string;
  numProviders: number;
 };
-
-export type DNSRecordAttributes = {
-  name: string;
-  value: string;
-  request: string;
-  resourceType: string;
-  version: string;
-}
-
-export type GetLatestDNSDataResponse = {
-  latestDNSRecord: DNSRecordAttributes | null
-}
-
-export interface AppDeploymentRecordAttributes {
-  application: string;
-  auction: string;
-  deployer: string;
-  dns: string;
-  meta: string;
-  name: string;
-  request: string;
-  type: string;
-  url: string;
-  version: string;
-}
--- a/yarn.lock
+++ b/yarn.lock
@ -5532,7 +5532,7 @@
    "@stablelib/constant-time" "^1.0.1"
    "@stablelib/wipe" "^1.0.1"

-"@stablelib/random@1.0.2", "@stablelib/random@^1.0.1", "@stablelib/random@^1.0.2":
+"@stablelib/random@^1.0.1", "@stablelib/random@^1.0.2":
  version "1.0.2"
  resolved "https://registry.yarnpkg.com/@stablelib/random/-/random-1.0.2.tgz#2dece393636489bf7e19c51229dd7900eddf742c"
  integrity sha512-rIsE83Xpb7clHPVRlBj8qNe5L8ISQOzjghYQm/dZ7VaM2KHYwMW5adjQjrzTZCchFnNCNhkwtnOBa9HTMJCI8w==
@ -5563,7 +5563,7 @@
  resolved "https://registry.yarnpkg.com/@stablelib/wipe/-/wipe-1.0.1.tgz#d21401f1d59ade56a62e139462a97f104ed19a36"
  integrity sha512-WfqfX/eXGiAd3RJe4VU2snh/ZPwtSjLG4ynQ/vYzvghTh7dHFcI1wl+nrkWG6lGhukOxOsUHfv8dUXr58D0ayg==

-"@stablelib/x25519@1.0.3", "@stablelib/x25519@^1.0.3":
+"@stablelib/x25519@^1.0.3":
  version "1.0.3"
  resolved "https://registry.yarnpkg.com/@stablelib/x25519/-/x25519-1.0.3.tgz#13c8174f774ea9f3e5e42213cbf9fc68a3c7b7fd"
  integrity sha512-KnTbKmUhPhHavzobclVJQG5kuivH+qDLpe84iRqX3CLrKp881cF160JvXJ+hjn1aMyCwYOKeIZefIH/P5cJoRw==
@ -7334,28 +7334,28 @@
    lodash.isequal "4.5.0"
    uint8arrays "^3.1.0"

-"@walletconnect/core@2.17.1":
-  version "2.17.1"
-  resolved "https://registry.yarnpkg.com/@walletconnect/core/-/core-2.17.1.tgz#8ee51d630068e4450014fe62a76af895ab1d349d"
-  integrity sha512-SMgJR5hEyEE/tENIuvlEb4aB9tmMXPzQ38Y61VgYBmwAFEhOHtpt8EDfnfRWqEhMyXuBXG4K70Yh8c67Yry+Xw==
+"@walletconnect/core@2.12.2":
+  version "2.12.2"
+  resolved "https://registry.yarnpkg.com/@walletconnect/core/-/core-2.12.2.tgz#12bd568b90daed876e58ebcc098c12843a3321e6"
+  integrity sha512-7Adv/b3pp9F42BkvReaaM4KS8NEvlkS7AMtwO3uF/o6aRMKtcfTJq9/jgWdKJh4RP8pPRTRFjCw6XQ/RZtT4aQ==
  dependencies:
-    "@walletconnect/heartbeat" "1.2.2"
-    "@walletconnect/jsonrpc-provider" "1.0.14"
-    "@walletconnect/jsonrpc-types" "1.0.4"
+    "@walletconnect/heartbeat" "1.2.1"
+    "@walletconnect/jsonrpc-provider" "1.0.13"
+    "@walletconnect/jsonrpc-types" "1.0.3"
    "@walletconnect/jsonrpc-utils" "1.0.8"
    "@walletconnect/jsonrpc-ws-connection" "1.0.14"
-    "@walletconnect/keyvaluestorage" "1.1.1"
-    "@walletconnect/logger" "2.1.2"
-    "@walletconnect/relay-api" "1.0.11"
-    "@walletconnect/relay-auth" "1.0.4"
-    "@walletconnect/safe-json" "1.0.2"
-    "@walletconnect/time" "1.0.2"
-    "@walletconnect/types" "2.17.1"
-    "@walletconnect/utils" "2.17.1"
-    "@walletconnect/window-getters" "1.0.1"
-    events "3.3.0"
+    "@walletconnect/keyvaluestorage" "^1.1.1"
+    "@walletconnect/logger" "^2.1.2"
+    "@walletconnect/relay-api" "^1.0.9"
+    "@walletconnect/relay-auth" "^1.0.4"
+    "@walletconnect/safe-json" "^1.0.2"
+    "@walletconnect/time" "^1.0.2"
+    "@walletconnect/types" "2.12.2"
+    "@walletconnect/utils" "2.12.2"
+    events "^3.3.0"
+    isomorphic-unfetch "3.1.0"
    lodash.isequal "4.5.0"
-    uint8arrays "3.1.0"
+    uint8arrays "^3.1.0"

 "@walletconnect/core@2.9.2":
  version "2.9.2"
@ -7417,24 +7417,23 @@
    "@walletconnect/utils" "2.9.2"
    events "^3.3.0"

-"@walletconnect/ethereum-provider@^2.16.1":
-  version "2.17.1"
-  resolved "https://registry.yarnpkg.com/@walletconnect/ethereum-provider/-/ethereum-provider-2.17.1.tgz#d3c2a5722fcc294841b04f86a12f7287d765dd06"
-  integrity sha512-fAYoIwdMOaBo3iv4SwrORQ6BFqBpduZx277igLXPX0HK0gjiLvyuDIrPCTGs1+Bn0NQehoglv35HbDlXBqJQVw==
+"@walletconnect/ethereum-provider@^2.12.2":
+  version "2.12.2"
+  resolved "https://registry.yarnpkg.com/@walletconnect/ethereum-provider/-/ethereum-provider-2.12.2.tgz#43195a14cd43f928b2fcbba6b1a08e17e7838c4f"
+  integrity sha512-vBl2zCnNm2iPaomJdr5YT16cT7aa8cH2WFs6879XPngU5i7HXS3bU6TamhyhKKl13sdIfifmCkCC+RWn5GdPMw==
  dependencies:
-    "@walletconnect/jsonrpc-http-connection" "1.0.8"
-    "@walletconnect/jsonrpc-provider" "1.0.14"
-    "@walletconnect/jsonrpc-types" "1.0.4"
-    "@walletconnect/jsonrpc-utils" "1.0.8"
-    "@walletconnect/keyvaluestorage" "1.1.1"
-    "@walletconnect/modal" "2.7.0"
-    "@walletconnect/sign-client" "2.17.1"
-    "@walletconnect/types" "2.17.1"
-    "@walletconnect/universal-provider" "2.17.1"
-    "@walletconnect/utils" "2.17.1"
-    events "3.3.0"
+    "@walletconnect/jsonrpc-http-connection" "^1.0.7"
+    "@walletconnect/jsonrpc-provider" "^1.0.13"
+    "@walletconnect/jsonrpc-types" "^1.0.3"
+    "@walletconnect/jsonrpc-utils" "^1.0.8"
+    "@walletconnect/modal" "^2.6.2"
+    "@walletconnect/sign-client" "2.12.2"
+    "@walletconnect/types" "2.12.2"
+    "@walletconnect/universal-provider" "2.12.2"
+    "@walletconnect/utils" "2.12.2"
+    events "^3.3.0"

-"@walletconnect/events@1.0.1", "@walletconnect/events@^1.0.1":
+"@walletconnect/events@^1.0.1":
  version "1.0.1"
  resolved "https://registry.yarnpkg.com/@walletconnect/events/-/events-1.0.1.tgz#2b5f9c7202019e229d7ccae1369a9e86bda7816c"
  integrity sha512-NPTqaoi0oPBVNuLv7qPaJazmGHs5JGyO8eEAk5VGKmJzDR7AHzD4k6ilox5kxk1iwiOnFopBOOMLs86Oa76HpQ==
@ -7451,25 +7450,6 @@
    "@walletconnect/time" "^1.0.2"
    tslib "1.14.1"

-"@walletconnect/heartbeat@1.2.2":
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/@walletconnect/heartbeat/-/heartbeat-1.2.2.tgz#e8dc5179db7769950c6f9cf59b23516d9b95227d"
-  integrity sha512-uASiRmC5MwhuRuf05vq4AT48Pq8RMi876zV8rr8cV969uTOzWdB/k+Lj5yI2PBtB1bGQisGen7MM1GcZlQTBXw==
-  dependencies:
-    "@walletconnect/events" "^1.0.1"
-    "@walletconnect/time" "^1.0.2"
-    events "^3.3.0"
-
-"@walletconnect/jsonrpc-http-connection@1.0.8":
-  version "1.0.8"
-  resolved "https://registry.yarnpkg.com/@walletconnect/jsonrpc-http-connection/-/jsonrpc-http-connection-1.0.8.tgz#2f4c3948f074960a3edd07909560f3be13e2c7ae"
-  integrity sha512-+B7cRuaxijLeFDJUq5hAzNyef3e3tBDIxyaCNmFtjwnod5AGis3RToNqzFU33vpVcxFhofkpE7Cx+5MYejbMGw==
-  dependencies:
-    "@walletconnect/jsonrpc-utils" "^1.0.6"
-    "@walletconnect/safe-json" "^1.0.1"
-    cross-fetch "^3.1.4"
-    events "^3.3.0"
-
 "@walletconnect/jsonrpc-http-connection@^1.0.7":
  version "1.0.7"
  resolved "https://registry.yarnpkg.com/@walletconnect/jsonrpc-http-connection/-/jsonrpc-http-connection-1.0.7.tgz#a6973569b8854c22da707a759d241e4f5c2d5a98"
@ -7489,15 +7469,6 @@
    "@walletconnect/safe-json" "^1.0.2"
    tslib "1.14.1"

-"@walletconnect/jsonrpc-provider@1.0.14":
-  version "1.0.14"
-  resolved "https://registry.yarnpkg.com/@walletconnect/jsonrpc-provider/-/jsonrpc-provider-1.0.14.tgz#696f3e3b6d728b361f2e8b853cfc6afbdf2e4e3e"
-  integrity sha512-rtsNY1XqHvWj0EtITNeuf8PHMvlCLiS3EjQL+WOkxEOA4KPxsohFnBDeyPYiNm4ZvkQdLnece36opYidmtbmow==
-  dependencies:
-    "@walletconnect/jsonrpc-utils" "^1.0.8"
-    "@walletconnect/safe-json" "^1.0.2"
-    events "^3.3.0"
-
 "@walletconnect/jsonrpc-types@1.0.3", "@walletconnect/jsonrpc-types@^1.0.2", "@walletconnect/jsonrpc-types@^1.0.3":
  version "1.0.3"
  resolved "https://registry.yarnpkg.com/@walletconnect/jsonrpc-types/-/jsonrpc-types-1.0.3.tgz#65e3b77046f1a7fa8347ae02bc1b841abe6f290c"
@ -7506,14 +7477,6 @@
    keyvaluestorage-interface "^1.0.0"
    tslib "1.14.1"

-"@walletconnect/jsonrpc-types@1.0.4":
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/@walletconnect/jsonrpc-types/-/jsonrpc-types-1.0.4.tgz#ce1a667d79eadf2a2d9d002c152ceb68739c230c"
-  integrity sha512-P6679fG/M+wuWg9TY8mh6xFSdYnFyFjwFelxyISxMDrlbXokorEVXYOxiqEbrU3x1BmBoCAJJ+vtEaEoMlpCBQ==
-  dependencies:
-    events "^3.3.0"
-    keyvaluestorage-interface "^1.0.0"
-
 "@walletconnect/jsonrpc-utils@1.0.8", "@walletconnect/jsonrpc-utils@^1.0.6", "@walletconnect/jsonrpc-utils@^1.0.7", "@walletconnect/jsonrpc-utils@^1.0.8":
  version "1.0.8"
  resolved "https://registry.yarnpkg.com/@walletconnect/jsonrpc-utils/-/jsonrpc-utils-1.0.8.tgz#82d0cc6a5d6ff0ecc277cb35f71402c91ad48d72"
@ -7544,7 +7507,7 @@
    events "^3.3.0"
    ws "^7.5.1"

-"@walletconnect/keyvaluestorage@1.1.1", "@walletconnect/keyvaluestorage@^1.0.2", "@walletconnect/keyvaluestorage@^1.1.1":
+"@walletconnect/keyvaluestorage@^1.0.2", "@walletconnect/keyvaluestorage@^1.1.1":
  version "1.1.1"
  resolved "https://registry.yarnpkg.com/@walletconnect/keyvaluestorage/-/keyvaluestorage-1.1.1.tgz#dd2caddabfbaf80f6b8993a0704d8b83115a1842"
  integrity sha512-V7ZQq2+mSxAq7MrRqDxanTzu2RcElfK1PfNYiaVnJgJ7Q7G7hTVwF8voIBx92qsRyGHZihrwNPHuZd1aKkd0rA==
@ -7553,7 +7516,7 @@
    idb-keyval "^6.2.1"
    unstorage "^1.9.0"

-"@walletconnect/logger@2.1.2", "@walletconnect/logger@^2.0.1":
+"@walletconnect/logger@^2.0.1", "@walletconnect/logger@^2.1.2":
  version "2.1.2"
  resolved "https://registry.yarnpkg.com/@walletconnect/logger/-/logger-2.1.2.tgz#813c9af61b96323a99f16c10089bfeb525e2a272"
  integrity sha512-aAb28I3S6pYXZHQm5ESB+V6rDqIYfsnHaQyzFbwUUBFY4H0OXx/YtTl8lvhUNhMMfb9UxbwEBS253TlXUYJWSw==
@ -7575,13 +7538,6 @@
  dependencies:
    valtio "1.11.2"

-"@walletconnect/modal-core@2.7.0":
-  version "2.7.0"
-  resolved "https://registry.yarnpkg.com/@walletconnect/modal-core/-/modal-core-2.7.0.tgz#73c13c3b7b0abf9ccdbac9b242254a86327ce0a4"
-  integrity sha512-oyMIfdlNdpyKF2kTJowTixZSo0PGlCJRdssUN/EZdA6H6v03hZnf09JnwpljZNfir2M65Dvjm/15nGrDQnlxSA==
-  dependencies:
-    valtio "1.11.2"
-
 "@walletconnect/modal-ui@2.6.1":
  version "2.6.1"
  resolved "https://registry.yarnpkg.com/@walletconnect/modal-ui/-/modal-ui-2.6.1.tgz#200c54c8dfe3c71321abb2724e18bb357dfd6371"
@ -7602,16 +7558,6 @@
    motion "10.16.2"
    qrcode "1.5.3"

-"@walletconnect/modal-ui@2.7.0":
-  version "2.7.0"
-  resolved "https://registry.yarnpkg.com/@walletconnect/modal-ui/-/modal-ui-2.7.0.tgz#dbbb7ee46a5a25f7d39db622706f2d197b268cbb"
-  integrity sha512-gERYvU7D7K1ANCN/8vUgsE0d2hnRemfAFZ2novm9aZBg7TEd/4EgB+AqbJ+1dc7GhOL6dazckVq78TgccHb7mQ==
-  dependencies:
-    "@walletconnect/modal-core" "2.7.0"
-    lit "2.8.0"
-    motion "10.16.2"
-    qrcode "1.5.3"
-
 "@walletconnect/modal@2.6.1":
  version "2.6.1"
  resolved "https://registry.yarnpkg.com/@walletconnect/modal/-/modal-2.6.1.tgz#066fdbfcff83b58c8a9da66ab4af0eb93e3626de"
@ -7628,21 +7574,6 @@
    "@walletconnect/modal-core" "2.6.2"
    "@walletconnect/modal-ui" "2.6.2"

-"@walletconnect/modal@2.7.0":
-  version "2.7.0"
-  resolved "https://registry.yarnpkg.com/@walletconnect/modal/-/modal-2.7.0.tgz#55f969796d104cce1205f5f844d8f8438b79723a"
-  integrity sha512-RQVt58oJ+rwqnPcIvRFeMGKuXb9qkgSmwz4noF8JZGUym3gUAzVs+uW2NQ1Owm9XOJAV+sANrtJ+VoVq1ftElw==
-  dependencies:
-    "@walletconnect/modal-core" "2.7.0"
-    "@walletconnect/modal-ui" "2.7.0"
-
-"@walletconnect/relay-api@1.0.11":
-  version "1.0.11"
-  resolved "https://registry.yarnpkg.com/@walletconnect/relay-api/-/relay-api-1.0.11.tgz#80ab7ef2e83c6c173be1a59756f95e515fb63224"
-  integrity sha512-tLPErkze/HmC9aCmdZOhtVmYZq1wKfWTJtygQHoWtgg722Jd4homo54Cs4ak2RUFUZIGO2RsOpIcWipaua5D5Q==
-  dependencies:
-    "@walletconnect/jsonrpc-types" "^1.0.2"
-
 "@walletconnect/relay-api@^1.0.9":
  version "1.0.10"
  resolved "https://registry.yarnpkg.com/@walletconnect/relay-api/-/relay-api-1.0.10.tgz#5aef3cd07c21582b968136179aa75849dcc65499"
@ -7650,7 +7581,7 @@
  dependencies:
    "@walletconnect/jsonrpc-types" "^1.0.2"

-"@walletconnect/relay-auth@1.0.4", "@walletconnect/relay-auth@^1.0.4":
+"@walletconnect/relay-auth@^1.0.4":
  version "1.0.4"
  resolved "https://registry.yarnpkg.com/@walletconnect/relay-auth/-/relay-auth-1.0.4.tgz#0b5c55c9aa3b0ef61f526ce679f3ff8a5c4c2c7c"
  integrity sha512-kKJcS6+WxYq5kshpPaxGHdwf5y98ZwbfuS4EE/NkQzqrDFm5Cj+dP8LofzWvjrrLkZq7Afy7WrQMXdLy8Sx7HQ==
@ -7662,7 +7593,7 @@
    tslib "1.14.1"
    uint8arrays "^3.0.0"

-"@walletconnect/safe-json@1.0.2", "@walletconnect/safe-json@^1.0.1", "@walletconnect/safe-json@^1.0.2":
+"@walletconnect/safe-json@^1.0.1", "@walletconnect/safe-json@^1.0.2":
  version "1.0.2"
  resolved "https://registry.yarnpkg.com/@walletconnect/safe-json/-/safe-json-1.0.2.tgz#7237e5ca48046e4476154e503c6d3c914126fa77"
  integrity sha512-Ogb7I27kZ3LPC3ibn8ldyUr5544t3/STow9+lzz7Sfo808YD7SBWk7SAsdBFlYgP2zDRy2hS3sKRcuSRM0OTmA==
@ -7684,20 +7615,20 @@
    "@walletconnect/utils" "2.11.1"
    events "^3.3.0"

-"@walletconnect/sign-client@2.17.1":
-  version "2.17.1"
-  resolved "https://registry.yarnpkg.com/@walletconnect/sign-client/-/sign-client-2.17.1.tgz#0777536427eba1b725c111ecc08eb301e05a8c55"
-  integrity sha512-6rLw6YNy0smslH9wrFTbNiYrGsL3DrOsS5FcuU4gIN6oh8pGYOFZ5FiSyTTroc5tngOk3/Sd7dlGY9S7O4nveg==
+"@walletconnect/sign-client@2.12.2":
+  version "2.12.2"
+  resolved "https://registry.yarnpkg.com/@walletconnect/sign-client/-/sign-client-2.12.2.tgz#10cddcba3740f726149c33ef1a9040a808d65e08"
+  integrity sha512-cM0ualXj6nVvLqS4BDNRk+ZWR+lubcsz/IHreH+3wYrQ2sV+C0fN6ctrd7MMGZss0C0qacWCx0pm62ZBuoKvqA==
  dependencies:
-    "@walletconnect/core" "2.17.1"
-    "@walletconnect/events" "1.0.1"
-    "@walletconnect/heartbeat" "1.2.2"
+    "@walletconnect/core" "2.12.2"
+    "@walletconnect/events" "^1.0.1"
+    "@walletconnect/heartbeat" "1.2.1"
    "@walletconnect/jsonrpc-utils" "1.0.8"
-    "@walletconnect/logger" "2.1.2"
-    "@walletconnect/time" "1.0.2"
-    "@walletconnect/types" "2.17.1"
-    "@walletconnect/utils" "2.17.1"
-    events "3.3.0"
+    "@walletconnect/logger" "^2.1.2"
+    "@walletconnect/time" "^1.0.2"
+    "@walletconnect/types" "2.12.2"
+    "@walletconnect/utils" "2.12.2"
+    events "^3.3.0"

 "@walletconnect/sign-client@2.9.2":
  version "2.9.2"
@ -7714,7 +7645,7 @@
    "@walletconnect/utils" "2.9.2"
    events "^3.3.0"

-"@walletconnect/time@1.0.2", "@walletconnect/time@^1.0.2":
+"@walletconnect/time@^1.0.2":
  version "1.0.2"
  resolved "https://registry.yarnpkg.com/@walletconnect/time/-/time-1.0.2.tgz#6c5888b835750ecb4299d28eecc5e72c6d336523"
  integrity sha512-uzdd9woDcJ1AaBZRhqy5rNC9laqWGErfc4dxA9a87mPdKOgWMD85mcFo9dIYIts/Jwocfwn07EC6EzclKubk/g==
@ -7733,17 +7664,17 @@
    "@walletconnect/logger" "^2.0.1"
    events "^3.3.0"

-"@walletconnect/types@2.17.1":
-  version "2.17.1"
-  resolved "https://registry.yarnpkg.com/@walletconnect/types/-/types-2.17.1.tgz#425dedbe5853231252d081f61448c55ecd341c96"
-  integrity sha512-aiUeBE3EZZTsZBv5Cju3D0PWAsZCMks1g3hzQs9oNtrbuLL6pKKU0/zpKwk4vGywszxPvC3U0tBCku9LLsH/0A==
+"@walletconnect/types@2.12.2":
+  version "2.12.2"
+  resolved "https://registry.yarnpkg.com/@walletconnect/types/-/types-2.12.2.tgz#8b64a2015a0a96972d28acb2ff317a9a994abfdb"
+  integrity sha512-9CmwTlPbrFTzayTL9q7xM7s3KTJkS6kYFtH2m1/fHFgALs6pIUjf1qAx1TF2E4tv7SEzLAIzU4NqgYUt2vWXTg==
  dependencies:
-    "@walletconnect/events" "1.0.1"
-    "@walletconnect/heartbeat" "1.2.2"
-    "@walletconnect/jsonrpc-types" "1.0.4"
-    "@walletconnect/keyvaluestorage" "1.1.1"
-    "@walletconnect/logger" "2.1.2"
-    events "3.3.0"
+    "@walletconnect/events" "^1.0.1"
+    "@walletconnect/heartbeat" "1.2.1"
+    "@walletconnect/jsonrpc-types" "1.0.3"
+    "@walletconnect/keyvaluestorage" "^1.1.1"
+    "@walletconnect/logger" "^2.0.1"
+    events "^3.3.0"

 "@walletconnect/types@2.9.2":
  version "2.9.2"
@ -7772,23 +7703,20 @@
    "@walletconnect/utils" "2.11.1"
    events "^3.3.0"

-"@walletconnect/universal-provider@2.17.1":
-  version "2.17.1"
-  resolved "https://registry.yarnpkg.com/@walletconnect/universal-provider/-/universal-provider-2.17.1.tgz#f340ff6e922ed9e0f81ed5ca3c7b698a9cfeac12"
-  integrity sha512-XztlFCLIAnLfIISijU3RMJRSg03l9tA8nLnk2dp+pnCJddgxmM6Omxr8lRAiTGYcwJ9UD+/5B41aG0VoJnLjFA==
+"@walletconnect/universal-provider@2.12.2":
+  version "2.12.2"
+  resolved "https://registry.yarnpkg.com/@walletconnect/universal-provider/-/universal-provider-2.12.2.tgz#0c855bbb5584fd11bdf2318344fe6f42fa3e91cb"
+  integrity sha512-0k5ZgSkABopQLVhkiwl2gRGG7dAP4SWiI915pIlyN5sRvWV+qX1ALhWAmRcdv0TXWlKHDcDgPJw/q2sCSAHuMQ==
  dependencies:
-    "@walletconnect/events" "1.0.1"
-    "@walletconnect/jsonrpc-http-connection" "1.0.8"
-    "@walletconnect/jsonrpc-provider" "1.0.14"
-    "@walletconnect/jsonrpc-types" "1.0.4"
-    "@walletconnect/jsonrpc-utils" "1.0.8"
-    "@walletconnect/keyvaluestorage" "1.1.1"
-    "@walletconnect/logger" "2.1.2"
-    "@walletconnect/sign-client" "2.17.1"
-    "@walletconnect/types" "2.17.1"
-    "@walletconnect/utils" "2.17.1"
-    events "3.3.0"
-    lodash "4.17.21"
+    "@walletconnect/jsonrpc-http-connection" "^1.0.7"
+    "@walletconnect/jsonrpc-provider" "1.0.13"
+    "@walletconnect/jsonrpc-types" "^1.0.2"
+    "@walletconnect/jsonrpc-utils" "^1.0.7"
+    "@walletconnect/logger" "^2.1.2"
+    "@walletconnect/sign-client" "2.12.2"
+    "@walletconnect/types" "2.12.2"
+    "@walletconnect/utils" "2.12.2"
+    events "^3.3.0"

 "@walletconnect/universal-provider@2.9.2":
  version "2.9.2"
@ -7825,31 +7753,25 @@
    query-string "7.1.3"
    uint8arrays "^3.1.0"

-"@walletconnect/utils@2.17.1":
-  version "2.17.1"
-  resolved "https://registry.yarnpkg.com/@walletconnect/utils/-/utils-2.17.1.tgz#fc57ffb89fc101fa1bf015de016ea01091d10ae0"
-  integrity sha512-KL7pPwq7qUC+zcTmvxGqIyYanfHgBQ+PFd0TEblg88jM7EjuDLhjyyjtkhyE/2q7QgR7OanIK7pCpilhWvBsBQ==
+"@walletconnect/utils@2.12.2":
+  version "2.12.2"
+  resolved "https://registry.yarnpkg.com/@walletconnect/utils/-/utils-2.12.2.tgz#a2c349d4effef7c1c5e72e74a5483d8dfbb10918"
+  integrity sha512-zf50HeS3SfoLv1N9GPl2IXTZ9TsXfet4usVAsZmX9P6/Xzq7d/7QakjVQCHH/Wk1O9XkcsfeoZoUhRxoMJ5uJw==
  dependencies:
-    "@ethersproject/hash" "5.7.0"
-    "@ethersproject/transactions" "5.7.0"
    "@stablelib/chacha20poly1305" "1.0.1"
    "@stablelib/hkdf" "1.0.1"
-    "@stablelib/random" "1.0.2"
+    "@stablelib/random" "^1.0.2"
    "@stablelib/sha256" "1.0.1"
-    "@stablelib/x25519" "1.0.3"
-    "@walletconnect/jsonrpc-utils" "1.0.8"
-    "@walletconnect/keyvaluestorage" "1.1.1"
-    "@walletconnect/relay-api" "1.0.11"
-    "@walletconnect/relay-auth" "1.0.4"
-    "@walletconnect/safe-json" "1.0.2"
-    "@walletconnect/time" "1.0.2"
-    "@walletconnect/types" "2.17.1"
-    "@walletconnect/window-getters" "1.0.1"
-    "@walletconnect/window-metadata" "1.0.1"
+    "@stablelib/x25519" "^1.0.3"
+    "@walletconnect/relay-api" "^1.0.9"
+    "@walletconnect/safe-json" "^1.0.2"
+    "@walletconnect/time" "^1.0.2"
+    "@walletconnect/types" "2.12.2"
+    "@walletconnect/window-getters" "^1.0.1"
+    "@walletconnect/window-metadata" "^1.0.1"
    detect-browser "5.3.0"
-    elliptic "6.5.7"
    query-string "7.1.3"
-    uint8arrays "3.1.0"
+    uint8arrays "^3.1.0"

 "@walletconnect/utils@2.9.2":
  version "2.9.2"
@ -7871,14 +7793,14 @@
    query-string "7.1.3"
    uint8arrays "^3.1.0"

-"@walletconnect/window-getters@1.0.1", "@walletconnect/window-getters@^1.0.1":
+"@walletconnect/window-getters@^1.0.1":
  version "1.0.1"
  resolved "https://registry.yarnpkg.com/@walletconnect/window-getters/-/window-getters-1.0.1.tgz#f36d1c72558a7f6b87ecc4451fc8bd44f63cbbdc"
  integrity sha512-vHp+HqzGxORPAN8gY03qnbTMnhqIwjeRJNOMOAzePRg4xVEEE2WvYsI9G2NMjOknA8hnuYbU3/hwLcKbjhc8+Q==
  dependencies:
    tslib "1.14.1"

-"@walletconnect/window-metadata@1.0.1", "@walletconnect/window-metadata@^1.0.1":
+"@walletconnect/window-metadata@^1.0.1":
  version "1.0.1"
  resolved "https://registry.yarnpkg.com/@walletconnect/window-metadata/-/window-metadata-1.0.1.tgz#2124f75447b7e989e4e4e1581d55d25bc75f7be5"
  integrity sha512-9koTqyGrM2cqFRW517BPY/iEtUDx2r1+Pwwu5m7sJ7ka79wi3EyqhqcICk/yDmv6jAS1rjKgTKXlEhanYjijcA==
@ -10270,19 +10192,6 @@ elliptic@6.5.4:
    minimalistic-assert "^1.0.1"
    minimalistic-crypto-utils "^1.0.1"

-elliptic@6.5.7:
-  version "6.5.7"
-  resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.5.7.tgz#8ec4da2cb2939926a1b9a73619d768207e647c8b"
-  integrity sha512-ESVCtTwiA+XhY3wyh24QqRGBoP3rEdDUl3EDUUo9tft074fi19IrdpH7hLCMMP3CIj7jb3W96rn8lt/BqIlt5Q==
-  dependencies:
-    bn.js "^4.11.9"
-    brorand "^1.1.0"
-    hash.js "^1.0.0"
-    hmac-drbg "^1.0.1"
-    inherits "^2.0.4"
-    minimalistic-assert "^1.0.1"
-    minimalistic-crypto-utils "^1.0.1"
-
 elliptic@^6.4.0, elliptic@^6.5.2, elliptic@^6.5.3, elliptic@^6.5.4, elliptic@^6.5.5:
  version "6.5.5"
  resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.5.5.tgz#c715e09f78b6923977610d4c2346d6ce22e6dded"
@ -10800,7 +10709,7 @@ eventemitter3@^4.0.4:
  resolved "https://registry.yarnpkg.com/eventemitter3/-/eventemitter3-4.0.7.tgz#2de9b68f6528d5644ef5c59526a1b4a07306169f"
  integrity sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==

-events@3.3.0, events@^3.3.0:
+events@^3.3.0:
  version "3.3.0"
  resolved "https://registry.yarnpkg.com/events/-/events-3.3.0.tgz#31a95ad0a924e2d2c419a813aeb2c4e878ea7400"
  integrity sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==
@ -13249,7 +13158,7 @@ lodash.sortby@^4.7.0:
  resolved "https://registry.yarnpkg.com/lodash.sortby/-/lodash.sortby-4.7.0.tgz#edd14c824e2cc9c1e0b0a1b42bb5210516a42438"
  integrity sha512-HDWXG8isMntAyRF5vZ7xKuEvOhT4AhlRt/3czTSjvGUxjYCBVRQY48ViDHyfYz9VIoBkW4TMGQNapx+l3RUwdA==

-lodash@4.17.21, lodash@^4.17.15, lodash@^4.17.21:
+lodash@^4.17.15, lodash@^4.17.21:
  version "4.17.21"
  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
  integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
@ -14407,11 +14316,6 @@ open@^8.0.4, open@^8.4.0:
    is-docker "^2.1.1"
    is-wsl "^2.2.0"

-openpgp@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/openpgp/-/openpgp-6.0.1.tgz#ab3a2c08a3e23ac7f85c4fc62a3e715d50dc08fb"
-  integrity sha512-3lReDKjgWsKFArZT4Y/yj7/Q0q6/VhXarn4WqKEkyiBWckNjrThSGoB1t0IKo3Ke0ClvBpyQfTwumkGUkxOwww==
-
 optimism@^0.18.0:
  version "0.18.0"
  resolved "https://registry.yarnpkg.com/optimism/-/optimism-0.18.0.tgz#e7bb38b24715f3fdad8a9a7fc18e999144bbfa63"
@ -17318,13 +17222,6 @@ uid-safe@~2.1.5:
  dependencies:
    random-bytes "~1.0.0"

-uint8arrays@3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/uint8arrays/-/uint8arrays-3.1.0.tgz#8186b8eafce68f28bd29bd29d683a311778901e2"
-  integrity sha512-ei5rfKtoRO8OyOIor2Rz5fhzjThwIHJZ3uyDPnDHTXbP0aMQ1RN/6AI5B5d9dBxJOU+BvOAk7ZQ1xphsX8Lrog==
-  dependencies:
-    multiformats "^9.4.2"
-
 uint8arrays@^3.0.0, uint8arrays@^3.1.0:
  version "3.1.1"
  resolved "https://registry.yarnpkg.com/uint8arrays/-/uint8arrays-3.1.1.tgz#2d8762acce159ccd9936057572dade9459f65ae0"
Author	SHA1	Message	Date
Cody Bender	1511f474ff	fix: contrast with new elements	2024-10-30 16:28:51 -04:00
zramsay	c2e847a9e4	Update .gitea/workflows/lint.yaml	2024-10-30 18:09:52 +00:00
zramsay	a1fc4447e8	rm mock project	2024-10-30 13:55:39 -04:00
zramsay	a22d73b2db	Merge pull request 'style: laconic colors' (#12 ) from cfbender/snowballtools-base:style/laconic-colors into staging Reviewed-on: #12	2024-10-30 17:54:14 +00:00
Cody Bender	c8183ba355	chore: rename to laconic	2024-10-30 11:45:25 -04:00
Cody Bender	1cb7c5a1f4	style: projects and settings	2024-10-30 11:45:20 -04:00
Cody Bender	f50f4b9a4d	style: rename color	2024-10-30 11:40:15 -04:00
Cody Bender	017d773d81	style: more colors	2024-10-30 11:40:15 -04:00
Cody Bender	284721234b	style: first pass at laconic colors	2024-10-30 11:40:10 -04:00