Merge remote-tracking branch 'origin/main' into feature/add-bridge-page

Author: Le-Caignec

README.md

@@ -169,4 +169,6 @@ Fork this repository and ensure you're working on the `main` branch:
 - Add Dune dashboard
 - Add a Development workflow
 - Update context7 when doc will be deployed
-- Add section iexec-explorer.md file to talk about: available chain + SRLC/RLC feature of the protocol
+- Check theGraph Images with design Team
+- Add section iexec-explorer.md file to talk about: available chain + SRLC/RLC
+  feature of the protocol

src/assets/icons/arbitrum-logo.png

@@ -32,5 +32,6 @@ interface Props {
 
 withDefaults(defineProps<Props>(), {
   iconColor: 'text-blue-500',
+  linkUrl: '',
 });
 </script>

src/assets/icons/arbitrum.svg

@@ -5,13 +5,13 @@
     <!-- Icon -->
     <div class="flex items-start gap-2">
       <div
-        class="border-border bg-bg flex h-14 w-14 items-center justify-center overflow-hidden rounded-xl border p-2"
+        class="border-border bg-bg flex size-10 flex-none items-center justify-center overflow-hidden rounded-xl border p-2"
       >
         <img
           v-if="iconImage"
           :src="iconImage"
           :alt="title"
-          class="h-full w-full object-contain"
+          class="size-8 object-contain"
         />
         <Icon v-else :icon="icon" height="24" />
       </div>

src/assets/tooling-&-explorers/the-graph/protocol-view.jpg

@@ -15,7 +15,7 @@ publicly auditable.
 
 <div class="grid grid-cols-1 gap-8 my-8">
   <UseCaseCard
-    title="🔷 Arbitrum Mainnet"
+    title="🔷 Arbitrum One"
     description="Production network for mainnet operations with verified smart contracts and comprehensive transaction tracking."
     image-url="/assets/tooling-&-explorers/blockchain-explorer/arbitrum-explorer.png"
     image-alt="Arbitrum Explorer"
@@ -26,7 +26,7 @@ publicly auditable.
   />
 
   <UseCaseCard
-    title="⚡ Bellecour Network"
+    title="⚡ Bellecour"
     description="iExec's dedicated sidechain for optimized performance with native integration and enhanced protocol analytics."
     image-url="/assets/tooling-&-explorers/blockchain-explorer/bellecour-explorer.png"
     image-alt="Bellecour Explorer"

src/components/FeatureCard.vue

@@ -7,9 +7,13 @@ description:
 
 # RLC Bridge
 
-**RLC** (RLC Token) is the essential cryptocurrency for interacting with the iExec protocol. Whether you are executing tasks, accessing protected data, or participating in the iExec decentralized confidential computing network, you will need RLC tokens on the appropriate network.
+**RLC** (RLC Token) is the essential cryptocurrency for interacting with the
+iExec protocol. Whether you are executing tasks, accessing protected data, or
+participating in the iExec decentralized confidential computing network, you
+will need RLC tokens on the appropriate network.
 
-This guide helps you bridge RLC tokens to **Bellecour** (becoming xRLC) and **Arbitrum** networks using dedicated bridge solutions.
+This guide helps you bridge RLC tokens to **Bellecour** (becoming xRLC) and
+**Arbitrum** networks using dedicated bridge solutions.
 
 ## 🎯 Why Bridge RLC?
 
@@ -21,7 +25,8 @@ RLC tokens are required for various iExec protocol interactions:
 
 ## 🗂️ Available Bridges
 
-iExec provides dedicated bridge solutions for seamless token transfers across networks:
+iExec provides dedicated bridge solutions for seamless token transfers across
+networks:
 
 <CardGrid>
   <ProjectCard
@@ -53,9 +58,11 @@ iExec provides dedicated bridge solutions for seamless token transfers across ne
 
 ## 🔄 How to Bridge to Bellecour
 
-The **Bellecour Bridge** enables seamless transfer of RLC tokens from Ethereum mainnet to the Bellecour sidechain, where they become **xRLC** tokens.
+The **Bellecour Bridge** enables seamless transfer of RLC tokens from Ethereum
+mainnet to the Bellecour sidechain, where they become **xRLC** tokens.
 
-1. **Connect Wallet**: Visit [Bellecour Bridge](https://bridge-bellecour.iex.ec/) and connect your wallet
+1. **Connect Wallet**: Visit
+   [Bellecour Bridge](https://bridge-bellecour.iex.ec/) and connect your wallet
 2. **Select Amount**: Choose the amount of RLC you want to bridge
 3. **Confirm Transaction**: Approve the bridge transaction on Ethereum mainnet
 4. **Receive xRLC**: Your xRLC tokens will be available on Bellecour network
@@ -66,10 +73,10 @@ The **Bellecour Bridge** enables seamless transfer of RLC tokens from Ethereum m
   link-url="https://bridge-bellecour.iex.ec/"
 />
 
-
 ## How to Bridge to Arbitrum
 
-The **Stargate Bridge** powered by LayerZero enables cross-chain transfers of RLC tokens to Arbitrum mainnet.
+The **Stargate Bridge** powered by LayerZero enables cross-chain transfers of
+RLC tokens to Arbitrum mainnet.
 
 1. **Visit Stargate**: Go to [Stargate](https://stargate.finance/bridge)
 2. **Connect Wallet**: Connect your wallet to the Stargate interface

src/components/ProjectCard.vue

@@ -27,15 +27,13 @@ confidential iApps deployed on the protocol.
     icon="mdi:chart-line"
     title="Voucher consumption & Task History"
     description="View complete task execution history with status, pricing, deals, and comprehensive voucher consumption tracking"
-    link-url="#voucher-history"
     icon-color="text-blue-500"
   />
 
   <FeatureCard
     icon="mdi:apps"
     title="Confidential iApp Monitoring"
     description="Monitor deployed iApps, track execution statistics, unique users"
-    link-url="#iapp-management"
     icon-color="text-green-500"
   />
 </CardGrid>
@@ -54,7 +52,7 @@ monitoring with detailed task execution history and real-time balance tracking.
 
 ### Current Voucher Balance & Management
 
-<div class="bg-gradient-to-r from-green-400/10 to-green-400/5 rounded-[6px] p-6 border-l-4 border-green-700 mb-6">
+<div class="bg-gradient-to-r from-green-400/10 to-green-400/5 rounded-[6px] p-6 border-l-4 border-green-700 my-6">
   <h4 class="!mt-0 !mb-2">💰 Voucher Balance Overview</h4>
   <ul class="!mb-0">
     <li><strong>Current Balance</strong>: View your remaining voucher credits and compute capacity</li>
@@ -70,31 +68,27 @@ monitoring with detailed task execution history and real-time balance tracking.
     icon="mdi:history"
     title="Complete Task History"
     description="Chronological list of all executed tasks with detailed execution information"
-    link-url="#task-history"
     icon-color="text-blue-500"
   />
 
   <FeatureCard
     icon="mdi:chart-line"
     title="Task Status Tracking"
     description="Real-time status updates: Pending, Running, Completed, Failed"
-    link-url="#task-status"
     icon-color="text-green-500"
   />
 
   <FeatureCard
     icon="mdi:currency-usd"
     title="Pricing & Cost Analysis"
     description="Detailed cost breakdown per task and cumulative spending analytics"
-    link-url="#cost-analysis"
     icon-color="text-orange-500"
   />
 
   <FeatureCard
     icon="mdi:handshake"
     title="Deal Association"
     description="View which deal each task belongs to and track deal performance"
-    link-url="#deal-tracking"
     icon-color="text-purple-500"
   />
 </CardGrid>
@@ -113,7 +107,7 @@ deployed confidential iApps with detailed statistics and user insights.
 
 ### My Confidential iApps Overview
 
-<div class="bg-gradient-to-r from-blue-400/10 to-blue-400/5 rounded-[6px] p-6 border-l-4 border-blue-700 mb-6">
+<div class="bg-gradient-to-r from-blue-400/10 to-blue-400/5 rounded-[6px] p-6 border-l-4 border-blue-700 my-6">
   <h4 class="!mt-0 !mb-2">📱 iApp Portfolio Metrics</h4>
   <ul class="!mb-0">
     <li><strong>Deployed Applications</strong>: Complete list of all your confidential iApps currently deployed</li>
@@ -130,31 +124,27 @@ deployed confidential iApps with detailed statistics and user insights.
     icon="mdi:apps"
     title="Deployed iApps"
     description="View all your confidential applications with deployment status, versions, and metadata"
-    link-url="#deployed-iapps"
     icon-color="text-blue-500"
   />
 
   <FeatureCard
     icon="mdi:counter"
     title="Execution Count"
     description="Track how many times each iApp has been executed since deployment"
-    link-url="#execution-count"
     icon-color="text-green-500"
   />
 
   <FeatureCard
     icon="mdi:account-group"
     title="Unique Users"
     description="Monitor total unique users who have interacted with each application"
-    link-url="#unique-users"
     icon-color="text-orange-500"
   />
 
   <FeatureCard
     icon="mdi:trending-up"
     title="Usage Trends"
     description="Analyze usage patterns, peak times, and growth trends for each iApp"
-    link-url="#usage-trends"
     icon-color="text-purple-500"
   />
 </CardGrid>

src/overview/tooling-and-explorers/blockchain-explorer.md

@@ -55,7 +55,7 @@ explore apps and protectedData—all in one powerful dashboard.
 
 </CardGrid>
 
-<div class="bg-gradient-to-r from-purple-400/10 to-purple-400/5 rounded-[6px] p-6 border-l-4 border-fuchsia-700 mb-6">
+<div class="bg-gradient-to-r from-purple-400/10 to-purple-400/5 rounded-[6px] p-6 border-l-4 border-fuchsia-700 my-6">
   <h4 class="!mt-0 !mb-2">🏗️ Understanding iExec Architecture</h4>
   <p class="!mb-2"><strong>Deals</strong> are the fundamental orchestration unit - each deal coordinates a set of different stakeholders that share resources and execution parameters to execute a confidential computation task.</p>
   <p class="!mb-0">Each <strong>Deal</strong> brings together:</p>