{"body": [{"type": "detail-view", "tableName": "rfq_contracts", "filterField": "contract_id", "columnLabels": {"status": "Status", "currency": "Currency", "updatedAt": "Updated", "created_at": "Created", "expiry_date": "Expiry", "total_value": "Total Value", "vendor_name": "Vendor", "effective_date": "Effective", "contract_number": "Contract #"}}, {"id": "aiDraftActions", "html": "<div class='flex justify-between items-center my-2'><div class='font-semibold'>AI Draft</div><div><button class='btn btn-sm btn-primary' onclick='generateContractAiDraft()'>Generate with AI</button> <button class='btn btn-sm btn-ghost' onclick='viewContractAiDraft()'>View Draft</button></div></div>", "type": "html"}, {"html": "<div class='divider my-2'>Summary</div>", "type": "html"}, {"id": "contractSummaryContainer", "html": "<div id='contractSummary' class='grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-3'></div>", "type": "html"}, {"html": "<div class='divider my-2'>Line Items</div>", "type": "html"}, {"id": "contractLineItems", "html": "<div class='overflow-x-auto'><table class='table table-zebra w-full text-sm'><thead><tr><th>Description</th><th class='text-right'>Qty</th><th>UoM</th><th class='text-right'>Unit Price</th><th class='text-right'>Line Total</th></tr></thead><tbody id='contractLineItemsBody'><tr class='opacity-70'><td colspan='5'>No line items captured yet.</td></tr></tbody></table></div>", "type": "html"}], "title": "Procurement Contract Detail", "footer": [{"type": "button", "label": "Close", "onClick": "closeModal"}]}