Add Purchase Order merchant blocks (13 blocks)

src/content/docs/merchants/blocks/commerce-b2b-po-approval-flow.mdx

@@ -10,7 +10,7 @@ import Diagram from '@components/Diagram.astro';
 Users view workflow status and who approved or rejected orders through this block. Place it on purchase order detail pages.
 
 <Diagram caption="Purchase Order Approval Flow block.">
-  ![Purchase Order Approval Flow block.](/images/placeholder.webp)
+  ![Purchase Order Approval Flow block.](@images/placeholder.webp)
 </Diagram>
 
 

src/content/docs/merchants/blocks/commerce-b2b-po-approval-rule-details.mdx

@@ -10,7 +10,7 @@ import Diagram from '@components/Diagram.astro';
 Administrators review rule conditions and approval requirements through this block. Place it on approval rule detail pages.
 
 <Diagram caption="Purchase Order Approval Rule Details block.">
-  ![Purchase Order Approval Rule Details block.](/images/placeholder.webp)
+  ![Purchase Order Approval Rule Details block.](@images/placeholder.webp)
 </Diagram>
 
 

src/content/docs/merchants/blocks/commerce-b2b-po-approval-rule-form.mdx

@@ -10,7 +10,7 @@ import Diagram from '@components/Diagram.astro';
 Administrators create spending limits and set approval hierarchies through this block. Place it on create approval rule pages.
 
 <Diagram caption="Purchase Order Approval Rule Form block.">
-  ![Purchase Order Approval Rule Form block.](/images/placeholder.webp)
+  ![Purchase Order Approval Rule Form block.](@images/placeholder.webp)
 </Diagram>
 
 

src/content/docs/merchants/blocks/commerce-b2b-po-approval-rules-list.mdx

@@ -10,7 +10,7 @@ import Diagram from '@components/Diagram.astro';
 Administrators view all approval rules and which orders they affect through this block. Place it on approval rules pages.
 
 <Diagram caption="Purchase Order Approval Rules List block.">
-  ![Purchase Order Approval Rules List block.](/images/placeholder.webp)
+  ![Purchase Order Approval Rules List block.](@images/placeholder.webp)
 </Diagram>
 
 

src/content/docs/merchants/blocks/commerce-b2b-po-checkout-success.mdx

@@ -10,7 +10,7 @@ import Diagram from '@components/Diagram.astro';
 Buyers receive purchase order confirmation and order numbers through this block. Place it on purchase order confirmation pages.
 
 <Diagram caption="Purchase Order Checkout Success block.">
-  ![Purchase Order Checkout Success block.](/images/placeholder.webp)
+  ![Purchase Order Checkout Success block.](@images/placeholder.webp)
 </Diagram>
 
 

src/content/docs/merchants/blocks/commerce-b2b-po-comment-form.mdx

@@ -10,7 +10,7 @@ import Diagram from '@components/Diagram.astro';
 Team members communicate about orders and document decisions through this block. Place it on purchase order detail pages.
 
 <Diagram caption="Purchase Order Comment Form block.">
-  ![Purchase Order Comment Form block.](/images/placeholder.webp)
+  ![Purchase Order Comment Form block.](@images/placeholder.webp)
 </Diagram>
 
 

src/content/docs/merchants/blocks/commerce-b2b-po-comments-list.mdx

@@ -10,7 +10,7 @@ import Diagram from '@components/Diagram.astro';
 Team members view order discussions and approval reasons through this block. Place it on purchase order detail pages.
 
 <Diagram caption="Purchase Order Comments List block.">
-  ![Purchase Order Comments List block.](/images/placeholder.webp)
+  ![Purchase Order Comments List block.](@images/placeholder.webp)
 </Diagram>
 
 

src/content/docs/merchants/blocks/commerce-b2b-po-company-purchase-orders.mdx

@@ -10,7 +10,7 @@ import Diagram from '@components/Diagram.astro';
 Managers monitor all company spending and track pending approvals through this block. Place it on company purchase orders pages.
 
 <Diagram caption="Company Purchase Orders block.">
-  ![Company Purchase Orders block.](/images/placeholder.webp)
+  ![Company Purchase Orders block.](@images/placeholder.webp)
 </Diagram>
 
 

src/content/docs/merchants/blocks/commerce-b2b-po-customer-purchase-orders.mdx

@@ -10,7 +10,7 @@ import Diagram from '@components/Diagram.astro';
 Buyers track their own purchase orders and monitor approval status through this block. Place it on my purchase orders pages.
 
 <Diagram caption="Customer Purchase Orders block.">
-  ![Customer Purchase Orders block.](/images/placeholder.webp)
+  ![Customer Purchase Orders block.](@images/placeholder.webp)
 </Diagram>
 
 

src/content/docs/merchants/blocks/commerce-b2b-po-header.mdx

@@ -10,7 +10,7 @@ import Diagram from '@components/Diagram.astro';
 Users navigate purchase order details with contextual page headers through this block. Place it at the top of purchase order pages.
 
 <Diagram caption="Purchase Order Header block.">
-  ![Purchase Order Header block.](/images/placeholder.webp)
+  ![Purchase Order Header block.](@images/placeholder.webp)
 </Diagram>
 
 

src/content/docs/merchants/blocks/commerce-b2b-po-history-log.mdx

@@ -10,7 +10,7 @@ import Diagram from '@components/Diagram.astro';
 Users view audit trails showing who approved orders and when actions occurred through this block. Place it on purchase order detail pages.
 
 <Diagram caption="Purchase Order History Log block.">
-  ![Purchase Order History Log block.](/images/placeholder.webp)
+  ![Purchase Order History Log block.](@images/placeholder.webp)
 </Diagram>
 
 

src/content/docs/merchants/blocks/commerce-b2b-po-require-approval-purchase-orders.mdx

@@ -10,7 +10,7 @@ import Diagram from '@components/Diagram.astro';
 Approvers see orders awaiting their review and prioritize approval processing through this block. Place it on orders for approval pages.
 
 <Diagram caption="Purchase Orders Requiring Approval block.">
-  ![Purchase Orders Requiring Approvalblock.](/images/placeholder.webp)
+  ![Purchase Orders Requiring Approval block.](@images/placeholder.webp)
 </Diagram>
 
 

src/content/docs/merchants/blocks/commerce-b2b-po-status.mdx

@@ -10,7 +10,7 @@ import Diagram from '@components/Diagram.astro';
 Users view order status and take actions like approve, reject, or cancel through this block. Place it on purchase order detail pages.
 
 <Diagram caption="Purchase Order Status block.">
-  ![Purchase Order Status block.](/images/placeholder.webp)
+  ![Purchase Order Status block.](@images/placeholder.webp)
 </Diagram>