fix: harden notification polling and simplify pagination controls

src/components/ui/PagePrimitives.tsx

@@ -1,4 +1,4 @@
-import { useState, type ReactNode } from 'react';
+import { useId, useState, type ReactNode } from 'react';
 import { Button } from '@/components/ui/Button';
 import { Select } from '@/components/ui/Select';
 
@@ -80,6 +80,7 @@ export function Pagination({
   pageSizeOptions = [10, 25, 50, 100],
   onPageSizeChange,
 }: PaginationProps) {
+  const pageSizeId = useId();
   const pages = Math.max(1, totalPages ?? (typeof total === 'number' ? Math.ceil(total / (pageSize ?? 10)) : page));
 
   function changePage(nextPage: number) {
@@ -91,12 +92,17 @@ export function Pagination({
       {typeof total === 'number' ? <span>显示 {total} 条记录</span> : <span />}
       <div>
         {typeof pageSize === 'number' && onPageSizeChange ? (
-          <Select
-            label="每页数量"
-            value={String(pageSize)}
-            options={pageSizeOptions.map((value) => ({ value: String(value), label: `${value} 条/页` }))}
-            onChange={(event) => onPageSizeChange(Number(event.target.value))}
-          />
+          <>
+            <label className="sr-only" htmlFor={pageSizeId}>
+              每页数量
+            </label>
+            <Select
+              id={pageSizeId}
+              value={String(pageSize)}
+              options={pageSizeOptions.map((value) => ({ value: String(value), label: `${value} 条/页` }))}
+              onChange={(event) => onPageSizeChange(Number(event.target.value))}
+            />
+          </>
         ) : null}
         <Button disabled={previousDisabled} onClick={onPrevious} size="sm" variant="ghost">
           上一页