chore(deps): upgrade npm dependencies

ui/package.json

@@ -13,42 +13,42 @@
     "@codemirror/lang-yaml": "^6.1.2",
     "@codemirror/language": "^6.12.2",
     "@codemirror/legacy-modes": "^6.5.2",
-    "@flowgram.ai/document": "1.0.7",
-    "@flowgram.ai/fixed-layout-editor": "1.0.7",
-    "@flowgram.ai/minimap-plugin": "1.0.7",
+    "@flowgram.ai/document": "1.0.8",
+    "@flowgram.ai/fixed-layout-editor": "1.0.8",
+    "@flowgram.ai/minimap-plugin": "1.0.8",
     "@peculiar/asn1-ecc": "^2.6.1",
     "@peculiar/asn1-pkcs8": "^2.6.1",
     "@peculiar/asn1-rsa": "^2.6.1",
     "@peculiar/asn1-schema": "^2.6.0",
     "@peculiar/x509": "^1.14.3",
-    "@tabler/icons-react": "^3.38.0",
-    "@uiw/codemirror-extensions-basic-setup": "^4.25.5",
-    "@uiw/codemirror-theme-vscode": "^4.25.5",
-    "@uiw/react-codemirror": "^4.25.5",
+    "@tabler/icons-react": "^3.40.0",
+    "@uiw/codemirror-extensions-basic-setup": "^4.25.8",
+    "@uiw/codemirror-theme-vscode": "^4.25.8",
+    "@uiw/react-codemirror": "^4.25.8",
     "ahooks": "^3.9.6",
-    "antd": "^6.3.1",
+    "antd": "^6.3.2",
     "antd-zod": "^8.0.0",
     "clsx": "^2.1.1",
     "cron-parser": "^5.5.0",
-    "dayjs": "^1.11.19",
+    "dayjs": "^1.11.20",
     "file-saver": "^2.0.5",
-    "i18next": "^25.8.13",
+    "i18next": "^25.8.18",
     "i18next-browser-languagedetector": "^8.2.1",
     "immer": "^11.1.4",
-    "nanoid": "^5.1.6",
+    "nanoid": "^5.1.7",
     "pocketbase": "^0.26.8",
     "radash": "^12.1.1",
     "react": "^18.3.1",
-    "react-copy-to-clipboard": "^5.1.0",
+    "react-copy-to-clipboard": "^5.1.1",
     "react-dom": "^18.3.1",
-    "react-i18next": "^16.5.4",
+    "react-i18next": "^16.5.8",
     "react-router": "^7.13.1",
     "react-router-dom": "^7.13.1",
     "reflect-metadata": "^0.2.2",
     "tailwind-merge": "^3.5.0",
     "yaml": "^2.8.2",
     "zod": "^4.3.6",
-    "zustand": "^5.0.11"
+    "zustand": "^5.0.12"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.2",
@@ -65,16 +65,16 @@
     "eslint": "^9.39.2",
     "eslint-config-prettier": "^10.1.8",
     "eslint-import-resolver-typescript": "^4.4.4",
-    "eslint-plugin-better-tailwindcss": "^4.3.1",
+    "eslint-plugin-better-tailwindcss": "^4.3.2",
     "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-prettier": "^5.5.5",
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.5.2",
-    "fs-extra": "^11.3.3",
+    "fs-extra": "^11.3.4",
     "prettier": "^3.8.1",
     "tailwindcss": "^4.2.1",
     "typescript": "^5.9.3",
-    "typescript-eslint": "^8.56.1",
+    "typescript-eslint": "^8.57.0",
     "vite": "^7.3.1"
   }
 }

ui/src/App.tsx

@@ -2,7 +2,7 @@
 import { useEffect, useLayoutEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { RouterProvider } from "react-router-dom";
-import { Alert, App, ConfigProvider, type ThemeConfig, theme } from "antd";
+import { App, ConfigProvider, type ThemeConfig, theme } from "antd";
 import { type Locale } from "antd/es/locale";
 import AntdLocaleEnUS from "antd/locale/en_US";
 import AntdLocaleZhCN from "antd/locale/zh_CN";
@@ -119,11 +119,9 @@ const RootApp = () => {
         },
       }}
     >
-      <Alert.ErrorBoundary>
-        <App>
-          <RouterProvider router={router} />
-        </App>
-      </Alert.ErrorBoundary>
+      <App>
+        <RouterProvider router={router} />
+      </App>
     </ConfigProvider>
   );
 };

ui/src/components/provider/AccessProviderPicker.tsx

@@ -17,7 +17,7 @@ export interface AccessProviderPickerInstance {
 }
 
 const AccessProviderPicker = forwardRef<AccessProviderPickerInstance, AccessProviderPickerProps>(
-  ({ className, style, gap = "middle", placeholder, showOptionTags, showSearch = false, onFilter, onSelect }, ref) => {
+  ({ className, style, gap = "medium", placeholder, showOptionTags, showSearch = false, onFilter, onSelect }, ref) => {
     const { t } = useTranslation();
 
     const showOptionTagForDNS = useMemo(() => {
@@ -136,7 +136,7 @@ const AccessProviderPicker = forwardRef<AccessProviderPickerInstance, AccessProv
           <div
             className={mergeCls("grid w-full gap-2", `grid-cols-${cols}`, {
               "gap-4": gap === "large",
-              "gap-2": gap === "middle",
+              "gap-2": gap === "medium",
               "gap-1": gap === "small",
               [`gap-${+gap || "2"}`]: typeof gap === "number",
             })}

ui/src/components/provider/DeploymentProviderPicker.tsx

@@ -17,7 +17,7 @@ export interface DeploymentProviderPickerInstance {
 }
 
 const DeploymentProviderPicker = forwardRef<DeploymentProviderPickerInstance, DeploymentProviderPickerProps>(
-  ({ className, style, gap = "middle", placeholder, showAvailability = false, showSearch = false, onFilter, onSelect }, ref) => {
+  ({ className, style, gap = "medium", placeholder, showAvailability = false, showSearch = false, onFilter, onSelect }, ref) => {
     const { t } = useTranslation();
 
     const { wrapperElRef, cols } = usePickerWrapperCols(320);
@@ -122,7 +122,7 @@ const DeploymentProviderPicker = forwardRef<DeploymentProviderPickerInstance, De
               <div
                 className={mergeCls("grid w-full gap-2", `grid-cols-${cols}`, {
                   "gap-4": gap === "large",
-                  "gap-2": gap === "middle",
+                  "gap-2": gap === "medium",
                   "gap-1": gap === "small",
                   [`gap-${+gap || "2"}`]: typeof gap === "number",
                 })}
@@ -140,7 +140,7 @@ const DeploymentProviderPicker = forwardRef<DeploymentProviderPickerInstance, De
                 <div
                   className={mergeCls("grid w-full gap-2", `grid-cols-${cols}`, {
                     "gap-4": gap === "large",
-                    "gap-2": gap === "middle",
+                    "gap-2": gap === "medium",
                     "gap-1": gap === "small",
                     [`gap-${+gap || "2"}`]: typeof gap === "number",
                   })}

ui/src/components/provider/NotificationProviderPicker.tsx

@@ -17,7 +17,7 @@ export interface NotificationProviderPickerInstance {
 }
 
 const NotificationProviderPicker = forwardRef<NotificationProviderPickerInstance, NotificationProviderPickerProps>(
-  ({ className, style, gap = "middle", placeholder, showAvailability = false, showSearch = false, onFilter, onSelect }, ref) => {
+  ({ className, style, gap = "medium", placeholder, showAvailability = false, showSearch = false, onFilter, onSelect }, ref) => {
     const { t } = useTranslation();
 
     const { wrapperElRef, cols } = usePickerWrapperCols(320);
@@ -83,7 +83,7 @@ const NotificationProviderPicker = forwardRef<NotificationProviderPickerInstance
           <div
             className={mergeCls("grid w-full gap-2", `grid-cols-${cols}`, {
               "gap-4": gap === "large",
-              "gap-2": gap === "middle",
+              "gap-2": gap === "medium",
               "gap-1": gap === "small",
               [`gap-${+gap || "2"}`]: typeof gap === "number",
             })}
@@ -101,7 +101,7 @@ const NotificationProviderPicker = forwardRef<NotificationProviderPickerInstance
             <div
               className={mergeCls("grid w-full gap-2", `grid-cols-${cols}`, {
                 "gap-4": gap === "large",
-                "gap-2": gap === "middle",
+                "gap-2": gap === "medium",
                 "gap-1": gap === "small",
                 [`gap-${+gap || "2"}`]: typeof gap === "number",
               })}

ui/src/components/provider/_shared.ts

@@ -68,7 +68,7 @@ export const useSelectDataSource = <T extends Provider>({
 export interface SharedPickerProps<T extends Provider> {
   className?: string;
   style?: React.CSSProperties;
-  gap?: number | "small" | "middle" | "large";
+  gap?: number | "small" | "medium" | "large";
   placeholder?: string;
   showSearch?: boolean;
   onFilter?: (value: string, option: T) => boolean;