Allow custom panel integration for more panel groups

src/frontend/src/pages/build/BuildDetail.tsx

@@ -539,7 +539,12 @@ export default function BuildDetail() {
             ]}
             actions={buildActions}
           />
-          <PanelGroup pageKey="build" panels={buildPanels} />
+          <PanelGroup
+            pageKey="build"
+            panels={buildPanels}
+            targetModel={ModelType.build}
+            targetId={build.pk}
+          />
         </Stack>
       </InstanceDetail>
     </>

src/frontend/src/pages/company/CompanyDetail.tsx

@@ -331,7 +331,12 @@ export default function CompanyDetail(props: Readonly<CompanyDetailProps>) {
             breadcrumbs={props.breadcrumbs}
             badges={badges}
           />
-          <PanelGroup pageKey="company" panels={companyPanels} />
+          <PanelGroup
+            pageKey="company"
+            panels={companyPanels}
+            targetModel={ModelType.company}
+            targetId={company.pk}
+          />
         </Stack>
       </InstanceDetail>
     </>

src/frontend/src/pages/company/ManufacturerPartDetail.tsx

@@ -284,7 +284,12 @@ export default function ManufacturerPartDetail() {
             actions={manufacturerPartActions}
             imageUrl={manufacturerPart?.part_detail?.thumbnail}
           />
-          <PanelGroup pageKey="manufacturerpart" panels={panels} />
+          <PanelGroup
+            pageKey="manufacturerpart"
+            panels={panels}
+            targetModel={ModelType.manufacturerpart}
+            targetId={manufacturerPart.pk}
+          />
         </Stack>
       </InstanceDetail>
     </>

src/frontend/src/pages/company/SupplierPartDetail.tsx

@@ -376,7 +376,12 @@ export default function SupplierPartDetail() {
             actions={supplierPartActions}
             imageUrl={supplierPart?.part_detail?.thumbnail}
           />
-          <PanelGroup pageKey="supplierpart" panels={panels} />
+          <PanelGroup
+            pageKey="supplierpart"
+            panels={panels}
+            targetModel={ModelType.supplierpart}
+            targetId={supplierPart.pk}
+          />
         </Stack>
       </InstanceDetail>
     </>

src/frontend/src/pages/part/CategoryDetail.tsx

@@ -322,7 +322,12 @@ export default function CategoryDetail() {
             }}
             actions={categoryActions}
           />
-          <PanelGroup pageKey="partcategory" panels={categoryPanels} />
+          <PanelGroup
+            pageKey="partcategory"
+            panels={categoryPanels}
+            targetModel={ModelType.partcategory}
+            targetId={category.pk}
+          />
         </Stack>
       </InstanceDetail>
     </>

src/frontend/src/pages/part/PartDetail.tsx

@@ -1095,7 +1095,12 @@ export default function PartDetail() {
               )
             }
           />
-          <PanelGroup pageKey="part" panels={partPanels} />
+          <PanelGroup
+            pageKey="part"
+            panels={partPanels}
+            targetModel={ModelType.part}
+            targetId={part.pk}
+          />
           {transferStockItems.modal}
           {countStockItems.modal}
         </Stack>

src/frontend/src/pages/purchasing/PurchaseOrderDetail.tsx

@@ -443,7 +443,12 @@ export default function PurchaseOrderDetail() {
             actions={poActions}
             badges={orderBadges}
           />
-          <PanelGroup pageKey="purchaseorder" panels={orderPanels} />
+          <PanelGroup
+            pageKey="purchaseorder"
+            panels={orderPanels}
+            targetModel={ModelType.purchaseorder}
+            targetId={order.pk}
+          />
         </Stack>
       </InstanceDetail>
     </>

src/frontend/src/pages/sales/ReturnOrderDetail.tsx

@@ -431,7 +431,12 @@ export default function ReturnOrderDetail() {
             actions={orderActions}
             breadcrumbs={[{ name: t`Sales`, url: '/sales/' }]}
           />
-          <PanelGroup pageKey="returnorder" panels={orderPanels} />
+          <PanelGroup
+            pageKey="returnorder"
+            panels={orderPanels}
+            targetModel={ModelType.returnorder}
+            targetId={order.pk}
+          />
         </Stack>
       </InstanceDetail>
     </>

src/frontend/src/pages/sales/SalesOrderDetail.tsx

@@ -483,7 +483,12 @@ export default function SalesOrderDetail() {
             actions={soActions}
             breadcrumbs={[{ name: t`Sales`, url: '/sales/' }]}
           />
-          <PanelGroup pageKey="salesorder" panels={orderPanels} />
+          <PanelGroup
+            pageKey="salesorder"
+            panels={orderPanels}
+            targetModel={ModelType.salesorder}
+            targetId={order.pk}
+          />
         </Stack>
       </InstanceDetail>
     </>

src/frontend/src/pages/stock/LocationDetail.tsx

@@ -393,7 +393,12 @@ export default function Stock() {
               setTreeOpen(true);
             }}
           />
-          <PanelGroup pageKey="stocklocation" panels={locationPanels} />
+          <PanelGroup
+            pageKey="stocklocation"
+            panels={locationPanels}
+            targetModel={ModelType.stocklocation}
+            targetId={location.pk}
+          />
           {transferStockItems.modal}
           {countStockItems.modal}
         </Stack>

src/frontend/src/pages/stock/StockDetail.tsx

@@ -628,7 +628,12 @@ export default function StockDetail() {
           }}
           actions={stockActions}
         />
-        <PanelGroup pageKey="stockitem" panels={stockPanels} />
+        <PanelGroup
+          pageKey="stockitem"
+          panels={stockPanels}
+          targetModel={ModelType.stockitem}
+          targetId={stockitem.pk}
+        />
         {editStockItem.modal}
         {duplicateStockItem.modal}
         {deleteStockItem.modal}