feat(FR-1902): Modify the filtering and sorting options on the reservoir-related page (#5028)

# Enhance Artifact Filtering and Sorting

Resolves #5026 ([FR-1902](https://lablup.atlassian.net/browse/FR-1902))

This PR improves artifact filtering and sorting capabilities:

1. Changed `artifactId` filter type from `ID` to `UUIDFilter` in GraphQL schema
2. Fixed default operator for number type from 'eq' to 'equals' in property filter
3. Added secondary sorting by `UPDATED_AT` when artifacts are sorted by version
4. Added size filter to artifact revisions with operators (equals, greaterThan, etc.)
5. Added type filter with MODEL, PACKAGE, and IMAGE options to the reservoir page

**Checklist:**

- [ ] Documentation
- [ ] Minium required manager version
- [ ] Specific setting for review (eg., KB link, endpoint or how to setup)
- [ ] Minimum requirements to check during review
- [ ] Test case(s) to demonstrate the difference of before/after

[FR-1902]: https://lablup.atlassian.net/browse/FR-1902?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ

Author: agatha197

data/schema.graphql

@@ -882,7 +882,7 @@ input ArtifactRevisionFilter
   """Added in 25.16.0"""
   remoteStatus: ArtifactRevisionRemoteStatusFilter = null
   version: StringFilter = null
-  artifactId: ID = null
+  artifactId: UUIDFilter = null
   size: IntFilter = null
   AND: [ArtifactRevisionFilter!] = null
   OR: [ArtifactRevisionFilter!] = null

packages/backend.ai-ui/src/components/BAIGraphQLPropertyFilter.tsx

@@ -189,7 +189,7 @@ const OPERATOR_SHORT_LABELS: Partial<Record<FilterOperator, string>> = {
 
 const DEFAULT_OPERATOR_BY_TYPE: Record<FilterPropertyType, FilterOperator> = {
   string: 'contains',
-  number: 'eq',
+  number: 'equals',
   boolean: 'eq',
   enum: 'eq',
 };

packages/backend.ai-ui/src/components/fragments/BAIArtifactTable.tsx

@@ -11,12 +11,12 @@ import {
 import BAIFlex from '../BAIFlex';
 import BAILink from '../BAILink';
 import BAIText from '../BAIText';
-import { BAITable, BAITableProps } from '../Table';
+import { BAIColumnType, BAITable, BAITableProps } from '../Table';
 import BAIArtifactRevisionDownloadButton from './BAIArtifactRevisionDownloadButton';
 import BAIArtifactStatusTag from './BAIArtifactStatusTag';
 import BAIArtifactTypeTag from './BAIArtifactTypeTag';
 import { SyncOutlined } from '@ant-design/icons';
-import { Button, TableColumnsType, theme, Typography } from 'antd';
+import { Button, theme, Typography } from 'antd';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
 import _ from 'lodash';
@@ -101,10 +101,21 @@ const BAIArtifactTable = ({
         updatedAt
         scannedAt
         availability
+        registry {
+          name
+          url
+        }
+        source {
+          name
+          url
+        }
         ...BAIArtifactTypeTagFragment
         latestVersion: revisions(
           limit: 1
-          orderBy: { field: VERSION, direction: DESC }
+          orderBy: [
+            { field: VERSION, direction: DESC }
+            { field: UPDATED_AT, direction: DESC }
+          ]
         ) {
           edges {
             node {
@@ -122,7 +133,7 @@ const BAIArtifactTable = ({
     artifactFragment,
   );
 
-  const columns: TableColumnsType<Artifact> = [
+  const columns: Array<BAIColumnType<Artifact>> = [
     {
       title: t('comp:BAIArtifactRevisionTable.Name'),
       dataIndex: 'name',
@@ -251,6 +262,42 @@ const BAIArtifactTable = ({
         );
       },
     },
+    {
+      title: t('comp:BAIArtifactTable.Registry'),
+      dataIndex: 'registry.name',
+      key: 'registry.name',
+      render: (_value, record: Artifact) => {
+        return record?.source ? (
+          <Typography>
+            {record?.registry
+              ? `${record.registry.name} (${record.registry.url})`
+              : 'N/A'}
+          </Typography>
+        ) : (
+          '-'
+        );
+      },
+      defaultHidden: true,
+    },
+    {
+      title: t('comp:BAIArtifactTable.Source'),
+      dataIndex: 'source.name',
+      key: 'source.name',
+      render: (_value, record: Artifact) => {
+        return record?.source ? (
+          <Typography.Link
+            href={record.source.url ?? ''}
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            {record.source.name || 'N/A'}
+          </Typography.Link>
+        ) : (
+          '-'
+        );
+      },
+      defaultHidden: true,
+    },
   ];
 
   return (

packages/backend.ai-ui/src/locale/de.json

@@ -50,8 +50,10 @@
     "Controls": "Kontrollen",
     "Deactivate": "Deaktivieren",
     "PullLatestVersion": "Die neueste Version ziehen",
+    "Registry": "Registry",
     "Scanned": "Gescannt",
     "Size": "Größe",
+    "Source": "Quelle",
     "Updated": "Aktualisiert",
     "Version": "Version"
   },

packages/backend.ai-ui/src/locale/el.json

@@ -50,8 +50,10 @@
     "Controls": "Χειριστήρια",
     "Deactivate": "Απενεργοποιούμαι",
     "PullLatestVersion": "Τραβήξτε την τελευταία έκδοση",
+    "Registry": "Μητρώο",
     "Scanned": "Σαρωμένος",
     "Size": "Μέγεθος",
+    "Source": "Πηγή",
     "Updated": "Ενημερωμένος",
     "Version": "Εκδοχή"
   },

packages/backend.ai-ui/src/locale/en.json

@@ -50,8 +50,10 @@
     "Controls": "Controls",
     "Deactivate": "Deactivate",
     "PullLatestVersion": "Pull latest version",
+    "Registry": "Registry",
     "Scanned": "Scanned",
     "Size": "Size",
+    "Source": "Source",
     "Updated": "Updated",
     "Version": "Version"
   },

packages/backend.ai-ui/src/locale/es.json

@@ -50,8 +50,10 @@
     "Controls": "Control",
     "Deactivate": "Desactivar",
     "PullLatestVersion": "Tire de la última versión",
+    "Registry": "Registro",
     "Scanned": "Escaneado",
     "Size": "Tamaño",
+    "Source": "Origen",
     "Updated": "Actualizado",
     "Version": "Versión"
   },

packages/backend.ai-ui/src/locale/fi.json

@@ -50,8 +50,10 @@
     "Controls": "Hallintalaitteet",
     "Deactivate": "Deaktivoida",
     "PullLatestVersion": "Vedä uusin versio",
+    "Registry": "Rekisteri",
     "Scanned": "Skannattu",
     "Size": "Koko",
+    "Source": "Lähde",
     "Updated": "Päivitetty",
     "Version": "Versio"
   },

packages/backend.ai-ui/src/locale/fr.json

@@ -50,8 +50,10 @@
     "Controls": "Commandes",
     "Deactivate": "Désactiver",
     "PullLatestVersion": "Tirez la dernière version",
+    "Registry": "Registre",
     "Scanned": "Numérisé",
     "Size": "Taille",
+    "Source": "Source",
     "Updated": "Mis à jour",
     "Version": "Version"
   },

packages/backend.ai-ui/src/locale/id.json

@@ -50,8 +50,10 @@
     "Controls": "Kontrol",
     "Deactivate": "Menonaktifkan",
     "PullLatestVersion": "Tarik versi terbaru",
+    "Registry": "Registri",
     "Scanned": "Dipindai",
     "Size": "Ukuran",
+    "Source": "Sumber",
     "Updated": "Diperbarui",
     "Version": "Versi"
   },