Merge pull request #13 from OpenZeppelin/chore/ui-content-updates

chore/ui content updates

Author: stevedylandev

content/contracts-ui-builder/building-adapters.mdx

@@ -18,14 +18,6 @@ This decoupling is achieved through the `ContractAdapter` interface, defined in
 * **Network-Aware Adapters**: An adapter instance is not generic; it is **instantiated with a specific `NetworkConfig` object**. This makes the instance aware of its target network (e.g., Ethereum Mainnet vs. Sepolia Testnet), including its RPC endpoints, explorer URLs, and chain identifiers. The adapter stores this `networkConfig` internally and uses it for all network-dependent operations.
 
 ```mermaid
-%%init: {
-    'theme': 'base',
-    'themeVariables': {
-        'background': '#ffffff',
-        'mainBkg': '#ffffff',
-        'primaryBorderColor': '#cccccc'
-    
-}}%%
 graph TB
     subgraph "Chain-Agnostic Core"
         Builder["Builder Package<br/>(Main Application)"]
@@ -245,16 +237,8 @@ The functions `resolveRpcUrl` and `resolveExplorerConfig` in the EVM adapter pro
 6. **Build and Test**: Build your new package and the main builder app. Add unit and integration tests to ensure your adapter functions correctly within the larger system.
 
 ```mermaid
-%%init: {
-    'theme': 'base',
-    'themeVariables': {
-        'background': '#ffffff',
-        'mainBkg': '#ffffff',
-        'primaryBorderColor': '#cccccc'
-    
-}}%%
 graph TD
-    A[Start: Add Support for New Chain] --> BCreate New Package: packages/adapter-name
+    A[Start: Add Support for New Chain] --> B[Create New Package: packages/adapter-name]
     B --> C[Define NetworkConfig Objects in src/networks]
     C --> D[Implement the ContractAdapter Interface in src/adapter.ts]
 
@@ -272,13 +256,10 @@ graph TD
     D --> D4
     D --> D5
 
-    D5 --> ERegister Adapter in Builder: packages/builder/src/core/ecosystemManager.ts
+    D5 --> E[Register Adapter in Builder: packages/builder/src/core/ecosystemManager.ts]
     E --> F[Add to ecosystemRegistry]
     E --> G[Add dynamic import to loadAdapterPackageModule]
 
     G --> H[Build and Test]
     H --> I[End: New Adapter Integrated]
-
-    style A fill:#000,stroke:#333,stroke-width:2px
-    style I fill:#000,stroke:#333,stroke-width:2px
 ```

src/app/global.css

@@ -121,3 +121,12 @@
 		@apply bg-background text-foreground;
 	}
 }
+
+@keyframes shimmer {
+	0% {
+		background-position: -100% 0;
+	}
+	100% {
+		background-position: 100% 0;
+	}
+}

src/app/layout.config.tsx

@@ -1,5 +1,5 @@
 import type { BaseLayoutProps } from "fumadocs-ui/layouts/shared";
-import { GlobeIcon, HomeIcon, MessagesSquareIcon } from "lucide-react";
+import { GlobeIcon, HomeIcon, MessageSquareMoreIcon } from "lucide-react";
 
 /**
  * Shared layout configurations
@@ -13,73 +13,79 @@ export const baseOptions: BaseLayoutProps = {
 		title: (
 			<>
 				<svg
-					className="h-5"
-					viewBox="0 0 522 94"
+					width="200"
+					height="45"
+					viewBox="0 0 361 45"
+					className="h-6"
 					fill="none"
 					xmlns="http://www.w3.org/2000/svg"
 				>
 					<title>OpenZeppelin Logo</title>
 					<path
-						d="M480.533 70.7091V36.5247H488.592V40.684H489.047C490.411 38.1494 493.791 35.6799 498.665 35.6799C506.334 35.6799 511.013 41.074 511.013 48.3528V70.7091H502.564V50.5624C502.564 46.4031 499.9 43.6086 496 43.6086C491.906 43.6086 488.982 46.858 488.982 51.1473V70.7091H480.533Z"
+						d="M292.789 34.0881H285.229V9.59132H293.123C295.5 9.59132 297.533 10.0817 299.224 11.0626C300.914 12.0354 302.21 13.4349 303.111 15.261C304.012 17.0791 304.463 19.2561 304.463 21.7919C304.463 24.3436 304.008 26.5405 303.099 28.3826C302.19 30.2167 300.866 31.6281 299.128 32.6169C297.39 33.5977 295.277 34.0881 292.789 34.0881ZM288.195 31.4566H292.597C294.623 31.4566 296.301 31.0659 297.633 30.2844C298.965 29.503 299.957 28.3906 300.611 26.9472C301.265 25.5039 301.592 23.7854 301.592 21.7919C301.592 19.8143 301.269 18.1118 300.623 16.6844C299.977 15.249 299.012 14.1486 297.729 13.3831C296.445 12.6096 294.846 12.2228 292.932 12.2228H288.195V31.4566ZM315.509 34.4709C313.851 34.4709 312.395 34.0762 311.143 33.2867C309.899 32.4973 308.927 31.3928 308.225 29.9734C307.531 28.554 307.184 26.8954 307.184 24.9975C307.184 23.0837 307.531 21.4131 308.225 19.9857C308.927 18.5583 309.899 17.4499 311.143 16.6605C312.395 15.871 313.851 15.4763 315.509 15.4763C317.168 15.4763 318.619 15.871 319.863 16.6605C321.115 17.4499 322.088 18.5583 322.782 19.9857C323.484 21.4131 323.834 23.0837 323.834 24.9975C323.834 26.8954 323.484 28.554 322.782 29.9734C322.088 31.3928 321.115 32.4973 319.863 33.2867C318.619 34.0762 317.168 34.4709 315.509 34.4709ZM315.509 31.9351C316.769 31.9351 317.806 31.6121 318.619 30.9662C319.433 30.3203 320.035 29.4711 320.425 28.4185C320.816 27.3659 321.012 26.2256 321.012 24.9975C321.012 23.7695 320.816 22.6252 320.425 21.5646C320.035 20.504 319.433 19.6468 318.619 18.9929C317.806 18.339 316.769 18.0121 315.509 18.0121C314.249 18.0121 313.213 18.339 312.399 18.9929C311.586 19.6468 310.984 20.504 310.593 21.5646C310.202 22.6252 310.007 23.7695 310.007 24.9975C310.007 26.2256 310.202 27.3659 310.593 28.4185C310.984 29.4711 311.586 30.3203 312.399 30.9662C313.213 31.6121 314.249 31.9351 315.509 31.9351ZM334.597 34.4709C332.874 34.4709 331.391 34.0642 330.147 33.2508C328.903 32.4375 327.946 31.3171 327.277 29.8897C326.607 28.4623 326.272 26.8316 326.272 24.9975C326.272 23.1316 326.615 21.4849 327.3 20.0575C327.994 18.6221 328.959 17.5018 330.195 16.6964C331.439 15.883 332.89 15.4763 334.549 15.4763C335.841 15.4763 337.005 15.7155 338.042 16.194C339.078 16.6724 339.928 17.3423 340.59 18.2035C341.251 19.0647 341.662 20.0695 341.822 21.2177H338.999C338.783 20.3804 338.305 19.6388 337.563 18.9929C336.83 18.339 335.841 18.0121 334.597 18.0121C333.496 18.0121 332.532 18.2992 331.702 18.8733C330.881 19.4395 330.239 20.2409 329.776 21.2775C329.322 22.3062 329.095 23.5143 329.095 24.9018C329.095 26.3212 329.318 27.5572 329.764 28.6098C330.219 29.6624 330.857 30.4798 331.678 31.0619C332.508 31.644 333.48 31.9351 334.597 31.9351C335.331 31.9351 335.996 31.8075 336.594 31.5523C337.192 31.2972 337.699 30.9303 338.114 30.4519C338.528 29.9734 338.823 29.3993 338.999 28.7295H341.822C341.662 29.814 341.267 30.7908 340.637 31.66C340.015 32.5212 339.19 33.207 338.161 33.7173C337.141 34.2197 335.952 34.4709 334.597 34.4709ZM357.952 19.8302L355.416 20.5479C355.256 20.1253 355.021 19.7146 354.71 19.3159C354.407 18.9092 353.992 18.5743 353.466 18.3111C352.94 18.048 352.266 17.9164 351.445 17.9164C350.32 17.9164 349.383 18.1756 348.634 18.6939C347.892 19.2042 347.521 19.8541 347.521 20.6436C347.521 21.3453 347.777 21.8995 348.287 22.3062C348.797 22.7129 349.595 23.0518 350.679 23.3229L353.406 23.9928C355.049 24.3915 356.273 25.0015 357.078 25.8229C357.884 26.6362 358.287 27.6848 358.287 28.9687C358.287 30.0213 357.984 30.9622 357.377 31.7916C356.779 32.6209 355.942 33.2748 354.866 33.7532C353.789 34.2317 352.537 34.4709 351.11 34.4709C349.236 34.4709 347.685 34.0642 346.457 33.2508C345.229 32.4375 344.451 31.2493 344.124 29.6864L346.804 29.0165C347.059 30.0053 347.541 30.7469 348.251 31.2413C348.969 31.7357 349.906 31.9829 351.062 31.9829C352.378 31.9829 353.422 31.7038 354.196 31.1456C354.977 30.5795 355.368 29.9017 355.368 29.1122C355.368 28.4743 355.145 27.94 354.698 27.5094C354.252 27.0708 353.566 26.7439 352.641 26.5286L349.579 25.8109C347.896 25.4122 346.66 24.7942 345.871 23.9569C345.089 23.1116 344.698 22.055 344.698 20.7871C344.698 19.7505 344.99 18.8334 345.572 18.036C346.162 17.2386 346.963 16.6126 347.976 16.1581C348.997 15.7036 350.153 15.4763 351.445 15.4763C353.263 15.4763 354.69 15.875 355.727 16.6724C356.771 17.4699 357.513 18.5225 357.952 19.8302Z"
 						fill="currentColor"
 					/>
 					<path
-						d="M471.949 33.4829C468.895 33.4829 466.75 31.5982 466.75 28.5437C466.75 25.6192 468.895 23.6695 471.949 23.6695C475.004 23.6695 477.148 25.6192 477.148 28.5437C477.148 31.5982 475.004 33.4829 471.949 33.4829ZM467.725 70.7085V36.5241H476.173V70.7085H467.725Z"
+						d="M257.053 34.2507V15.6005H261.45V17.8697H261.698C262.443 16.4869 264.287 15.1395 266.946 15.1395C271.13 15.1395 273.683 18.0824 273.683 22.0536V34.2507H269.073V23.2591C269.073 20.9899 267.62 19.4653 265.492 19.4653C263.258 19.4653 261.663 21.2381 261.663 23.5782V34.2507H257.053Z"
 						fill="currentColor"
 					/>
 					<path
-						d="M433.956 71.554C423.883 71.554 416.734 64.0152 416.734 53.8119C416.734 43.0236 423.948 35.6799 433.956 35.6799C444.939 35.6799 450.918 43.8035 450.918 53.4219V56.0865H424.923C425.182 61.2856 428.757 64.7951 434.216 64.7951C438.375 64.7951 441.56 62.8454 442.73 60.0508H450.593C448.904 67.0047 442.795 71.554 433.956 71.554ZM425.053 50.1075H442.86C442.47 45.4932 438.895 42.4387 433.956 42.4387C429.212 42.4387 425.572 45.8182 425.053 50.1075Z"
+						d="M252.37 13.9409C250.704 13.9409 249.534 12.9127 249.534 11.2462C249.534 9.65068 250.704 8.58698 252.37 8.58698C254.037 8.58698 255.207 9.65068 255.207 11.2462C255.207 12.9127 254.037 13.9409 252.37 13.9409ZM250.066 34.2504V15.6002H254.675V34.2504H250.066Z"
 						fill="currentColor"
 					/>
 					<path
-						d="M377.282 83.4489V36.5247H385.6V40.879H386.055C386.965 39.4492 390.084 35.6799 396.323 35.6799C405.877 35.6799 412.441 42.8287 412.441 53.4869C412.441 64.1452 405.942 71.5539 396.583 71.5539C390.539 71.5539 387.29 68.1745 386.185 66.2898H385.73V83.4489H377.282ZM394.699 63.8852C400.158 63.8852 403.862 59.6609 403.862 53.6169C403.862 47.3779 400.158 43.3486 394.634 43.3486C389.045 43.3486 385.535 47.8329 385.535 53.6169C385.535 59.9859 389.435 63.8852 394.699 63.8852Z"
+						d="M231.642 34.7117C226.147 34.7117 222.246 30.5987 222.246 25.032C222.246 19.1461 226.182 15.1395 231.642 15.1395C237.635 15.1395 240.897 19.5716 240.897 24.8192V26.2729H226.714C226.856 29.1095 228.806 31.0241 231.784 31.0241C234.053 31.0241 235.791 29.9604 236.429 28.4358H240.719C239.797 32.2297 236.464 34.7117 231.642 34.7117ZM226.785 23.0109H236.5C236.287 20.4935 234.337 18.827 231.642 18.827C229.054 18.827 227.068 20.6708 226.785 23.0109Z"
 						fill="currentColor"
 					/>
 					<path
-						d="M316.554 71.554C306.48 71.554 299.331 64.0152 299.331 53.8119C299.331 43.0236 306.545 35.6799 316.554 35.6799C327.537 35.6799 333.516 43.8035 333.516 53.4219V56.0865H307.52C307.78 61.2856 311.354 64.7951 316.814 64.7951C320.973 64.7951 324.157 62.8454 325.327 60.0508H333.191C331.501 67.0047 325.392 71.554 316.554 71.554ZM307.65 50.1075H325.457C325.067 45.4932 321.493 42.4387 316.554 42.4387C311.809 42.4387 308.17 45.8182 307.65 50.1075Z"
+						d="M200.722 41.2013V15.6005H205.261V17.9761H205.509C206.005 17.196 207.707 15.1395 211.111 15.1395C216.323 15.1395 219.904 19.0398 219.904 24.8547C219.904 30.6696 216.359 34.7116 211.253 34.7116C207.955 34.7116 206.183 32.8679 205.58 31.8397H205.332V41.2013H200.722ZM210.225 30.5278C213.203 30.5278 215.224 28.2231 215.224 24.9256C215.224 21.5217 213.203 19.3234 210.189 19.3234C207.14 19.3234 205.225 21.7699 205.225 24.9256C205.225 28.4003 207.353 30.5278 210.225 30.5278Z"
 						fill="currentColor"
 					/>
 					<path
-						d="M260.462 70.7083V62.7117L284.118 31.8677V31.3973H261.307V23.6695H294.906V31.5989L271.25 62.4429V62.9805H295.036V70.7083H260.462Z"
+						d="M167.59 34.7117C162.094 34.7117 158.194 30.5987 158.194 25.032C158.194 19.1461 162.13 15.1395 167.59 15.1395C173.582 15.1395 176.844 19.5716 176.844 24.8192V26.2729H162.662C162.804 29.1095 164.754 31.0241 167.732 31.0241C170.001 31.0241 171.739 29.9604 172.377 28.4358H176.667C175.745 32.2297 172.412 34.7117 167.59 34.7117ZM162.733 23.0109H172.448C172.235 20.4935 170.285 18.827 167.59 18.827C165.002 18.827 163.016 20.6708 162.733 23.0109Z"
 						fill="currentColor"
 					/>
 					<path
-						d="M225.673 70.7091V36.5247H233.731V40.684H234.186C235.551 38.1494 238.93 35.6799 243.805 35.6799C251.473 35.6799 256.153 41.074 256.153 48.3528V70.7091H247.704V50.5624C247.704 46.4031 245.039 43.6086 241.14 43.6086C237.046 43.6086 234.121 46.858 234.121 51.1473V70.7091H225.673Z"
+						d="M136.988 34.2503V29.8876L149.894 13.0597V12.8031H137.449V8.58698H155.78V12.9131L142.874 29.7409V30.0342H155.851V34.2503H136.988Z"
 						fill="currentColor"
 					/>
 					<path
-						d="M204.413 71.554C194.34 71.554 187.191 64.0152 187.191 53.8119C187.191 43.0236 194.405 35.6799 204.413 35.6799C215.396 35.6799 221.375 43.8035 221.375 53.4219V56.0865H195.38C195.64 61.2856 199.214 64.7951 204.673 64.7951C208.833 64.7951 212.017 62.8454 213.187 60.0508H221.051C219.361 67.0047 213.252 71.554 204.413 71.554ZM195.51 50.1075H213.317C212.927 45.4932 209.352 42.4387 204.413 42.4387C199.669 42.4387 196.03 45.8182 195.51 50.1075Z"
+						d="M118.007 34.2507V15.6005H122.404V17.8697H122.652C123.397 16.4869 125.24 15.1395 127.9 15.1395C132.084 15.1395 134.637 18.0824 134.637 22.0536V34.2507H130.027V23.2591C130.027 20.9899 128.573 19.4653 126.446 19.4653C124.212 19.4653 122.617 21.2381 122.617 23.5782V34.2507H118.007Z"
 						fill="currentColor"
 					/>
 					<path
-						d="M147.739 83.4V36.4053H156.057V40.879H156.512C157.422 39.4492 160.542 35.6799 166.781 35.6799C176.334 35.6799 182.898 42.8287 182.898 53.4869C182.898 64.1452 176.399 71.5539 167.04 71.5539C160.997 71.5539 157.747 68.1745 156.642 66.2898H156.187V83.4H147.739ZM165.156 63.8852C170.615 63.8852 174.319 59.6609 174.319 53.6169C174.319 47.3779 170.615 43.3486 165.091 43.3486C159.502 43.3486 155.992 47.8329 155.992 53.6169C155.992 59.9859 159.892 63.8852 165.156 63.8852Z"
+						d="M106.409 34.7117C100.913 34.7117 97.0125 30.5987 97.0125 25.032C97.0125 19.1461 100.948 15.1395 106.409 15.1395C112.401 15.1395 115.663 19.5716 115.663 24.8192V26.2729H101.48C101.622 29.1095 103.572 31.0241 106.55 31.0241C108.82 31.0241 110.557 29.9604 111.195 28.4358H115.485C114.564 32.2297 111.231 34.7117 106.409 34.7117ZM101.551 23.0109H111.266C111.053 20.4935 109.103 18.827 106.409 18.827C103.82 18.827 101.835 20.6708 101.551 23.0109Z"
 						fill="currentColor"
 					/>
 					<path
-						d="M118.541 71.5537C104.263 71.5537 93.7572 61.1149 93.7572 47.1066C93.7572 33.233 104.331 22.6594 118.608 22.6594C132.886 22.6594 143.46 33.3677 143.46 47.1066C143.46 60.9802 132.819 71.5537 118.541 71.5537ZM118.608 63.0006C127.633 63.0006 134.098 56.2658 134.098 47.1066C134.098 38.082 127.633 31.2125 118.608 31.2125C109.517 31.2125 103.051 38.082 103.051 47.1066C103.051 56.2658 109.517 63.0006 118.608 63.0006Z"
+						d="M75.4887 41.1746V15.5353H80.0272V17.9761H80.2754C80.7718 17.196 82.4737 15.1395 85.8775 15.1395C91.0896 15.1395 94.6708 19.0398 94.6708 24.8547C94.6708 30.6696 91.1251 34.7116 86.0193 34.7116C82.7219 34.7116 80.949 32.8679 80.3463 31.8397H80.0981V41.1746H75.4887ZM84.9911 30.5278C87.9695 30.5278 89.9905 28.2231 89.9905 24.9256C89.9905 21.5217 87.9695 19.3234 84.9556 19.3234C81.9064 19.3234 79.9917 21.7699 79.9917 24.9256C79.9917 28.4003 82.1191 30.5278 84.9911 30.5278Z"
+						fill="currentColor"
+					/>
+					<path
+						d="M59.5591 35.1499C51.7695 35.1499 46.0375 29.3611 46.0375 21.5929C46.0375 13.8994 51.8062 8.03595 59.5958 8.03595C67.3854 8.03595 73.1541 13.9741 73.1541 21.5929C73.1541 29.2864 67.3487 35.1499 59.5591 35.1499ZM59.5958 30.4068C64.5194 30.4068 68.0468 26.6721 68.0468 21.5929C68.0468 16.5884 64.5194 12.779 59.5958 12.779C54.6355 12.779 51.1081 16.5884 51.1081 21.5929C51.1081 26.6721 54.6355 30.4068 59.5958 30.4068Z"
 						fill="currentColor"
 					/>
 					<rect
-						x="455.215"
-						y="23.4707"
-						width="8.19647"
-						height="47.2383"
+						x="243.241"
+						y="8.47852"
+						width="4.47182"
+						height="25.7722"
 						fill="currentColor"
 					/>
 					<path
-						d="M337.813 83.4482V36.524H346.132V40.8783H346.587C347.496 39.4485 350.616 35.6791 356.855 35.6791C366.408 35.6791 372.972 42.828 372.972 53.4862C372.972 64.1445 366.473 71.5532 357.115 71.5532C351.071 71.5532 347.821 68.1738 346.716 66.2891H346.262V83.4482H337.813ZM355.23 63.8845C360.689 63.8845 364.394 59.6602 364.394 53.6162C364.394 47.3772 360.689 43.3479 355.165 43.3479C349.576 43.3479 346.067 47.8321 346.067 53.6162C346.067 59.9851 349.966 63.8845 355.23 63.8845Z"
+						d="M179.189 41.2011V15.6003H183.727V17.9759H183.975C184.472 17.1958 186.174 15.1393 189.578 15.1393C194.79 15.1393 198.371 19.0396 198.371 24.8545C198.371 30.6694 194.825 34.7115 189.719 34.7115C186.422 34.7115 184.649 32.8677 184.046 31.8395H183.798V41.2011H179.189ZM188.691 30.5276C191.669 30.5276 193.691 28.2229 193.691 24.9254C193.691 21.5216 191.669 19.3232 188.656 19.3232C185.606 19.3232 183.692 21.7698 183.692 24.9254C183.692 28.4002 185.819 30.5276 188.691 30.5276Z"
 						fill="currentColor"
 					/>
 					<path
-						d="M10.4995 83.5166C18.5557 69.5776 25.4014 58.0821 34.1023 42.3266C37.1758 37.01 42.4865 33.7064 49.0425 33.7064H59.3439L30.5759 83.5166H10.4995Z"
+						d="M0.61377 41.2383C5.00907 33.6335 8.74392 27.3618 13.491 18.7659C15.1678 15.8653 18.0652 14.0629 21.642 14.0629H27.2622L11.567 41.2383H0.61377Z"
 						fill="#2E99FF"
 					/>
 					<path
-						d="M10.5907 10.9531H72.404L61.8422 29.3684H10.5907V10.9531Z"
+						d="M0.663757 1.64935H34.3877L28.6255 11.6963H0.663757V1.64935Z"
 						fill="#4F56FA"
 					/>
 					<path
-						d="M41.5527 72.0477C43.8772 67.9384 47.6136 65.3855 52.8471 65.3855L72.4153 65.3321V83.5179H34.921C37.2685 79.492 39.3069 76.0179 41.5527 72.0477Z"
+						d="M17.5552 34.981C18.8234 32.7391 20.862 31.3463 23.7172 31.3463L34.3932 31.3172V41.239H13.9371C15.2179 39.0425 16.3299 37.1471 17.5552 34.981Z"
 						fill="#09C2FF"
 					/>
 				</svg>
@@ -98,7 +104,7 @@ export const baseOptions: BaseLayoutProps = {
 		{
 			text: "Forum",
 			url: "https://forum.openzeppelin.com",
-			icon: <MessagesSquareIcon />,
+			icon: <MessageSquareMoreIcon />,
 		},
 		{
 			text: "Website",