feat(claims): add tracking number and status history for claims

- Introduced `tracking_number` field in the `claims` table to store the insurance tracking number.
- Created `claim_status_logs` table to maintain a history of status changes for claims, including who made the change and when.
- Implemented `ClaimStatusLog` entity and repository for managing status log entries.
- Updated `ClaimService` to log transitions and handle tracking numbers during claim submissions.
- Added new API endpoint for fetching claims by patient, including detailed claim history and status logs.
- Enhanced frontend with a new `ClaimPatientDetailPage` to display claims and their status history.
- Added tests to ensure correct aggregation of claims and proper handling of status transitions.

assets/admin/pages/ClaimsPage.tsx

@@ -1,16 +1,37 @@
-import { useState, useMemo, useEffect } from 'react';
-import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
-import { CheckIcon, XMarkIcon, PaperAirplaneIcon, BanknotesIcon, MagnifyingGlassIcon, ArrowPathIcon } from '@heroicons/react/24/outline';
-import { toast } from 'sonner';
+import { useMemo } from 'react';
+import { useQuery } from '@tanstack/react-query';
+import { useNavigate, useSearchParams } from 'react-router-dom';
+import { ArrowPathIcon } from '@heroicons/react/24/outline';
 import { api } from '../lib/api';
-import { formatRial, formatNumber, formatDate } from '../lib/utils';
+import { formatRial, formatNumber } from '../lib/utils';
+import type { ClaimPatientRow } from '../types';
+import type { ApiResponse, PaginatedResponse } from '../lib/api';
 import PageHeader from '../components/ui/PageHeader';
-import Modal from '../components/ui/Modal';
+import DataTable, { type Column } from '../components/ui/DataTable';
+import StatCard from '../components/ui/StatCard';
+import StatusBadge from '../components/ui/StatusBadge';
 import SearchableSelect from '../components/ui/SearchableSelect';
 import PersianDatePicker from '../components/ui/PersianDatePicker';
 import FeatureGate from '../components/ui/FeatureGate';
 import Pagination from '../components/ui/Pagination';
 
+const LIMIT = 20;
+
+const STATUS_OPTIONS = [
+  { value: '', label: 'همه وضعیت‌ها' },
+  { value: 'pending', label: 'در انتظار ارسال' },
+  { value: 'submitted', label: 'ارسال شده' },
+  { value: 'approved', label: 'تأیید شده' },
+  { value: 'rejected', label: 'رد شده' },
+  { value: 'paid', label: 'پرداخت شده' },
+];
+
+const PAYMENT_OPTIONS = [
+  { value: '', label: 'همه' },
+  { value: 'paid', label: 'وصول‌شده' },
+  { value: 'unpaid', label: 'وصول‌نشده' },
+];
+
 const isoNDaysAgo = (days: number): string => {
   const d = new Date();
   d.setDate(d.getDate() - days);
@@ -29,34 +50,6 @@ const endOfDayUnix = (iso: string): number | null => {
   return Number.isNaN(t) ? null : Math.floor(t / 1000);
 };
 
-interface ClaimItem {
-  invoice_item_id: number;
-  claimed_rials: number;
-  approved_rials: number | null;
-  title: string | null;
-  is_visit: boolean;
-  quantity: number;
-  total_rials: number | null;
-  visit_date: number | null;
-}
-
-interface Claim {
-  uuid: string;
-  insurance_id: number;
-  insurance_name: string | null;
-  insurance_kind: string;
-  total_claimed_rials: number;
-  total_approved_rials: number | null;
-  total_paid_rials: number | null;
-  status: string;
-  reject_reason: string | null;
-  patient_name: string | null;
-  patient_mobile: string | null;
-  items: ClaimItem[];
-}
-
-interface InsuranceOption { insurance_id: number; insurance_name: string | null }
-
 interface DebtRow {
   insurance_id: number;
   insurance_name: string | null;
@@ -66,128 +59,120 @@ interface DebtRow {
   debt: number;
 }
 
-const STATUS_META: Record<string, { label: string; cls: string }> = {
-  pending: { label: 'در انتظار', cls: 'gray' },
-  submitted: { label: 'ارسال‌شده', cls: 'blue' },
-  approved: { label: 'تأییدشده', cls: 'amber' },
-  rejected: { label: 'ردشده', cls: 'red' },
-  paid: { label: 'پرداخت‌شده', cls: 'green' },
-};
-
-const KIND_LABEL: Record<string, string> = { base: 'پایه', supplementary: 'تکمیلی' };
-const STATUS_FILTERS = ['', 'pending', 'submitted', 'approved', 'rejected', 'paid'];
-
+/**
+ * داشبورد پرونده‌های بیمه — سطح اول: یک ردیف به‌ازای هر بیمار.
+ * فیلترها در query string زندگی می‌کنند تا رفرش و اشتراک لینک، نما را حفظ کند.
+ */
 export default function ClaimsPage() {
-  const qc = useQueryClient();
-  const [statusFilter, setStatusFilter] = useState('');
-  const [insuranceFilter, setInsuranceFilter] = useState('');
-  const [fromDate, setFromDate] = useState('');
-  const [toDate, setToDate] = useState('');
-  const [search, setSearch] = useState('');
-  const [searchInput, setSearchInput] = useState('');
-  const [rejectTarget, setRejectTarget] = useState<Claim | null>(null);
-  const [rejectReason, setRejectReason] = useState('');
-  const [page, setPage] = useState(1);
-  const limit = 20;
+  const navigate = useNavigate();
+  const [params, setParams] = useSearchParams();
 
-  // back to page 1 whenever a filter changes
-  useEffect(() => { setPage(1); }, [statusFilter, insuranceFilter, fromDate, toDate, search]);
+  const search = params.get('search') ?? '';
+  const status = params.get('status') ?? '';
+  const insuranceId = params.get('insurance_id') ?? '';
+  const paymentStatus = params.get('payment_status') ?? '';
+  const from = params.get('from') ?? '';
+  const to = params.get('to') ?? '';
+  const page = Math.max(1, Number(params.get('page') ?? 1));
+  const sort = params.get('sort') ?? 'last_activity_at';
+  const dir = (params.get('dir') ?? 'desc') as 'asc' | 'desc';
+
+  const hasFilters = !!(search || status || insuranceId || paymentStatus || from || to);
+
+  /** تغییر فیلتر همیشه به صفحه‌ی اول برمی‌گردد؛ ماندن روی صفحه ۵ با نتیجه‌ی جدید بی‌معناست. */
+  const setParam = (patch: Record<string, string>) => {
+    const next = new URLSearchParams(params);
+    Object.entries(patch).forEach(([k, v]) => (v ? next.set(k, v) : next.delete(k)));
+    if (!('page' in patch)) next.delete('page');
+    setParams(next, { replace: true });
+  };
 
   const queryString = useMemo(() => {
-    const p = new URLSearchParams();
-    if (statusFilter) p.set('status', statusFilter);
-    if (insuranceFilter) p.set('insurance_id', insuranceFilter);
-    const from = toUnix(fromDate); if (from) p.set('from', String(from));
-    const to = endOfDayUnix(toDate); if (to) p.set('to', String(to));
-    if (search.trim()) p.set('q', search.trim());
-    p.set('page', String(page));
-    p.set('limit', String(limit));
-    const s = p.toString();
-    return s ? `?${s}` : '';
-  }, [statusFilter, insuranceFilter, fromDate, toDate, search, page]);
+    const qs = new URLSearchParams();
+    qs.set('page', String(page));
+    qs.set('limit', String(LIMIT));
+    qs.set('sort', sort);
+    qs.set('dir', dir);
+    if (search) qs.set('search', search);
+    if (status) qs.set('status', status);
+    if (insuranceId) qs.set('insurance_id', insuranceId);
+    if (paymentStatus) qs.set('payment_status', paymentStatus);
+    const fromUnix = toUnix(from);
+    const toUnixVal = endOfDayUnix(to);
+    if (fromUnix) qs.set('from', String(fromUnix));
+    if (toUnixVal) qs.set('to', String(toUnixVal));
+    return qs.toString();
+  }, [page, sort, dir, search, status, insuranceId, paymentStatus, from, to]);
 
-  const claimsQuery = useQuery<{ data: { data: Claim[] } }>({
-    queryKey: ['claims', queryString],
-    queryFn: () => api.get(`/api/v1/billing/claims${queryString}`),
+  const listQuery = useQuery<PaginatedResponse<ClaimPatientRow>>({
+    queryKey: ['claims-by-patient', queryString],
+    queryFn: () => api.get(`/api/v1/billing/claims/by-patient?${queryString}`),
   });
 
-  const insuranceOptionsQuery = useQuery<{ data: { data: InsuranceOption[] } }>({
-    queryKey: ['claim-insurance-options'],
-    queryFn: () => api.get('/api/v1/billing/reports/insurance-debt'),
-  });
-  const insuranceOptions = ((insuranceOptionsQuery.data as any)?.data?.data ?? []) as InsuranceOption[];
-
-  const debtQuery = useQuery<{ data: { data: DebtRow[] } }>({
+  // یک fetch برای هر دو مصرف: کارت‌های آمار و گزینه‌های فیلتر بیمه.
+  const debtQuery = useQuery<ApiResponse<{ data: DebtRow[] }>>({
     queryKey: ['insurance-debt'],
     queryFn: () => api.get('/api/v1/billing/reports/insurance-debt'),
   });
 
-  const claims = (claimsQuery.data as any)?.data?.data ?? [];
-  const claimsTotal = (claimsQuery.data as any)?.data?.meta?.totalRecords ?? 0;
-  const debt = (debtQuery.data as any)?.data?.data ?? [];
+  const rows = listQuery.data?.data ?? [];
+  const total = listQuery.data?.meta?.totalRecords ?? 0;
+  const debt: DebtRow[] = debtQuery.data?.data?.data ?? [];
 
-  const transitionMut = useMutation({
-    mutationFn: ({ uuid, action, body }: { uuid: string; action: string; body?: object }) =>
-      api.post(`/api/v1/billing/claims/${uuid}/${action}`, body ?? {}),
-    onSuccess: () => {
-      toast.success('وضعیت مطالبه به‌روزرسانی شد');
-      setRejectTarget(null);
-      setRejectReason('');
-      qc.invalidateQueries({ queryKey: ['claims'] });
-      qc.invalidateQueries({ queryKey: ['insurance-debt'] });
-    },
-    onError: (e: Error) => toast.error(e.message),
-  });
+  const totals = useMemo(
+    () => debt.reduce(
+      (acc, d) => ({
+        claimed: acc.claimed + d.claimed,
+        paid: acc.paid + d.paid,
+        debt: acc.debt + d.debt,
+      }),
+      { claimed: 0, paid: 0, debt: 0 },
+    ),
+    [debt],
+  );
+
+  const insuranceOptions = useMemo(
+    () => [
+      { value: '', label: 'همه بیمه‌ها' },
+      ...debt.map((d) => ({ value: String(d.insurance_id), label: d.insurance_name ?? `بیمه #${d.insurance_id}` })),
+    ],
+    [debt],
+  );
+
+  const columns: Column<ClaimPatientRow>[] = [
+    { key: 'full_name', header: 'بیمار', sortable: true, render: (r) => r.full_name ?? '—' },
+    { key: 'mobile', header: 'موبایل', render: (r) => r.mobile ?? '—' },
+    { key: 'national_code', header: 'کد ملی', render: (r) => r.national_code ?? '—' },
+    { key: 'claims_count', header: 'تعداد درخواست', sortable: true, render: (r) => formatNumber(r.claims_count) },
+    { key: 'total_services_rials', header: 'مجموع خدمات', sortable: true, render: (r) => formatRial(r.total_services_rials) },
+    { key: 'total_insurance_rials', header: 'سهم بیمه', sortable: true, render: (r) => formatRial(r.total_insurance_rials) },
+    { key: 'total_patient_rials', header: 'سهم بیمار', render: (r) => formatRial(r.total_patient_rials) },
+    { key: 'overall_status', header: 'وضعیت کلی', render: (r) => <StatusBadge type="claim" value={r.overall_status} /> },
+  ];
 
   return (
     <FeatureGate feature="insurance">
-    <div className="fade-in">
-      <PageHeader title="مطالبات بیمه" description="پیگیری مطالبات و بدهی بیمه‌ها" />
+      <PageHeader
+        title="پرونده‌های بیمه"
+        description="پیگیری مطالبات بیمه به تفکیک بیمار"
+        breadcrumbs={[{ label: 'داشبورد', to: '/admin' }, { label: 'پرونده‌های بیمه' }]}
+      />
 
-      <div className="card" style={{ padding: 18, marginBottom: 16 }}>
-        <div style={{ display: 'flex', alignItems: 'center', gap: 8, marginBottom: 12 }}>
-          <BanknotesIcon style={{ width: 18, color: 'var(--text-3)' }} />
-          <h2 style={{ fontSize: 14, fontWeight: 700, margin: 0 }}>بدهی بیمه‌ها</h2>
-        </div>
-        {debtQuery.isLoading ? (
-          <div className="muted" style={{ fontSize: 13 }}>در حال بارگذاری...</div>
-        ) : debt.length === 0 ? (
-          <div style={{ fontSize: 12.5, color: 'var(--text-3)' }}>بدهی‌ای ثبت نشده است.</div>
-        ) : (
-          <div style={{ display: 'flex', flexDirection: 'column', gap: 6 }}>
-            {debt.map((d: DebtRow) => (
-              <div key={d.insurance_id} style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', padding: '8px 12px', borderRadius: 8, border: '1px solid var(--border)', fontSize: 13 }}>
-                <span style={{ fontWeight: 600 }}>{d.insurance_name ?? `بیمه #${formatNumber(d.insurance_id)}`}</span>
-                <span style={{ color: 'var(--text-3)' }}>ادعا {formatRial(d.claimed)} · پرداخت {formatRial(d.paid)}</span>
-                <span style={{ fontWeight: 700, color: d.debt > 0 ? 'var(--danger)' : 'var(--success, #16a34a)' }}>بدهی {formatRial(d.debt)}</span>
-              </div>
-            ))}
-          </div>
-        )}
+      <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(200px, 1fr))', gap: 'var(--gap)', marginBottom: 'var(--gap)' }}>
+        <StatCard tone="violet" label="مجموع ادعای بیمه" value={formatRial(totals.claimed)} />
+        <StatCard tone="green" label="وصول‌شده" value={formatRial(totals.paid)} />
+        <StatCard tone="pink" label="مانده وصول‌نشده" value={formatRial(totals.debt)} />
+        <StatCard tone="amber" label="تعداد بیماران" value={formatNumber(total)} />
       </div>
 
       <div className="card" style={{ padding: 18 }}>
-        <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: 14 }}>
-          <h2 style={{ fontSize: 14, fontWeight: 700, margin: 0 }}>مطالبات</h2>
-          {(statusFilter || insuranceFilter || fromDate || toDate || search) && (
-            <button
-              className="btn ghost sm"
-              onClick={() => { setStatusFilter(''); setInsuranceFilter(''); setFromDate(''); setToDate(''); setSearch(''); setSearchInput(''); }}
-              style={{ display: 'flex', alignItems: 'center', gap: 4 }}
-            >
-              <ArrowPathIcon style={{ width: 13 }} /> پاک‌کردن فیلترها
-            </button>
-          )}
-        </div>
-
-        {/* نوار فیلتر */}
         <div style={{ display: 'flex', flexWrap: 'wrap', gap: 10, alignItems: 'flex-end', marginBottom: 16 }}>
           <div style={{ minWidth: 150 }}>
             <label className="field-label">بیمه</label>
             <SearchableSelect
-              options={[{ value: '', label: 'همه بیمه‌ها' }, ...insuranceOptions.map((o) => ({ value: String(o.insurance_id), label: o.insurance_name ?? `بیمه #${o.insurance_id}` }))]}
-              value={insuranceFilter}
-              onChange={(v) => setInsuranceFilter(v ? String(v) : '')}
+              options={insuranceOptions}
+              value={insuranceId}
+              onChange={(v) => setParam({ insurance_id: v ? String(v) : '' })}
               placeholder="همه بیمه‌ها"
               height={38}
             />
@@ -195,172 +180,68 @@ export default function ClaimsPage() {
           <div style={{ minWidth: 150 }}>
             <label className="field-label">وضعیت</label>
             <SearchableSelect
-              options={STATUS_FILTERS.map((s) => ({ value: s, label: s === '' ? 'همه وضعیت‌ها' : STATUS_META[s]?.label ?? s }))}
-              value={statusFilter}
-              onChange={(v) => setStatusFilter(v ? String(v) : '')}
+              options={STATUS_OPTIONS}
+              value={status}
+              onChange={(v) => setParam({ status: v ? String(v) : '' })}
               placeholder="همه وضعیت‌ها"
               height={38}
             />
           </div>
-          <div>
+          <div style={{ minWidth: 130 }}>
+            <label className="field-label">وضعیت پرداخت</label>
+            <SearchableSelect
+              options={PAYMENT_OPTIONS}
+              value={paymentStatus}
+              onChange={(v) => setParam({ payment_status: v ? String(v) : '' })}
+              placeholder="همه"
+              height={38}
+            />
+          </div>
+          <div style={{ minWidth: 140 }}>
             <label className="field-label">از تاریخ</label>
-            <PersianDatePicker value={fromDate} onChange={setFromDate} placeholder="از تاریخ" />
+            <PersianDatePicker value={from} onChange={(v) => setParam({ from: v })} height={38} />
           </div>
-          <div>
+          <div style={{ minWidth: 140 }}>
             <label className="field-label">تا تاریخ</label>
-            <PersianDatePicker value={toDate} onChange={setToDate} placeholder="تا تاریخ" />
+            <PersianDatePicker value={to} onChange={(v) => setParam({ to: v })} height={38} />
           </div>
-          <div style={{ display: 'flex', gap: 6, alignItems: 'flex-end', paddingBottom: 1 }}>
-            <button
-              type="button"
-              className="btn sm"
-              onClick={() => { setFromDate(isoNDaysAgo(365)); setToDate(todayIso()); }}
-              title="از یک سال پیش تا امروز"
-            >
-              یک سال اخیر
-            </button>
-            <button
-              type="button"
-              className="btn sm"
-              onClick={() => { setFromDate(isoNDaysAgo(30)); setToDate(todayIso()); }}
-              title="از یک ماه پیش تا امروز"
-            >
-              یک ماه اخیر
-            </button>
+          <div style={{ display: 'flex', gap: 6 }}>
+            <button className="btn ghost sm" onClick={() => setParam({ from: isoNDaysAgo(30), to: todayIso() })}>یک ماه اخیر</button>
+            <button className="btn ghost sm" onClick={() => setParam({ from: isoNDaysAgo(365), to: todayIso() })}>یک سال اخیر</button>
+            {hasFilters && (
+              <button
+                className="btn ghost sm"
+                onClick={() => setParams(new URLSearchParams(), { replace: true })}
+                style={{ display: 'flex', alignItems: 'center', gap: 4 }}
+              >
+                <ArrowPathIcon style={{ width: 13 }} /> پاک‌کردن فیلترها
+              </button>
+            )}
           </div>
-          <div style={{ flex: 1, minWidth: 200 }}>
-            <label className="field-label">جستجوی بیمار (نام / موبایل / کدملی)</label>
-            <div style={{ position: 'relative' }}>
-              <MagnifyingGlassIcon style={{ width: 15, position: 'absolute', insetInlineStart: 10, top: '50%', transform: 'translateY(-50%)', color: 'var(--text-3)', pointerEvents: 'none' }} />
-              <input
-                className="input"
-                style={{ height: 38, paddingInlineStart: 32 }}
-                value={searchInput}
-                onChange={(e) => setSearchInput(e.target.value)}
-                onKeyDown={(e) => { if (e.key === 'Enter') setSearch(searchInput); }}
-                placeholder="نام، موبایل یا کدملی بیمار"
-              />
-            </div>
-          </div>
-          <button className="btn primary" style={{ height: 38 }} onClick={() => setSearch(searchInput)}>جستجو</button>
         </div>
 
-        {claimsQuery.isLoading ? (
-          <div className="muted" style={{ fontSize: 13 }}>در حال بارگذاری...</div>
-        ) : claims.length === 0 ? (
-          <div style={{ fontSize: 12.5, color: 'var(--text-3)', padding: '12px 0' }}>مطالبه‌ای یافت نشد.</div>
-        ) : (
-          <div style={{ display: 'flex', flexDirection: 'column', gap: 8 }}>
-            {claims.map((c: Claim) => {
-              const meta = STATUS_META[c.status] ?? { label: c.status, cls: 'gray' };
-              return (
-                <div key={c.uuid} style={{ padding: '12px 14px', borderRadius: 10, border: '1px solid var(--border)' }}>
-                  <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'flex-start', gap: 10 }}>
-                    <div>
-                      <div style={{ fontWeight: 600, fontSize: 13.5 }}>
-                        {c.insurance_name ?? `بیمه #${formatNumber(c.insurance_id)}`}
-                        <span className="badge gray" style={{ fontSize: 10, marginInlineStart: 6 }}>{KIND_LABEL[c.insurance_kind] ?? c.insurance_kind}</span>
-                        <span className={`badge ${meta.cls}`} style={{ fontSize: 10, marginInlineStart: 4 }}><span className="bdot" />{meta.label}</span>
-                      </div>
-                      {c.patient_name && (
-                        <div style={{ fontSize: 12, color: 'var(--text-2)', marginTop: 4, fontWeight: 500 }}>
-                          بیمار: {c.patient_name}
-                          {c.patient_mobile && <span style={{ color: 'var(--text-3)', fontWeight: 400 }} dir="ltr">{'  '}{c.patient_mobile}</span>}
-                        </div>
-                      )}
-                      <div style={{ fontSize: 11.5, color: 'var(--text-3)', marginTop: 3 }}>
-                        ادعا {formatRial(c.total_claimed_rials)}
-                        {c.total_approved_rials != null && ` · تأیید ${formatRial(c.total_approved_rials)}`}
-                        {c.total_paid_rials != null && ` · پرداخت ${formatRial(c.total_paid_rials)}`}
-                        {c.reject_reason && ` · دلیل رد: ${c.reject_reason}`}
-                      </div>
-                    </div>
-                    <div style={{ display: 'flex', gap: 6, flexShrink: 0 }}>
-                      {c.status === 'pending' && (
-                        <button className="btn primary sm" disabled={transitionMut.isPending} onClick={() => transitionMut.mutate({ uuid: c.uuid, action: 'submit' })}>
-                          <PaperAirplaneIcon style={{ width: 13 }} /> ارسال
-                        </button>
-                      )}
-                      {c.status === 'submitted' && (
-                        <>
-                          <button className="btn primary sm" disabled={transitionMut.isPending} onClick={() => transitionMut.mutate({ uuid: c.uuid, action: 'approve' })}>
-                            <CheckIcon style={{ width: 13 }} /> تأیید
-                          </button>
-                          <button className="btn danger sm" onClick={() => { setRejectTarget(c); setRejectReason(''); }}>
-                            <XMarkIcon style={{ width: 13 }} /> رد
-                          </button>
-                        </>
-                      )}
-                      {c.status === 'approved' && (
-                        <button className="btn primary sm" disabled={transitionMut.isPending} onClick={() => transitionMut.mutate({ uuid: c.uuid, action: 'pay' })}>
-                          <BanknotesIcon style={{ width: 13 }} /> پرداخت
-                        </button>
-                      )}
-                    </div>
-                  </div>
+        <DataTable
+          columns={columns}
+          data={rows}
+          loading={listQuery.isLoading}
+          searchValue={search}
+          onSearchChange={(v) => setParam({ search: v })}
+          searchPlaceholder="نام، موبایل یا کد ملی بیمار"
+          emptyMessage="پرونده بیمه‌ای ثبت نشده است."
+          sortKey={sort}
+          sortDir={dir}
+          onSort={(key) => setParam({ sort: key, dir: sort === key && dir === 'desc' ? 'asc' : 'desc' })}
+          actions={(row) => (
+            <button className="btn primary sm" onClick={() => navigate(`/admin/claims/${row.record_uuid}`)}>
+              جزئیات
+            </button>
+          )}
+        />
 
-                  {c.items.length > 0 && (
-                    <div style={{ marginTop: 12, borderTop: '1px solid var(--border)', paddingTop: 10, overflowX: 'auto' }}>
-                      <table style={{ width: '100%', borderCollapse: 'collapse', fontSize: 12.5 }}>
-                        <thead>
-                          <tr style={{ color: 'var(--text-3)', textAlign: 'right' }}>
-                            <th style={{ fontWeight: 600, padding: '4px 8px' }}>شرح</th>
-                            <th style={{ fontWeight: 600, padding: '4px 8px' }}>تاریخ مراجعه</th>
-                            <th style={{ fontWeight: 600, padding: '4px 8px', textAlign: 'center' }}>تعداد</th>
-                            <th style={{ fontWeight: 600, padding: '4px 8px', textAlign: 'left' }}>مبلغ کل</th>
-                            <th style={{ fontWeight: 600, padding: '4px 8px', textAlign: 'left' }}>سهم بیمه (ادعا)</th>
-                            <th style={{ fontWeight: 600, padding: '4px 8px', textAlign: 'left' }}>تأییدشده</th>
-                          </tr>
-                        </thead>
-                        <tbody>
-                          {c.items.map((it, idx) => (
-                            <tr key={idx} style={{ borderTop: '1px solid var(--border)' }}>
-                              <td style={{ padding: '7px 8px' }}>
-                                <span className={`badge ${it.is_visit ? 'blue' : 'gray'}`} style={{ fontSize: 9.5, marginInlineEnd: 6 }}>
-                                  {it.is_visit ? 'ویزیت' : 'خدمت'}
-                                </span>
-                                <span style={{ fontWeight: 500 }}>{it.title ?? '—'}</span>
-                              </td>
-                              <td style={{ padding: '7px 8px', color: 'var(--text-3)' }} dir="ltr">
-                                {it.visit_date ? formatDate(it.visit_date) : '—'}
-                              </td>
-                              <td style={{ padding: '7px 8px', textAlign: 'center' }}>{formatNumber(it.quantity)}</td>
-                              <td style={{ padding: '7px 8px', textAlign: 'left' }} dir="ltr">{it.total_rials != null ? formatRial(it.total_rials) : '—'}</td>
-                              <td style={{ padding: '7px 8px', textAlign: 'left', fontWeight: 600 }} dir="ltr">{formatRial(it.claimed_rials)}</td>
-                              <td style={{ padding: '7px 8px', textAlign: 'left', color: 'var(--text-3)' }} dir="ltr">
-                                {it.approved_rials != null ? formatRial(it.approved_rials) : '—'}
-                              </td>
-                            </tr>
-                          ))}
-                        </tbody>
-                      </table>
-                    </div>
-                  )}
-                </div>
-              );
-            })}
-          </div>
+        {total > LIMIT && (
+          <Pagination page={page} total={total} limit={LIMIT} onPageChange={(p) => setParam({ page: String(p) })} />
         )}
-        <Pagination page={page} total={claimsTotal} limit={limit} onPageChange={setPage} />
       </div>
-
-      <Modal open={!!rejectTarget} onClose={() => setRejectTarget(null)} title="رد مطالبه"
-        footer={
-          <>
-            <button className="btn ghost sm" onClick={() => setRejectTarget(null)}>انصراف</button>
-            <button className="btn danger sm" disabled={!rejectReason || transitionMut.isPending}
-              onClick={() => rejectTarget && transitionMut.mutate({ uuid: rejectTarget.uuid, action: 'reject', body: { reason: rejectReason } })}>
-              رد کردن
-            </button>
-          </>
-        }
-      >
-        <div className="field">
-          <label>دلیل رد</label>
-          <textarea className="input" rows={3} dir="rtl" value={rejectReason} onChange={(e) => setRejectReason(e.target.value)} placeholder="دلیل رد را بنویسید..." />
-        </div>
-      </Modal>
-    </div>
     </FeatureGate>
   );
 }