✨ refactor(ui): Improve usage log filter responsiveness and mobile UX

Refactor the usage log filter toolbar into a shared reusable component for common, drawing, and task logs. Optimize desktop filters with a responsive grid, move secondary filters into a mobile drawer, standardize filter typography, remove redundant filter icons, and add the missing i18n translations for the new drawer description.
2026-05-25 05:35:44 +08:00
parent b302be30e3
commit 583da45296
79 changed files with 1879 additions and 1262 deletions
@@ -65,6 +65,7 @@ import {
 } from '@/components/ui/table'
 import { ConfirmDialog } from '@/components/confirm-dialog'
 import { StatusBadge } from '@/components/status-badge'
+import { TableId } from '@/components/table-id'
 import { deletePrefillGroup, getPrefillGroups } from '../../api'
 import { prefillGroupsQueryKeys } from '../../lib'
 import type { PrefillGroup } from '../../types'
@@ -405,13 +406,7 @@ export function PrefillGroupManagementDialog({
                                        <span className='font-medium'>
                                          {group.name}
                                        </span>
-                                        <StatusBadge
-                                          label={`#${group.id}`}
-                                          variant='neutral'
-                                          size='sm'
-                                          copyable={false}
-                                          className='font-mono'
-                                        />
+                                        <TableId value={group.id} />
                                      </div>
                                      {group.description ? (
                                        <p className='text-muted-foreground text-xs'>