diff --git a/.lintstagedrc.mjs b/.lintstagedrc.mjs
index 9c3a2f126..ebf10c5a7 100644
--- a/.lintstagedrc.mjs
+++ b/.lintstagedrc.mjs
@@ -1,3 +1,5 @@
 export default {
-  '**/*.(js|jsx|ts|tsx|md|json|mdx|html|css)': ['biome check --apply-unsafe'],
+  '**/*.(js|jsx|ts|tsx|md|json|mdx|html|css)': [
+    'biome check --apply-unsafe --diagnostic-level=error --max-diagnostics=1000',
+  ],
 };
diff --git a/packages/app-explorer/src/systems/Transaction/component/TxInput/TxInput.tsx b/packages/app-explorer/src/systems/Transaction/component/TxInput/TxInput.tsx
index ff277dc52..bc3ca649f 100644
--- a/packages/app-explorer/src/systems/Transaction/component/TxInput/TxInput.tsx
+++ b/packages/app-explorer/src/systems/Transaction/component/TxInput/TxInput.tsx
@@ -98,7 +98,7 @@ const TxInputMessage = createComponent<TxInputProps, typeof Collapsible>({
         </Collapsible.Header>
         <Collapsible.Content>
           <Collapsible.Title>Data</Collapsible.Title>
-          <Collapsible.Body className="text-xs leading-normal">
+          <Collapsible.Body className="text-xs leading-normal text-wrap break-all">
             {data}
           </Collapsible.Body>
         </Collapsible.Content>
diff --git a/packages/app-explorer/src/systems/Transaction/component/TxScreen/TxScreenSimple.tsx b/packages/app-explorer/src/systems/Transaction/component/TxScreen/TxScreenSimple.tsx
index ec9c92448..46cfd2ff2 100644
--- a/packages/app-explorer/src/systems/Transaction/component/TxScreen/TxScreenSimple.tsx
+++ b/packages/app-explorer/src/systems/Transaction/component/TxScreen/TxScreenSimple.tsx
@@ -3,6 +3,7 @@
 
 import type { GroupedInput, GroupedOutput } from '@fuel-explorer/graphql';
 import {
+  Address,
   Badge,
   Box,
   Card,
@@ -11,19 +12,24 @@ import {
   Grid,
   HStack,
   Heading,
+  HelperIcon,
   Icon,
   Link,
   LoadingBox,
   LoadingWrapper,
+  Text,
   VStack,
 } from '@fuels/ui';
-import { IconArrowDown } from '@tabler/icons-react';
+import { IconArrowDown, IconArrowUp } from '@tabler/icons-react';
 import { bn } from 'fuels';
 import NextLink from 'next/link';
+import { tv } from 'tailwind-variants';
 import { Routes } from '~/routes';
+import { Amount } from '~/systems/Core/components/Amount/Amount';
 import { EmptyCard } from '~/systems/Core/components/EmptyCard/EmptyCard';
 import { formatZeroUnits } from '~/systems/Core/utils/format';
 
+import { AssetItem } from '~/systems/Asset/components/AssetItem/AssetItem';
 import { CardInfo } from '../../../Core/components/CardInfo/CardInfo';
 import { TxInput } from '../../component/TxInput/TxInput';
 import { TxOutput } from '../../component/TxOutput/TxOutput';
@@ -37,158 +43,180 @@ type TxScreenProps = {
 };
 
 export function TxScreenSimple({ transaction: tx, isLoading }: TxScreenProps) {
-  const hasInputs = tx.groupedInputs?.length ?? 0 > 0;
-  const hasOutputs = tx.groupedOutputs?.length ?? 0 > 0;
   const title = tx.title as string;
+  const isMint = Boolean(tx.isMint);
+  const classes = styles({ isMint });
 
-  return (
-    <Grid className="grid-cols-1 gap-10 laptop:grid-cols-[300px_1fr] laptop:items-start">
-      <Box className="grid grid-cols-1 gap-4 tablet:grid-cols-2 tablet:gap-6 laptop:grid-cols-1">
-        <CardInfo>
-          <EntityItem>
-            <EntityItem.Slot>
+  const cards = [
+    <CardInfo key="type">
+      <EntityItem>
+        <EntityItem.Slot>
+          <LoadingWrapper
+            isLoading={isLoading}
+            loadingEl={<LoadingBox className="w-11 h-11 rounded-full" />}
+            regularEl={
+              <TxIcon
+                type={title}
+                size="lg"
+                status={tx.isPredicate ? 'Info' : (tx.statusType as TxStatus)}
+              />
+            }
+          />
+        </EntityItem.Slot>
+        <EntityItem.Info
+          title={
+            (
               <LoadingWrapper
                 isLoading={isLoading}
-                loadingEl={<LoadingBox className="w-11 h-11 rounded-full" />}
-                regularEl={
-                  <TxIcon
-                    type={title}
-                    size="lg"
-                    status={
-                      tx.isPredicate ? 'Info' : (tx.statusType as TxStatus)
-                    }
-                  />
-                }
+                loadingEl={<LoadingBox className="w-20 h-6" />}
+                regularEl={title}
               />
-            </EntityItem.Slot>
-            <EntityItem.Info
-              title={
-                (
-                  <LoadingWrapper
-                    isLoading={isLoading}
-                    loadingEl={<LoadingBox className="w-20 h-6" />}
-                    regularEl={title}
-                  />
-                ) as any
-              }
-            >
-              <HStack gap="1">
-                {tx.isPredicate && (
-                  <Badge color="blue" variant="ghost">
-                    Predicate
-                  </Badge>
-                )}
-                <LoadingWrapper
-                  isLoading={isLoading}
-                  loadingEl={<LoadingBox className="w-20 h-6" />}
-                  regularEl={
-                    <Badge
-                      color={TX_INTENT_MAP[tx.statusType as string]}
-                      variant="ghost"
-                    >
-                      {tx.statusType}
-                    </Badge>
-                  }
-                />
-              </HStack>
-            </EntityItem.Info>
-          </EntityItem>
-        </CardInfo>
-        <CardInfo
-          name={'Timestamp'}
-          description={
-            <LoadingWrapper
-              isLoading={isLoading}
-              loadingEl={<LoadingBox className="w-40 h-5 mt-1" />}
-              regularEl={tx.time?.full}
-            />
+            ) as any
           }
         >
-          <LoadingWrapper
-            isLoading={isLoading}
-            loadingEl={<LoadingBox className="w-24 h-6" />}
-            regularEl={tx.time?.fromNow}
-          />
-        </CardInfo>
-        {(tx.blockHeight || isLoading) && (
-          <CardInfo name={'Block'}>
+          <HStack gap="1">
+            {tx.isPredicate && (
+              <Badge color="blue" variant="ghost">
+                Predicate
+              </Badge>
+            )}
             <LoadingWrapper
               isLoading={isLoading}
-              loadingEl={<LoadingBox className="w-28 h-6" />}
+              loadingEl={<LoadingBox className="w-20 h-6" />}
               regularEl={
-                <Link
-                  as={NextLink}
-                  href={Routes.blockSimple(tx.blockHeight || '')}
-                  className="text-link"
+                <Badge
+                  color={TX_INTENT_MAP[tx.statusType as string]}
+                  variant="ghost"
                 >
-                  #{tx.blockHeight}
-                </Link>
-              }
-            />
-          </CardInfo>
-        )}
-        <CardInfo
-          name={'Network Fee'}
-          description={
-            <LoadingWrapper
-              isLoading={isLoading}
-              regularEl={<>Gas used: {formatZeroUnits(tx.gasUsed || '')}</>}
-              loadingEl={
-                <>
-                  <LoadingBox className="w-28 h-5 mt-2" />
-                  <LoadingBox className="w-28 h-5 mt-1" />
-                </>
+                  {tx.statusType}
+                </Badge>
               }
             />
+          </HStack>
+        </EntityItem.Info>
+      </EntityItem>
+    </CardInfo>,
+    <CardInfo
+      key="timestamp"
+      name={'Timestamp'}
+      description={
+        <LoadingWrapper
+          isLoading={isLoading}
+          loadingEl={<LoadingBox className="w-40 h-5 mt-1" />}
+          regularEl={tx.time?.full}
+        />
+      }
+    >
+      <LoadingWrapper
+        isLoading={isLoading}
+        loadingEl={<LoadingBox className="w-24 h-6" />}
+        regularEl={tx.time?.fromNow}
+      />
+    </CardInfo>,
+    (tx.blockHeight || isLoading) && (
+      <CardInfo key="block" name={'Block'}>
+        <LoadingWrapper
+          isLoading={isLoading}
+          loadingEl={<LoadingBox className="w-28 h-6" />}
+          regularEl={
+            <Link
+              as={NextLink}
+              href={Routes.blockSimple(tx.blockHeight || '')}
+              className="text-link"
+            >
+              #{tx.blockHeight}
+            </Link>
           }
-        >
-          <LoadingWrapper
-            isLoading={isLoading}
-            loadingEl={<LoadingBox className="w-36 h-6" />}
-            regularEl={`${bn(tx.fee).format()} ETH`}
-          />
-        </CardInfo>
-      </Box>
+        />
+      </CardInfo>
+    ),
+    <CardInfo
+      key={'fee'}
+      name={'Network Fee'}
+      description={
+        <LoadingWrapper
+          isLoading={isLoading}
+          regularEl={<>Gas used: {formatZeroUnits(tx.gasUsed || '')}</>}
+          loadingEl={
+            <>
+              <LoadingBox className="w-28 h-5 mt-2" />
+              <LoadingBox className="w-28 h-5 mt-1" />
+            </>
+          }
+        />
+      }
+    >
+      <LoadingWrapper
+        isLoading={isLoading}
+        loadingEl={<LoadingBox className="w-36 h-6" />}
+        regularEl={`${bn(tx.fee).format()} ETH`}
+      />
+    </CardInfo>,
+  ];
+
+  return (
+    <Grid className={classes.wrapper()}>
+      <Box className={classes.cards()}>{cards}</Box>
+      <ContentMain tx={tx} isLoading={isLoading} />
+    </Grid>
+  );
+}
+
+function ContentMain({
+  tx,
+  isLoading,
+}: {
+  tx: TransactionNode;
+  isLoading?: boolean;
+}) {
+  const hasInputs = tx.groupedInputs?.length ?? 0 > 0;
+  const hasOutputs = tx.groupedOutputs?.length ?? 0 > 0;
+
+  return (
+    <VStack>
       <VStack>
-        <VStack>
-          <Heading as="h2" size="5" className="leading-none">
-            Inputs
-          </Heading>
-          <LoadingWrapper
-            isLoading={isLoading}
-            repeatLoader={2}
-            noItems={!hasInputs}
-            loadingEl={
-              <Card className="py-4 px-4 flex flex-row items-center justify-between">
-                <LoadingBox className="rounded-full w-[38px] h-[38px]" />
-                <LoadingBox className="w-24 h-6" />
-              </Card>
-            }
-            regularEl={tx.groupedInputs?.map((input, i) => (
-              // here we use only index as key because this component will not change
-              <TxInput key={i} input={input as GroupedInput} />
-            ))}
-            noItemsEl={
-              <EmptyCard hideImage>
-                <EmptyCard.Title>No Inputs</EmptyCard.Title>
-                <EmptyCard.Description>
-                  This transaction does not have any inputs.
-                </EmptyCard.Description>
-              </EmptyCard>
-            }
-          />
-        </VStack>
-        <Flex justify="center">
-          <Icon icon={IconArrowDown} size={30} color="text-muted" />
-        </Flex>
-        <TxScripts tx={tx} isLoading={isLoading} />
-        <Flex justify="center">
-          <Icon icon={IconArrowDown} size={30} color="text-muted" />
-        </Flex>
-        <VStack>
-          <Heading as="h2" size="5" className="leading-none">
-            Outputs
-          </Heading>
+        <LoadingWrapper
+          isLoading={isLoading}
+          repeatLoader={2}
+          noItems={!hasInputs}
+          loadingEl={
+            <Card className="py-4 px-4 flex flex-row items-center justify-between">
+              <LoadingBox className="rounded-full w-[38px] h-[38px]" />
+              <LoadingBox className="w-24 h-6" />
+            </Card>
+          }
+          regularEl={
+            <>
+              <Heading as="h2" size="5" className="leading-none">
+                Inputs
+              </Heading>
+              {tx.groupedInputs?.map((input, i) => (
+                // here we use only index as key because this component will not change
+                <TxInput key={i} input={input as GroupedInput} />
+              ))}
+            </>
+          }
+          noItemsEl={
+            <EmptyCard hideImage>
+              <EmptyCard.Title>No Inputs</EmptyCard.Title>
+              <EmptyCard.Description>
+                This transaction does not have any inputs.
+              </EmptyCard.Description>
+            </EmptyCard>
+          }
+        />
+      </VStack>
+      <Flex justify="center">
+        <Icon icon={IconArrowDown} size={30} color="text-muted" />
+      </Flex>
+      <TxScripts tx={tx} isLoading={isLoading} />
+      <Flex justify="center">
+        <Icon icon={IconArrowDown} size={30} color="text-muted" />
+      </Flex>
+      <VStack>
+        {tx.isMint ? (
+          <MintOutputs tx={tx} isLoading={Boolean(isLoading)} />
+        ) : (
           <LoadingWrapper
             isLoading={isLoading}
             repeatLoader={2}
@@ -199,14 +227,21 @@ export function TxScreenSimple({ transaction: tx, isLoading }: TxScreenProps) {
                 <LoadingBox className="w-24 h-6" />
               </Card>
             }
-            regularEl={tx.groupedOutputs?.map((output, i) => (
-              <TxOutput
-                // here we use only index as key because this component will not change
-                key={i}
-                tx={tx}
-                output={output as GroupedOutput}
-              />
-            ))}
+            regularEl={
+              <>
+                <Heading as="h2" size="5" className="leading-none">
+                  Outputs
+                </Heading>
+                {tx.groupedOutputs?.map((output, i) => (
+                  <TxOutput
+                    // here we use only index as key because this component will not change
+                    key={i}
+                    tx={tx}
+                    output={output as GroupedOutput}
+                  />
+                ))}
+              </>
+            }
             noItemsEl={
               <EmptyCard hideImage>
                 <EmptyCard.Title>No Outputs</EmptyCard.Title>
@@ -216,8 +251,122 @@ export function TxScreenSimple({ transaction: tx, isLoading }: TxScreenProps) {
               </EmptyCard>
             }
           />
-        </VStack>
+        )}
       </VStack>
-    </Grid>
+    </VStack>
   );
 }
+
+function MintOutputs({
+  tx,
+  isLoading,
+}: {
+  tx: TransactionNode;
+  isLoading: boolean;
+}) {
+  const classes = styles();
+  const inputContractId = tx.inputContract?.contract?.id;
+  const hasInputContract = Boolean(inputContractId);
+  const amount = bn(tx.mintAmount);
+
+  const content = (
+    <VStack>
+      <Heading as="h2" size="5" className="leading-none">
+        Minted Assets
+      </Heading>
+      <Card className="pb-3">
+        <Card.Header className={classes.header()}>
+          {tx.mintAssetId && (
+            <AssetItem assetId={tx.mintAssetId}>
+              <Address
+                prefix="Id:"
+                value={tx.mintAssetId}
+                linkProps={{
+                  as: NextLink,
+                  href: Routes.accountAssets(tx.mintAssetId),
+                }}
+              />
+            </AssetItem>
+          )}
+          <HStack className="hidden tablet:flex items-center gap-2">
+            <Icon icon={IconArrowUp} className="text-success" />
+            <Amount
+              hideSymbol
+              hideIcon
+              assetId={tx.mintAssetId}
+              value={amount}
+            />
+            <HelperIcon message="This is the amount minted in the transaction" />
+          </HStack>
+        </Card.Header>
+        <Card.Body className="flex flex-col gap-1 border-t border-border pt-3">
+          {hasInputContract && (
+            <HStack>
+              <Text as="span" className="text-sm">
+                Input Contract
+              </Text>
+              <Address
+                value={inputContractId}
+                linkProps={{
+                  as: NextLink,
+                  href: Routes.accountAssets(inputContractId!),
+                }}
+              />
+            </HStack>
+          )}
+          {tx.txPointer && (
+            <HStack>
+              <Text as="span" className="text-sm">
+                Tx Pointer
+              </Text>
+              <Address full value={tx.txPointer} />
+            </HStack>
+          )}
+        </Card.Body>
+      </Card>
+    </VStack>
+  );
+
+  return (
+    <LoadingWrapper
+      isLoading={isLoading}
+      regularEl={content}
+      loadingEl={
+        <Card className="py-4 px-4 flex flex-col gap-2">
+          <HStack>
+            <LoadingBox className="w-20 h-6" />
+            <LoadingBox className="w-40 h-6" />
+          </HStack>
+          <HStack>
+            <LoadingBox className="w-20 h-6" />
+            <LoadingBox className="w-40 h-6" />
+          </HStack>
+          <HStack>
+            <LoadingBox className="w-20 h-6" />
+            <LoadingBox className="w-40 h-6" />
+          </HStack>
+        </Card>
+      }
+    />
+  );
+}
+
+const styles = tv({
+  slots: {
+    header: 'group flex flex-row gap-4 justify-between items-center',
+    wrapper: [
+      'grid-cols-1 gap-10 laptop:grid-cols-[300px_1fr] laptop:items-start',
+    ],
+    cards: [
+      'grid grid-cols-1 gap-4 tablet:grid-cols-2 tablet:gap-6 laptop:grid-cols-1',
+    ],
+  },
+  variants: {
+    isMint: {
+      true: {
+        wrapper: [''],
+        cards: [''],
+      },
+    },
+  },
+});
diff --git a/packages/app-explorer/src/systems/Transaction/component/TxScripts/TxScripts.tsx b/packages/app-explorer/src/systems/Transaction/component/TxScripts/TxScripts.tsx
index 0c7da528a..a1ad25945 100644
--- a/packages/app-explorer/src/systems/Transaction/component/TxScripts/TxScripts.tsx
+++ b/packages/app-explorer/src/systems/Transaction/component/TxScripts/TxScripts.tsx
@@ -51,30 +51,32 @@ export function TxScripts({ tx, isLoading, ...props }: TxScriptsProps) {
   const hasOperations = tx.operations?.length ?? 0 > 0;
   return (
     <VStack {...props}>
-      <Heading
-        as="h2"
-        size="5"
-        className="leading-none flex items-center gap-8"
-      >
-        Operations
-        {opened && (
-          <Button
-            className="text-muted"
-            variant="link"
-            color="gray"
-            leftIcon={IconFold}
-            onClick={() => setOpened(false)}
-          >
-            Collapse
-          </Button>
-        )}
-      </Heading>
       <LoadingWrapper
         repeatLoader={2}
         isLoading={isLoading}
         noItems={!hasOperations}
         regularEl={
-          <ScriptsContent tx={tx} opened={opened} setOpened={setOpened} />
+          <>
+            <Heading
+              as="h2"
+              size="5"
+              className="leading-none flex items-center gap-8"
+            >
+              Operations
+              {opened && (
+                <Button
+                  className="text-muted"
+                  variant="link"
+                  color="gray"
+                  leftIcon={IconFold}
+                  onClick={() => setOpened(false)}
+                >
+                  Collapse
+                </Button>
+              )}
+            </Heading>
+            <ScriptsContent tx={tx} opened={opened} setOpened={setOpened} />
+          </>
         }
         loadingEl={
           <Card className="py-5 px-4 flex flex-row items-center justify-between">
diff --git a/packages/app-portal/src/types/index.tsx b/packages/app-portal/src/types/index.tsx
index c2080d593..0573644a5 100644
--- a/packages/app-portal/src/types/index.tsx
+++ b/packages/app-portal/src/types/index.tsx
@@ -1,9 +1,9 @@
 // TODO: the urls will have to be changed
 export enum Pages {
-	home = "/",
-	bridge = "/bridge",
-	deposit = "/bridge/deposit",
-	withdraw = "/bridge/withdraw",
-	ecosystem = "/ecosystem",
-	transactions = "/bridge/transactions",
+  home = '/',
+  bridge = '/bridge',
+  deposit = '/bridge/deposit',
+  withdraw = '/bridge/withdraw',
+  ecosystem = '/ecosystem',
+  transactions = '/bridge/transactions',
 }
diff --git a/packages/graphql/src/queries/tx-fragments.graphql b/packages/graphql/src/queries/tx-fragments.graphql
index bdafb6ada..7274d0d06 100644
--- a/packages/graphql/src/queries/tx-fragments.graphql
+++ b/packages/graphql/src/queries/tx-fragments.graphql
@@ -232,6 +232,16 @@ fragment TransactionItem on Transaction {
   salt
   storageSlots
   rawPayload
+  mintAmount
+  mintAssetId
+  inputContract {
+    contract {
+      id
+    }
+  }
+  outputContract {
+    inputIndex
+  }
 
   status {
     ...TransactionStatus