backend.ai-ui 25.18.0-canary-2e72edfbc-20251219 → 25.18.0-canary-ee47c4e58-20251222

package/dist/components/BAIAlert.d.ts

@@ -0,0 +1,7 @@
+import { AlertProps } from 'antd';
+import { default as React } from 'react';
+export interface BAIAlertProps extends AlertProps {
+    ghostInfoBg?: boolean;
+}
+declare const BAIAlert: React.FC<BAIAlertProps>;
+export default BAIAlert;

package/dist/components/BAIAllowedHostNamesSelect.d.ts

@@ -0,0 +1,6 @@
+import { SelectProps } from 'antd';
+import { default as React } from 'react';
+interface AllowedHostNamesSelectProps extends SelectProps {
+}
+declare const AllowedHostNamesSelect: React.FC<AllowedHostNamesSelectProps>;
+export default AllowedHostNamesSelect;

package/dist/components/BAIDynamicUnitInputNumber.d.ts

@@ -0,0 +1,15 @@
+import { InputNumberProps } from 'antd';
+import { default as React, RefObject } from 'react';
+export interface BAIDynamicUnitInputNumberProps extends Omit<InputNumberProps, 'step' | 'max' | 'min' | 'value' | 'onChange'> {
+    dynamicSteps?: number[];
+    disableAutoUnit?: boolean;
+    max?: string;
+    min?: string;
+    value?: string | null | undefined;
+    units?: string[];
+    roundStep?: number;
+    onChange?: (value: string) => void;
+    ref?: RefObject<HTMLInputElement | null>;
+}
+declare const BAIDynamicUnitInputNumber: React.FC<BAIDynamicUnitInputNumberProps>;
+export default BAIDynamicUnitInputNumber;

package/dist/components/BAIDynamicUnitInputNumberWithSlider.d.ts

@@ -0,0 +1,12 @@
+import { BAIDynamicUnitInputNumberProps } from './BAIDynamicUnitInputNumber';
+import { SliderMarks } from 'antd/es/slider';
+import { default as React } from 'react';
+export interface BAIDynamicUnitInputNumberWithSliderProps extends BAIDynamicUnitInputNumberProps {
+    extraMarks?: SliderMarks;
+    hideSlider?: boolean;
+    warn?: string;
+    step?: number;
+    inputMinWidth?: number;
+}
+declare const DynamicUnitInputNumberWithSlider: React.FC<BAIDynamicUnitInputNumberWithSliderProps>;
+export default DynamicUnitInputNumberWithSlider;

package/dist/components/BAIProjectResourceGroupSelect.d.ts

@@ -0,0 +1,9 @@
+import { BAISelectProps } from './BAISelect';
+import { default as React } from 'react';
+interface BAIProjectResourceGroupSelectProps extends BAISelectProps {
+    projectName: string;
+    autoSelectDefault?: boolean;
+    filter?: (projectName: string) => boolean;
+}
+declare const BAIProjectResourceGroupSelect: React.FC<BAIProjectResourceGroupSelectProps>;
+export default BAIProjectResourceGroupSelect;

package/dist/components/BAITextHighlighter.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+interface BAITextHighlighterProps {
+    children?: string | null;
+    keyword?: string;
+    style?: React.CSSProperties;
+}
+declare const _default: React.NamedExoticComponent<BAITextHighlighterProps>;
+export default _default;

package/dist/components/fragments/BAIDomainSelector.d.ts

@@ -0,0 +1,7 @@
+import { SelectProps } from 'antd';
+import { default as React } from 'react';
+interface Props extends SelectProps {
+    onSelectDomain?: (project: any) => void;
+}
+declare const BAIDomainSelector: React.FC<Props>;
+export default BAIDomainSelector;

package/dist/components/fragments/BAIProjectBulkEditModal.d.ts

@@ -0,0 +1,7 @@
+import { BAIProjectBulkEditModalFragment$key } from '../../__generated__/BAIProjectBulkEditModalFragment.graphql';
+import { BAIModalProps } from '../BAIModal';
+export interface BAIProjectBulkEditModalProps extends BAIModalProps {
+    selectedProjectFragments: BAIProjectBulkEditModalFragment$key;
+}
+declare const BAIProjectBulkEditModal: ({ selectedProjectFragments, ...tableProps }: BAIProjectBulkEditModalProps) => import("react/jsx-runtime").JSX.Element;
+export default BAIProjectBulkEditModal;

package/dist/components/fragments/BAIProjectResourcePolicySelector.d.ts

@@ -0,0 +1,5 @@
+import { BAISelectProps } from '../BAISelect';
+export interface BAIProjectResourcePolicySelectorProps extends Omit<BAISelectProps, 'options'> {
+}
+declare const BAIProjectResourcePolicySelector: ({ ...selectProps }: BAIProjectResourcePolicySelectorProps) => import("react/jsx-runtime").JSX.Element;
+export default BAIProjectResourcePolicySelector;

package/dist/components/fragments/BAIProjectSettingModal.d.ts

@@ -0,0 +1,8 @@
+import { BAIProjectSettingModalFragment$key } from '../../__generated__/BAIProjectSettingModalFragment.graphql';
+import { BAIModalProps } from '../BAIModal';
+export interface BAIProjectSettingModalProps extends Omit<BAIModalProps, 'title' | 'loading'> {
+    projectFragment: BAIProjectSettingModalFragment$key | null;
+}
+export type BAIProjectSettingModalFragmentKey = BAIProjectSettingModalFragment$key;
+declare const BAIProjectSettingModal: ({ projectFragment, ...modalProps }: BAIProjectSettingModalProps) => import("react/jsx-runtime").JSX.Element;
+export default BAIProjectSettingModal;

package/dist/components/fragments/BAIProjectTable.d.ts

@@ -6,7 +6,8 @@ type Project = NonNullable<NonNullable<BAIProjectTableFragment$data>[number]>;
 export interface BAIProjectTableProps extends Omit<BAITableProps<Project>, 'dataSource' | 'columns' | 'rowKey' | 'onChangeOrder'> {
     projectFragment: BAIProjectTableFragment$key;
     onChangeOrder?: (order: (typeof availableProjectSorterValues)[number] | null) => void;
-    onEditProject: (project: Project) => void;
+    onClickProjectEditButton: (project: Project) => void;
+    updateFetchKey?: () => void;
 }
-declare const BAIProjectTable: ({ projectFragment, onChangeOrder, ...tableProps }: BAIProjectTableProps) => import("react/jsx-runtime").JSX.Element;
+declare const BAIProjectTable: ({ projectFragment, onChangeOrder, onClickProjectEditButton, updateFetchKey, ...tableProps }: BAIProjectTableProps) => import("react/jsx-runtime").JSX.Element;
 export default BAIProjectTable;

package/dist/components/fragments/BAIResourceGroupSelect.d.ts

@@ -0,0 +1,5 @@
+import { BAISelectProps } from '../BAISelect';
+export interface BAIResourceGroupSelectProps extends Omit<BAISelectProps, 'options'> {
+}
+declare const BAIResourceGroupSelect: ({ ...selectProps }: BAIResourceGroupSelectProps) => import("react/jsx-runtime").JSX.Element;
+export default BAIResourceGroupSelect;

package/dist/components/fragments/index.d.ts

@@ -37,3 +37,12 @@ export { default as BAIProjectTable, availableProjectSorterKeys, availableProjec
 export type { BAIProjectTableProps } from './BAIProjectTable';
 export { default as BAIAllowedVfolderHostsWithPermission } from './BAIAllowedVfolderHostsWithPermission';
 export type { BAIAllowedVfolderHostsWithPermissionProps } from './BAIAllowedVfolderHostsWithPermission';
+export { default as BAIDomainSelector } from './BAIDomainSelector';
+export { default as BAIProjectSettingModal } from './BAIProjectSettingModal';
+export type { BAIProjectSettingModalFragmentKey } from './BAIProjectSettingModal';
+export { default as BAIProjectResourcePolicySelector } from './BAIProjectResourcePolicySelector';
+export type { BAIProjectResourcePolicySelectorProps } from './BAIProjectResourcePolicySelector';
+export { default as BAIResourceGroupSelect } from './BAIResourceGroupSelect';
+export type { BAIResourceGroupSelectProps } from './BAIResourceGroupSelect';
+export { default as BAIProjectBulkEditModal } from './BAIProjectBulkEditModal';
+export type { BAIProjectBulkEditModalProps } from './BAIProjectBulkEditModal';

package/dist/components/index.d.ts

@@ -37,6 +37,15 @@ export { default as BAIFetchKeyButton } from './BAIFetchKeyButton';
 export { default as BAIResourceNumberWithIcon, ResourceTypeIcon, } from './BAIResourceNumberWithIcon';
 export type { BAIResourceNumberWithIconProps } from './BAIResourceNumberWithIcon';
 export { default as BAINumberWithUnit } from './BAINumberWithUnit';
+export { default as BAIAllowedHostNamesSelect } from './BAIAllowedHostNamesSelect';
+export { default as BAIDynamicUnitInputNumber } from './BAIDynamicUnitInputNumber';
+export type { BAIDynamicUnitInputNumberProps } from './BAIDynamicUnitInputNumber';
+export { default as BAIDynamicUnitInputNumberWithSlider } from './BAIDynamicUnitInputNumberWithSlider';
+export type { BAIDynamicUnitInputNumberWithSliderProps } from './BAIDynamicUnitInputNumberWithSlider';
+export { default as BAIAlert } from './BAIAlert';
+export type { BAIAlertProps } from './BAIAlert';
+export { default as BAIProjectResourceGroupSelect } from './BAIProjectResourceGroupSelect';
+export { default as BAITextHighlighter } from './BAITextHighlighter';
 export * from './Table';
 export * from './fragments';
 export * from './provider';

package/dist/components/provider/BAIClientProvider/types.d.ts

@@ -4,6 +4,10 @@ export interface BAIClient {
         info: (name: string) => Promise<vfolderInfo>;
         list: (path: string) => Promise<any>;
         list_hosts: () => Promise<VFolderHosts>;
+        list_all_hosts: () => Promise<{
+            allowed: Array<string>;
+            default: string;
+        }>;
         list_files: (path: string, id: string) => Promise<{
             items: Array<VFolderFile>;
         }>;

package/dist/components/provider/BAIMetaDataProvider/types.d.ts

@@ -1,17 +1,7 @@
+import { ResourceSlotDetail } from '../../../hooks';
 export type DeviceMetaData = {
     [name: string]: ResourceSlotDetail | undefined;
 };
-export type ResourceSlotDetail = {
-    slot_name: string;
-    description: string;
-    human_readable_name: string;
-    display_unit: string;
-    number_format: {
-        binary: boolean;
-        round_length: number;
-    };
-    display_icon: string;
-};
 export declare const baseResourceSlotNames: readonly ["cpu", "mem"];
 export type BaseResourceSlotName = (typeof baseResourceSlotNames)[number];
 export declare const knownAcceleratorResourceSlotNames: readonly ["cuda.device", "cuda.shares", "rocm.device", "tpu.device", "ipu.device", "atom.device", "atom-plus.device", "atom-max.device", "gaudi2.device", "warboy.device", "rngd.device", "hyperaccel-lpu.device"];

package/dist/helper/index.d.ts

@@ -171,4 +171,5 @@ export declare const omitNullAndUndefinedFields: <T extends Record<string, any>>
  * - Characters 26-51 map to lowercase letters a-z
  */
 export declare const generateRandomString: (n?: number) => string;
+export declare const isValidUUID: (uuid: string) => boolean;
 export {};

package/dist/helper/reactQueryAlias.d.ts

@@ -0,0 +1,18 @@
+import { QueryKey, useQuery, useMutation, UseSuspenseQueryOptions } from '@tanstack/react-query';
+export declare const useTanQuery: typeof useQuery;
+export declare const useTanMutation: typeof useMutation;
+/**
+ * Custom hook that wraps the `useQuery` hook from `react-query` and enables suspense mode refetch using `fetchKey`.
+ *
+ * @template TQueryFnData The type of the data returned by the query function.
+ * @template TError The type of the error thrown by the query function.
+ * @template TData The type of the data returned by the query.
+ * @template TQueryKey The type of the query key.
+ *
+ * @param {Omit<UseQueryOptions<TQueryFnData, TError, TData, TQueryKey> & { fetchKey?: string; }, 'suspense'>} options The options for the query.
+ *
+ * @returns {QueryResult<TQueryFnData, TError, TData>} The query result.
+ */
+export declare const useSuspenseTanQuery: <TQueryFnData = unknown, TError = unknown, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey>({ fetchKey, ...options }: UseSuspenseQueryOptions<TQueryFnData, TError, TData, TQueryKey> & {
+    fetchKey?: string;
+}) => import('@tanstack/react-query').UseSuspenseQueryResult<TData, TError>;

package/dist/hooks/index.d.ts

@@ -1,3 +1,4 @@
+import { GraphQLTaggedNode, MutationParameters } from 'relay-runtime';
 type UseMemoizedJsonParseOptions<T> = {
     fallbackValue: T;
 };
@@ -14,6 +15,74 @@ type UseMemoizedJsonParseOptions<T> = {
  * const data = useMemoizedJSONParse<MyType>(jsonString, { fallbackValue: defaultValue });
  */
 export declare function useMemoizedJSONParse<T = any>(jsonString: string | undefined | null, options?: UseMemoizedJsonParseOptions<T>): T;
+export declare const useDateISOState: (initialValue?: string) => readonly [string, (newValue?: string | undefined) => void];
+export declare const useUpdatableState: (initialValue: string) => readonly [string, (newValue?: string | undefined) => void];
+export declare const useAllowedHostNames: () => string[];
+export type ResourceSlotDetail = {
+    slot_name: string;
+    description: string;
+    human_readable_name: string;
+    display_unit: string;
+    number_format: {
+        binary: boolean;
+        round_length: number;
+    };
+    display_icon: string;
+};
+/**
+ * Custom hook to fetch resource slot details by resource group name.
+ * @param resourceGroupName - The name of the resource group. if not provided, it will use resource/device_metadata.json
+ * @returns An array containing the resource slots and a refresh function.
+ */
+export declare const useResourceSlotsDetails: (resourceGroupName?: string) => {
+    resourceSlotsInRG: {
+        cpu?: ResourceSlotDetail | undefined;
+        mem?: ResourceSlotDetail | undefined;
+        "cuda.device"?: ResourceSlotDetail | undefined;
+        "cuda.shares"?: ResourceSlotDetail | undefined;
+        "rocm.device"?: ResourceSlotDetail | undefined;
+        "tpu.device"?: ResourceSlotDetail | undefined;
+        "ipu.device"?: ResourceSlotDetail | undefined;
+        "atom.device"?: ResourceSlotDetail | undefined;
+        "atom-plus.device"?: ResourceSlotDetail | undefined;
+        "atom-max.device"?: ResourceSlotDetail | undefined;
+        "gaudi2.device"?: ResourceSlotDetail | undefined;
+        "warboy.device"?: ResourceSlotDetail | undefined;
+        "rngd.device"?: ResourceSlotDetail | undefined;
+        "hyperaccel-lpu.device"?: ResourceSlotDetail | undefined;
+    };
+    deviceMetaData: import('../components').DeviceMetaData;
+    mergedResourceSlots: import('../components').DeviceMetaData & {
+        cpu?: ResourceSlotDetail | undefined;
+        mem?: ResourceSlotDetail | undefined;
+        "cuda.device"?: ResourceSlotDetail | undefined;
+        "cuda.shares"?: ResourceSlotDetail | undefined;
+        "rocm.device"?: ResourceSlotDetail | undefined;
+        "tpu.device"?: ResourceSlotDetail | undefined;
+        "ipu.device"?: ResourceSlotDetail | undefined;
+        "atom.device"?: ResourceSlotDetail | undefined;
+        "atom-plus.device"?: ResourceSlotDetail | undefined;
+        "atom-max.device"?: ResourceSlotDetail | undefined;
+        "gaudi2.device"?: ResourceSlotDetail | undefined;
+        "warboy.device"?: ResourceSlotDetail | undefined;
+        "rngd.device"?: ResourceSlotDetail | undefined;
+        "hyperaccel-lpu.device"?: ResourceSlotDetail | undefined;
+    };
+    refresh: (newValue?: string | undefined) => void;
+    isLoading: false;
+};
+export declare function useMutationWithPromise<T extends MutationParameters>(mutation: GraphQLTaggedNode): (variables: T["variables"]) => Promise<T["response"]>;
+export declare const baiSignedRequestWithPromise: ({ method, url, body, client, }: {
+    method: string;
+    url: string;
+    body?: any;
+    client: any;
+}) => any;
+export declare const useBAISignedRequestWithPromise: () => ({ method, url, body, }: {
+    method: string;
+    url: string;
+    body?: any;
+}) => any;
 export { default as useErrorMessageResolver } from './useErrorMessageResolver';
 export { default as useViewer } from './useViewer';
 export type { ErrorResponse } from './useErrorMessageResolver';
@@ -22,3 +91,4 @@ export { default as useGetAvailableFolderName } from './useGetAvailableFolderNam
 export { useInterval, useIntervalValue } from './useIntervalValue';
 export { default as useBAILogger, ContextualLogger, LogLevel, } from './useBAILogger';
 export type { LoggerPlugin, LogContext, BAILogger } from './useBAILogger';
+export { useEventNotStable } from './useEventNotStable';

package/dist/hooks/useEventNotStable.d.ts

@@ -1 +1 @@
-export declare function useEventNotStable<Args extends unknown[], Return>(handler: (...args: Args) => Return): (...args: Args) => Return | undefined;
+export declare function useEventNotStable<Args extends unknown[], Return>(handler: (...args: Args) => Return): (...args: Args) => Return;

package/dist/hooks/usePaginatedQuery.d.ts

@@ -13,7 +13,7 @@ export declare function useLazyPaginatedQuery<T extends OperationType & {
 }, ItemType>(query: GraphQLTaggedNode, initialPaginationVariables: Pick<T['variables'], 'limit'>, otherVariables: Omit<Partial<T['variables']>, 'limit' | 'offset'>, options: Parameters<typeof useLazyLoadQuery<T>>[2], { getItem, getId, getTotal }: extraOptions<T['response'], ItemType>): {
     paginationData: ItemType[] | undefined;
     result: T["response"];
-    loadNext: () => void | undefined;
+    loadNext: () => void;
     hasNext: boolean;
     isLoadingNext: boolean;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "backend.ai-ui",
-  "version": "25.18.0-canary-2e72edfbc-20251219",
+  "version": "25.18.0-canary-ee47c4e58-20251222",
   "description": "React components for Backend.AI",
   "repository": {
     "type": "git",
@@ -161,6 +161,7 @@
     "@types/relay-test-utils": "^19.0.0",
     "@vitejs/plugin-react": "^4.7.0",
     "babel-plugin-react-compiler": "^1.0.0",
+    "babel-jest": "^30.2.0",
     "eslint": "^8.57.1",
     "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-react": "^7.37.4",
@@ -195,7 +196,8 @@
             "jsx": "react-jsx"
           }
         }
-      ]
+      ],
+      "^.+\\.(js|jsx|ts|tsx)$": "babel-jest"
     },
     "setupFilesAfterEnv": [
       "./setupTests.ts"