feat(FR-1371): Implement model deployment UI components

data/schema.graphql

@@ -3794,11 +3794,19 @@ type Mutation
   """Added in 25.14.0"""
   deleteObjectStorage(input: DeleteObjectStorageInput!): DeleteObjectStoragePayload! @join__field(graph: STRAWBERRY)
 
-  """Added in 25.14.0"""
-  registerObjectStorageBucket(input: RegisterObjectStorageBucketInput!): RegisterObjectStorageBucketPayload! @join__field(graph: STRAWBERRY)
+  """
+  Added in 25.15.0.
+
+  Registers a new namespace within a storage.
+  """
+  registerStorageNamespace(input: RegisterStorageNamespaceInput!): RegisterStorageNamespacePayload! @join__field(graph: STRAWBERRY)
 
-  """Added in 25.14.0"""
-  unregisterObjectStorageBucket(input: UnregisterObjectStorageBucketInput!): UnregisterObjectStorageBucketPayload! @join__field(graph: STRAWBERRY)
+  """
+  Added in 25.15.0.
+
+  Unregisters an existing namespace from a storage.
+  """
+  unregisterStorageNamespace(input: UnregisterStorageNamespaceInput!): UnregisterStorageNamespacePayload! @join__field(graph: STRAWBERRY)
 
   """Added in 25.14.0"""
   createHuggingfaceRegistry(input: CreateHuggingFaceRegistryInput!): CreateHuggingFaceRegistryPayload! @join__field(graph: STRAWBERRY)
@@ -3899,7 +3907,7 @@ type ObjectStorage implements Node
   secretKey: String!
   endpoint: String!
   region: String!
-  namespaces(before: String, after: String, first: Int, last: Int, limit: Int, offset: Int): ObjectStorageNamespaceConnection!
+  namespaces(before: String, after: String, first: Int, last: Int, limit: Int, offset: Int): StorageNamespaceConnection!
 }
 
 """Added in 25.14.0"""
@@ -3925,40 +3933,6 @@ type ObjectStorageEdge
   node: ObjectStorage!
 }
 
-"""Added in 25.14.0"""
-type ObjectStorageNamespace implements Node
-  @join__implements(graph: STRAWBERRY, interface: "Node")
-  @join__type(graph: STRAWBERRY)
-{
-  """The Globally Unique ID of this object"""
-  id: ID!
-  storageId: ID!
-  bucket: String!
-}
-
-"""Added in 25.14.0"""
-type ObjectStorageNamespaceConnection
-  @join__type(graph: STRAWBERRY)
-{
-  """Pagination data for this connection"""
-  pageInfo: PageInfo!
-
-  """Contains the nodes in this connection"""
-  edges: [ObjectStorageNamespaceEdge!]!
-  count: Int!
-}
-
-"""An edge in a connection."""
-type ObjectStorageNamespaceEdge
-  @join__type(graph: STRAWBERRY)
-{
-  """A cursor for use in pagination"""
-  cursor: String!
-
-  """The item at the end of the edge"""
-  node: ObjectStorageNamespace!
-}
-
 enum OrderDirection
   @join__type(graph: STRAWBERRY)
 {
@@ -4605,16 +4579,24 @@ type RawServiceConfig
   extraCliParameters: String
 }
 
-"""Added in 25.14.0"""
-input RegisterObjectStorageBucketInput
+"""
+Added in 25.15.0.
+
+Input type for registering a storage namespace.
+"""
+input RegisterStorageNamespaceInput
   @join__type(graph: STRAWBERRY)
 {
   storageId: UUID!
-  bucketName: String!
+  namespace: String!
 }
 
-"""Added in 25.14.0"""
-type RegisterObjectStorageBucketPayload
+"""
+Added in 25.15.0.
+
+Payload returned after storage namespace registration.
+"""
+type RegisterStorageNamespacePayload
   @join__type(graph: STRAWBERRY)
 {
   id: UUID!
@@ -5062,6 +5044,53 @@ type SourceInfo
   url: String
 }
 
+"""
+Added in 25.15.0.
+
+Storage namespace provides logical separation of data within a single storage system
+to organize and isolate domain-specific concerns.
+
+Implementation varies by storage type:
+- Object Storage (S3, MinIO): Uses bucket-based namespace separation
+- File System (VFS): Uses directory path prefix for namespace distinction
+"""
+type StorageNamespace implements Node
+  @join__implements(graph: STRAWBERRY, interface: "Node")
+  @join__type(graph: STRAWBERRY)
+{
+  """The Globally Unique ID of this object"""
+  id: ID!
+  storageId: ID!
+  namespace: String!
+}
+
+"""
+Added in 25.15.0.
+
+Storage namespace connection for pagination.
+"""
+type StorageNamespaceConnection
+  @join__type(graph: STRAWBERRY)
+{
+  """Pagination data for this connection"""
+  pageInfo: PageInfo!
+
+  """Contains the nodes in this connection"""
+  edges: [StorageNamespaceEdge!]!
+  count: Int!
+}
+
+"""An edge in a connection."""
+type StorageNamespaceEdge
+  @join__type(graph: STRAWBERRY)
+{
+  """A cursor for use in pagination"""
+  cursor: String!
+
+  """The item at the end of the edge"""
+  node: StorageNamespace!
+}
+
 type StorageVolume implements Item
   @join__implements(graph: GRAPHENE, interface: "Item")
   @join__type(graph: GRAPHENE)
@@ -5135,16 +5164,24 @@ type UnloadImage
   task_id: String
 }
 
-"""Added in 25.14.0"""
-input UnregisterObjectStorageBucketInput
+"""
+Added in 25.15.0.
+
+Input type for unregistering a storage namespace.
+"""
+input UnregisterStorageNamespaceInput
   @join__type(graph: STRAWBERRY)
 {
   storageId: UUID!
-  bucketName: String!
+  namespace: String!
 }
 
-"""Added in 25.14.0"""
-type UnregisterObjectStorageBucketPayload
+"""
+Added in 25.15.0.
+
+Payload returned after storage namespace unregistration.
+"""
+type UnregisterStorageNamespacePayload
   @join__type(graph: STRAWBERRY)
 {
   id: UUID!

packages/backend.ai-ui/src/components/Table/BAITable.tsx

@@ -24,7 +24,7 @@ import { Resizable, ResizeCallbackData } from 'react-resizable';
  * Configuration interface for BAITable pagination
  * Extends Ant Design's TablePaginationConfig but omits 'position' property
  */
-interface BAITablePaginationConfig
+export interface BAITablePaginationConfig
   extends Omit<TablePaginationConfig, 'position'> {
   /** Additional content to display in the pagination area */
   extraContent?: ReactNode;

packages/backend.ai-ui/src/components/Table/BAITableSettingModal.tsx

@@ -442,7 +442,7 @@ const BAITableSettingModal: React.FC<TableSettingProps> = ({
               style={{
                 height: 330,
               }}
-              scroll={{ x: 'max-content' }}
+              scroll={{ x: 'max-content', y: 330 }}
             />
           </SortableContext>
         </DndContext>

packages/backend.ai-ui/src/components/Table/index.ts

@@ -4,6 +4,7 @@ export type {
   BAIColumnType,
   BAIColumnsType,
   BAITableSettings,
+  BAITablePaginationConfig,
   BAITableColumnOverrideItem,
   BAITableColumnOverrideRecord,
 } from './BAITable';