{ "code": "import { Head, router } from \"@inertiajs/react\"\nimport { PageContainer } from \"@godxjp/ui/layout\"\nimport { Card, CardContent, EmptyState, Descriptions, Badge } from \"@godxjp/ui/data-display\"\nimport { Button } from \"@godxjp/ui/general\"\nimport { formatDate } from \"@godxjp/ui/datetime\"\nimport { ArrowLeft } from \"lucide-react\"\nimport { withCrmLayout } from \"@/layouts/crm-layout\"\n\n// Detail routes pass the param as an Inertia prop:\n// Route::get('/members/{id}', fn ($id) => Inertia::render('crm/members/show', ['id' => $id]))\nfunction MemberShow({ id }: { id: string }) {\n const member = MEMBERS.find((m) => m.id === id)\n\n if (!member) {\n return (\n <>\n \n \n \n \n \n \n )\n }\n\n return (\n <>\n \n \n {/* Figures about one member are facts, not KPIs: Descriptions rows, not a StatCard row. */}\n \n \n {/* Descriptions is COMPOUND — value goes in children, not a prop */}\n \n {member.id}\n {member.rank}\n \n {formatDate(member.registeredAt)}\n {`¥${member.total.toLocaleString()}`}\n {member.visits}\n \n \n \n \n \n )\n}\n\nMemberShow.layout = withCrmLayout\nexport default MemberShow", "name": "inertia-detail-page", "tagline": "Inertia detail page — receives {id} prop, Descriptions (compound) in one Card + EmptyState fallback. No KPI tile row.", "tags": [ "inertia", "detail", "show", "page", "keyvaluegrid", "crm" ] }