fix: polish channel groups and add production deployment

src/apps/admin/AdminSmsTaskProgressPage.tsx

@@ -329,6 +329,7 @@ export function AdminSmsTaskProgressPage() {
   const [application, setApplication] = useState('all');
   const [submittedDateRange, setSubmittedDateRange] = useState<DateRangeValue>({});
   const [hoveredTaskId, setHoveredTaskId] = useState<string | null>(null);
+  const [page, setPage] = useState(1);
   const [selectedTask, setSelectedTask] = useState<SmsTask | null>(null);
   const [terminateTarget, setTerminateTarget] = useState<SmsTask | null>(null);
   const [loading, setLoading] = useState(true);
@@ -371,6 +372,14 @@ export function AdminSmsTaskProgressPage() {
     }),
     [application, enterprise, keyword, submittedDateRange.end, submittedDateRange.start, tasks],
   );
+  const pageSize = 10;
+  const totalPages = Math.max(1, Math.ceil(filteredTasks.length / pageSize));
+  const currentPage = Math.min(page, totalPages);
+  const visibleTasks = filteredTasks.slice((currentPage - 1) * pageSize, currentPage * pageSize);
+
+  useEffect(() => {
+    setPage(1);
+  }, [application, enterprise, keyword, submittedDateRange.end, submittedDateRange.start, tasks.length]);
 
   function resetFilters() {
     setKeyword('');
@@ -439,7 +448,7 @@ export function AdminSmsTaskProgressPage() {
                 <tr><td className="ui-table__empty" colSpan={8}>正在加载真实短信任务...</td></tr>
               ) : filteredTasks.length === 0 ? (
                 <tr><td className="ui-table__empty" colSpan={8}>暂无短信任务</td></tr>
-              ) : filteredTasks.map((record) => {
+              ) : visibleTasks.map((record) => {
                 const progress = getProgress(record);
                 const { signature, content } = splitSignature(record.templateContent);
                 const rowClass = hoveredTaskId === record.id ? 'batch-row--hovered' : '';
@@ -518,7 +527,14 @@ export function AdminSmsTaskProgressPage() {
             </tbody>
           </table>
         </div>
-        <Pagination total={filteredTasks.length} />
+        <Pagination
+          nextDisabled={currentPage >= totalPages}
+          onNext={() => setPage((value) => Math.min(totalPages, value + 1))}
+          onPrevious={() => setPage((value) => Math.max(1, value - 1))}
+          page={currentPage}
+          previousDisabled={currentPage <= 1}
+          total={filteredTasks.length}
+        />
       </div>
 
       {selectedTask ? <TaskDetailModal onClose={() => setSelectedTask(null)} task={selectedTask} /> : null}