@abtnode/ux 1.16.30-beta-b80c7bcd → 1.16.30-beta-5d9c2c41

package/lib/blocklet/actions.js

@@ -28,7 +28,6 @@ import Toast from '@arcblock/ux/lib/Toast';
 import Confirm from '../confirm';
 import { useNodeContext } from '../contexts/node';
 import { formatError, isDownloading, sleep } from '../util';
-import joinUrlKeepSearch from '../util/join-url-keep-search';
 import Icons from './icons';
 import { getServerUrl } from './util';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -86,14 +85,6 @@ export default function BlockletActions({
   const {
     inService
   } = node;
-  const handleOpenDashboard = () => {
-    const mountPoint = `/${blocklet.mountPoint || '/'}`.replace(/\/+/g, '/');
-    const href = getComponentUrl?.({
-      mountPoint,
-      blocklet
-    });
-    window.open(joinUrlKeepSearch(href, '.well-known/service/admin'));
-  };
   const createHandler = (action, fn, requireUserConfirm = false) => async () => {
     const onConfirm = async params => {
       onStart({
@@ -362,52 +353,15 @@ export default function BlockletActions({
   }, isDownloading(blocklet.status) ? cancelDownloadAction : removeAction, {
     separator: true
   }, !inService ? {
-    action: 'dashboard',
-    icon: ({
-      style,
-      ...restProps
-    }) => /*#__PURE__*/_jsx(Icons.Dashboard, {
-      ...restProps,
-      style: {
-        ...style,
-        width: '26px',
-        height: '26px',
-        paddingRight: '3px'
-      }
-    }),
-    name: t('sidebar.dashboard'),
-    handler: handleOpenDashboard,
-    disabled: disableStart || blocklet.status !== 'running'
-  } : null, {
-    separator: true
-  }, {
-    onlyInMenu: true,
-    action: 'config',
-    icon: Icons.Config,
-    name: t('common.config'),
-    handler: () => {
-      navigate(`/blocklets/${blocklet.meta.did}/configuration`);
-    },
-    disabled: isDownloading(blocklet.status)
-  }, {
-    onlyInMenu: true,
-    action: 'team',
-    icon: Icons.Group,
-    name: t('common.manageTeam'),
-    handler: () => {
-      navigate(`/blocklets/${blocklet.meta.did}/members`);
-    },
-    disabled: isDownloading(blocklet.status)
-  }, {
     onlyInMenu: true,
-    action: 'log',
-    icon: Icons.Log,
-    name: t('common.log'),
+    action: 'overview',
+    icon: Icons.Overview,
+    name: t('common.overview'),
     handler: () => {
-      navigate(`/logs/blocklet-${blocklet.meta.did}`);
+      navigate(`/blocklets/${blocklet.meta.did}/overview`);
     },
     disabled: isDownloading(blocklet.status)
-  }].filter(Boolean);
+  } : null].filter(Boolean);
   if (variant === 'menu') {
     return /*#__PURE__*/_jsxs(Div, {
       "data-cy": "blocklet-actions",

package/lib/blocklet/component/component-cell.js

@@ -108,8 +108,8 @@ export default function ComponentCell({
       children: [/*#__PURE__*/_jsxs(Box, {
         pl: 2,
         width: {
-          xs: 300,
-          md: 400
+          xs: 250,
+          sm: 400
         },
         display: "flex",
         alignItems: "center",
@@ -118,6 +118,9 @@ export default function ComponentCell({
           ancestors: ancestors
         }), /*#__PURE__*/_jsxs(Box, {
           ml: "16px",
+          sx: {
+            minWidth: 0
+          },
           children: [/*#__PURE__*/_jsxs(Box, {
             className: "component-header",
             onClick: () => setComponentInfo(blocklet),
@@ -330,6 +333,10 @@ export const StyledComponentRow = styled(Box)`
     cursor: pointer;
   }
   .component-name {
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
     color: #222;
     font-size: 16px;
   }

package/lib/blocklet/component/optional-component-cell.js

@@ -64,12 +64,19 @@ export default function OptionalComponentCell({
         style: {
           flex: 1
         }
-      }), /*#__PURE__*/_jsx(Button, {
-        onClick: handleOpen,
-        startIcon: /*#__PURE__*/_jsx(Icon, {
-          icon: "ph:download-simple-bold"
-        }),
-        children: t('common.install')
+      }), /*#__PURE__*/_jsx(Box, {
+        sx: {
+          minWidth: 100,
+          display: 'flex',
+          justifyContent: 'flex-end'
+        },
+        children: /*#__PURE__*/_jsx(Button, {
+          onClick: handleOpen,
+          startIcon: /*#__PURE__*/_jsx(Icon, {
+            icon: "ph:download-simple-bold"
+          }),
+          children: t('common.install')
+        })
       })]
     }), /*#__PURE__*/_jsx(Line, {
       class: "line"
@@ -109,6 +116,7 @@ const StyledDiv = styled(StyledComponentRow)`
     flex-direction: row;
     justify-content: flex-start;
     align-items: center;
+    min-width: 0;
   }
   .component-logo {
     width: 40px;
@@ -118,6 +126,8 @@ const StyledDiv = styled(StyledComponentRow)`
     overflow: hidden;
   }
   .component-header {
+    flex: 1;
+    min-width: 0;
     opacity: 0.5;
     margin-left: 12px;
     display: flex;
@@ -126,6 +136,7 @@ const StyledDiv = styled(StyledComponentRow)`
     cursor: pointer;
   }
   .component-name {
+    flex: 1;
     opacity: 0.5;
     color: #222;
     font-size: 16px;

package/lib/blocklet/icons.js

@@ -8,6 +8,7 @@ import Log from '@mui/icons-material/Receipt';
 import Group from '@mui/icons-material/Group';
 import Cancel from '@mui/icons-material/NotInterested';
 import Dashboard from '@arcblock/icons/lib/Dashboard';
+import Overview from '@mui/icons-material/ViewInAr';
 export default {
   Start,
   Stop,
@@ -18,5 +19,6 @@ export default {
   Log,
   Group,
   Cancel,
-  Dashboard
+  Dashboard,
+  Overview
 };

package/lib/blocklet/storage/action.js

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { CircularProgress, IconButton, ListItemIcon, ListItemText, Menu, MenuItem } from '@mui/material';
-import MoreVertIcon from '@mui/icons-material/MoreVert';
+import MoreHorizIcon from '@mui/icons-material/MoreHoriz';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 import ArrowOutwardIcon from '@mui/icons-material/ArrowOutward';
 import PropTypes from 'prop-types';
@@ -70,7 +70,7 @@ function SpaceItemAction({
       ...rest,
       children: loading || spaceGateway?.loading ? /*#__PURE__*/_jsx(CircularProgress, {
         size: "24px"
-      }) : /*#__PURE__*/_jsx(MoreVertIcon, {})
+      }) : /*#__PURE__*/_jsx(MoreHorizIcon, {})
     }), /*#__PURE__*/_jsxs(Menu, {
       id: "simple-menu",
       anchorEl: anchorEl,

package/lib/blocklet/storage/connected.js

@@ -1,4 +1,4 @@
-import { Box, CircularProgress, Typography } from '@mui/material';
+import { Box, CircularProgress, Grid, Typography } from '@mui/material';
 import React from 'react';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 import toast from '@arcblock/ux/lib/Toast';
@@ -84,16 +84,25 @@ function Connected() {
         display: "flex",
         justifyContent: "center",
         children: /*#__PURE__*/_jsx(CircularProgress, {})
-      }) : spaceGateways.map(x => {
-        return /*#__PURE__*/_jsx(SpaceItem, {
-          style: {
-            marginTop: '12px'
-          },
-          spaceGateway: x,
-          connected: spaceGatewayIsSelected(x),
-          onDelete: onDeleteGateway,
-          onBackupNow: onBackupNow
-        }, x.endpoint);
+      }) : /*#__PURE__*/_jsx(Grid, {
+        container: true,
+        spacing: 1,
+        children: spaceGateways.map(x => {
+          return /*#__PURE__*/_jsx(Grid, {
+            item: true,
+            xs: 12,
+            md: 6,
+            children: /*#__PURE__*/_jsx(SpaceItem, {
+              style: {
+                marginTop: '12px'
+              },
+              spaceGateway: x,
+              connected: spaceGatewayIsSelected(x),
+              onDelete: onDeleteGateway,
+              onBackupNow: onBackupNow
+            }, x.endpoint)
+          });
+        })
       })
     }), /*#__PURE__*/_jsx(SpacesBackupRecords, {
       sx: {

package/lib/blocklet/storage/item.js

@@ -1,4 +1,4 @@
-import { Box, Chip, LinearProgress, Typography, useMediaQuery } from '@mui/material';
+import { Box, LinearProgress, Typography, useMediaQuery } from '@mui/material';
 import React, { useEffect, useState } from 'react';
 import Button from '@arcblock/ux/lib/Button';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
@@ -66,7 +66,7 @@ import { useBlockletStorageContext } from '../../contexts/blocklet-storage';
  *  onBackupNow: () => Promise<void>,
  * }} { spaceGateway, connected,, onDelete, onBackupNow }
  */
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function SpaceItem({
   spaceGateway,
   connected,
@@ -253,80 +253,67 @@ function SpaceItem({
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [backupProgress]);
   return /*#__PURE__*/_jsxs(BoxContainer, {
-    style: {
-      position: 'relative'
+    sx: {
+      backgroundColor: connected ? '#F0FDFF' : 'inherit',
+      '&:hover': {
+        backgroundColor: connected ? '#F0FDFF' : '#FBFBFB'
+      },
+      borderRadius: '8px'
     },
+    display: "flex",
+    flexDirection: "column",
+    padding: "4px 20px 12px",
+    ...rest,
     children: [/*#__PURE__*/_jsxs(Box, {
-      sx: {
-        backgroundColor: connected ? '#F0FDFF' : 'inherit',
-        '&:hover': {
-          backgroundColor: connected ? '#F0FDFF' : '#FBFBFB'
-        },
-        borderRadius: '8px'
-      },
       display: "flex",
-      padding: "12px 20px",
-      ...rest,
-      children: [/*#__PURE__*/_jsx(Box, {
-        display: "flex",
-        children: /*#__PURE__*/_jsx(PreviewSpaceNft, {
-          alt: spaceGateway.did,
-          src: getSpaceNftDisplayUrlFromEndpoint(spaceGateway.endpoint)
-        })
-      }), /*#__PURE__*/_jsxs(Box, {
-        className: "spaces-info",
-        display: "flex",
-        flexGrow: (!isMobile || !shouldDisplayBackupProgress) && 1,
-        minWidth: "180px",
-        flexDirection: shouldDisplayBackupProgress ? 'row' : 'column',
-        sx: {
-          marginLeft: '20px',
-          padding: '0px 0px'
-        },
-        children: [/*#__PURE__*/_jsxs(Box, {
-          className: "spaces-info",
-          display: "flex",
-          maxWidth: "360px",
-          alignItems: "center",
-          children: [/*#__PURE__*/_jsx(Typography, {
-            color: connected ? 'primary' : 'inherit',
-            fontSize: "1rem",
-            fontWeight: "bold",
-            children: spaceGateway.name
-          }), shouldDisplayConnected && /*#__PURE__*/_jsx(Chip, {
-            label: /*#__PURE__*/_jsxs(_Fragment, {
-              children: [/*#__PURE__*/_jsx(SpacesConnected, {
-                style: {
-                  marginRight: '4px'
-                }
-              }), t('storage.spaces.connected.tag')]
-            }),
-            variant: "outlined",
-            size: "small",
+      alignItems: "center",
+      children: [/*#__PURE__*/_jsxs(Box, {
+        flex: 1,
+        children: [shouldDisplayConnected && /*#__PURE__*/_jsxs(Typography, {
+          color: "primary",
+          fontSize: 14,
+          children: [/*#__PURE__*/_jsx(SpacesConnected, {
             style: {
-              marginLeft: '20px',
-              fontWeight: 'bold'
+              marginRight: '8px'
             }
-          }), shouldDisplayReconnectNow && /*#__PURE__*/_jsx(Chip, {
-            label: /*#__PURE__*/_jsxs(_Fragment, {
-              children: [/*#__PURE__*/_jsx(SpaceDisconnected, {
-                style: {
-                  marginRight: '4px'
-                }
-              }), t('storage.spaces.disconnected.tag')]
-            }),
-            variant: "outlined",
-            size: "small",
+          }), t('storage.spaces.connected.tag')]
+        }), shouldDisplayReconnectNow && /*#__PURE__*/_jsxs(Typography, {
+          color: "error",
+          fontSize: 14,
+          children: [/*#__PURE__*/_jsx(SpaceDisconnected, {
             style: {
-              marginLeft: '20px',
-              fontWeight: 'bold'
+              marginRight: '8px'
             }
-          })]
+          }), t('storage.spaces.disconnected.tag')]
+        })]
+      }), /*#__PURE__*/_jsx(SpaceItemAction, {
+        sx: {
+          padding: '4px'
+        },
+        spaceGateway: spaceGateway,
+        connected: connected,
+        onDelete: onDelete,
+        onConnect: onConnect,
+        enableSwitchToSpace: backupProgress?.completed || isEmpty(backupProgress?.message),
+        backupInProgress: shouldDisplayBackupProgress
+      })]
+    }), /*#__PURE__*/_jsxs(Box, {
+      display: "flex",
+      children: [/*#__PURE__*/_jsxs(Box, {
+        display: "flex",
+        flexDirection: "column",
+        flex: "1",
+        minWidth: 0,
+        children: [/*#__PURE__*/_jsx(Typography, {
+          className: "spaces-name",
+          fontSize: "1rem",
+          fontWeight: "bold",
+          children: spaceGateway.name
         }), /*#__PURE__*/_jsx(Box, {
           className: "spaces-address",
           display: shouldDisplayBackupProgress ? 'none' : 'flex',
           color: "#9397A1",
-          marginTop: "8px",
+          marginTop: "4px",
           children: /*#__PURE__*/_jsx(Typography, {
             sx: {
               display: 'inline-flex',
@@ -342,107 +329,99 @@ function SpaceItem({
               did: spaceGateway.did
             })
           })
-        })]
-      }), /*#__PURE__*/_jsxs(Box, {
-        className: "spaces-backup",
-        display: "flex",
-        alignItems: "center",
-        flex: isMobile && shouldDisplayBackupProgress && 1,
-        children: [shouldDisplayBackupButton && /*#__PURE__*/_jsxs(Box, {
-          className: "backup-strategy",
+        }), /*#__PURE__*/_jsxs(Box, {
+          className: "spaces-backup",
           display: "flex",
           alignItems: "center",
-          width: "100%",
-          children: [/*#__PURE__*/_jsx(Button, {
-            variant: "contained",
-            size: "small",
-            onClick: _onBackupNow,
-            children: t('storage.spaces.strategy.backupNow')
-          }), enableDebug && /*#__PURE__*/_jsx(SwitchControl, {
-            name: "enable-auto-backup",
-            title: "coming soon",
-            disabled: true,
-            labelProps: {
-              label: /*#__PURE__*/_jsx(Typography, {
-                sx: {
-                  marginRight: '8px',
-                  fontSize: '16px'
-                },
-                children: /*#__PURE__*/_jsx("span", {
-                  children: t('storage.spaces.strategy.autoBackup')
+          marginTop: "8px",
+          flex: 1,
+          children: [shouldDisplayBackupButton && /*#__PURE__*/_jsxs(Box, {
+            className: "backup-strategy",
+            display: "flex",
+            alignItems: "center",
+            minWidth: "72px",
+            children: [/*#__PURE__*/_jsx(Button, {
+              variant: "contained",
+              size: "small",
+              onClick: _onBackupNow,
+              children: t('storage.spaces.strategy.backupNow')
+            }), enableDebug && /*#__PURE__*/_jsx(SwitchControl, {
+              name: "enable-auto-backup",
+              title: "coming soon",
+              disabled: true,
+              labelProps: {
+                label: /*#__PURE__*/_jsx(Typography, {
+                  sx: {
+                    marginRight: '8px',
+                    fontSize: '16px'
+                  },
+                  children: /*#__PURE__*/_jsx("span", {
+                    children: t('storage.spaces.strategy.autoBackup')
+                  })
                 })
-              })
-            },
-            style: {
-              marginLeft: '64px'
-            }
-          })]
-        }), shouldDisplayBackupProgress && /*#__PURE__*/_jsxs(Box, {
-          className: "backup-progress",
-          display: "flex",
-          flexDirection: "column",
-          alignItems: "center",
-          minWidth: !isMobile && '640px',
-          marginLeft: isMobile && '16px',
-          width: isMobile && '360px',
-          marginRight: "auto",
-          alignSelf: "flex-end",
-          children: [/*#__PURE__*/_jsx(Typography, {
-            color: "primary",
-            children: backupProgress?.message
-          }), /*#__PURE__*/_jsxs(Box, {
-            sx: {
-              display: 'flex',
-              alignItems: 'center'
-            },
-            width: "100%",
-            children: [/*#__PURE__*/_jsx(Box, {
-              sx: {
-                width: '100%',
-                mr: 1
               },
-              children: /*#__PURE__*/_jsx(LinearProgress, {
-                color: "primary",
-                variant: "determinate",
-                value: backupProgress?.progress
-              })
-            }), /*#__PURE__*/_jsx(Box, {
+              style: {
+                marginLeft: '64px'
+              }
+            })]
+          }), shouldDisplayBackupProgress && /*#__PURE__*/_jsxs(Box, {
+            className: "backup-progress",
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "center",
+            marginLeft: isMobile && '16px',
+            width: "90%",
+            marginRight: "auto",
+            alignSelf: "flex-end",
+            children: [/*#__PURE__*/_jsx(Typography, {
+              color: "primary",
+              children: backupProgress?.message
+            }), /*#__PURE__*/_jsxs(Box, {
               sx: {
-                maxWidth: '100%'
+                display: 'flex',
+                alignItems: 'center'
               },
-              children: /*#__PURE__*/_jsxs(Typography, {
-                variant: "body2",
-                color: "text.secondary",
-                children: [backupProgress?.progress, "%"]
-              })
+              width: "100%",
+              children: [/*#__PURE__*/_jsx(Box, {
+                sx: {
+                  width: '100%',
+                  mr: 1
+                },
+                children: /*#__PURE__*/_jsx(LinearProgress, {
+                  color: "primary",
+                  variant: "determinate",
+                  value: backupProgress?.progress
+                })
+              }), /*#__PURE__*/_jsx(Box, {
+                sx: {
+                  maxWidth: '100%'
+                },
+                children: /*#__PURE__*/_jsxs(Typography, {
+                  variant: "body2",
+                  color: "text.secondary",
+                  children: [backupProgress?.progress, "%"]
+                })
+              })]
             })]
+          }), shouldDisplayReconnectNow && /*#__PURE__*/_jsx(Box, {
+            className: "backup-strategy",
+            display: "flex",
+            alignItems: "center",
+            minWidth: "72px",
+            children: /*#__PURE__*/_jsx(Button, {
+              color: "error",
+              variant: "contained",
+              size: "small",
+              onClick: onConnect,
+              children: t('storage.spaces.disconnected.reconnectNow')
+            })
           })]
-        }), shouldDisplayReconnectNow && /*#__PURE__*/_jsx(Box, {
-          className: "backup-strategy",
-          display: "flex",
-          alignItems: "center",
-          width: "100%",
-          children: /*#__PURE__*/_jsx(Button, {
-            color: "error",
-            variant: "contained",
-            size: "small",
-            onClick: onConnect,
-            children: t('storage.spaces.disconnected.reconnectNow')
-          })
-        }), /*#__PURE__*/_jsx(SpaceItemAction, {
-          sx: {
-            marginLeft: '16px',
-            marginRight: '16px',
-            alignItems: 'flex-end',
-            justifyItems: 'flex-end'
-          },
-          spaceGateway: spaceGateway,
-          connected: connected,
-          onDelete: onDelete,
-          onConnect: onConnect,
-          enableSwitchToSpace: backupProgress?.completed || isEmpty(backupProgress?.message),
-          backupInProgress: shouldDisplayBackupProgress
         })]
+      }), /*#__PURE__*/_jsx(PreviewSpaceNft, {
+        alt: spaceGateway.did,
+        src: getSpaceNftDisplayUrlFromEndpoint(spaceGateway.endpoint),
+        width: "72px",
+        height: "72px"
       })]
     }), /*#__PURE__*/_jsx(DidConnect, {
       forceConnected: false,
@@ -486,6 +465,11 @@ SpaceItem.defaultProps = {
   onBackupNow: () => undefined
 };
 const BoxContainer = styled(Box)`
+  box-sizing: border-box;
+  position: relative;
+  min-height: 136px;
+  border: 1px solid #f8f8f8;
+
   .selected-container {
     position: absolute;
     right: 0px;
@@ -538,5 +522,14 @@ const BoxContainer = styled(Box)`
       visibility: visible;
     }
   }
+
+  .spaces {
+    &-name {
+      margin-right: 12px;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+  }
 `;
 export default SpaceItem;

package/lib/blocklet/storage/preview-nft.js

@@ -204,7 +204,9 @@ EmptySpacesNFT.defaultProps = {
 };
 function PreviewSpaceNft({
   src,
-  alt
+  alt,
+  width,
+  height
 }) {
   const [showEmptySpaceNFT, setShowEmptySpaceNFT] = useState(false);
   const [open, setOpen] = useState(false);
@@ -222,8 +224,8 @@ function PreviewSpaceNft({
         },
         alt: alt,
         src: src,
-        width: "58px",
-        height: "58px",
+        width: width,
+        height: height,
         onError: () => setShowEmptySpaceNFT(true),
         onClick: handleOpen
       }),
@@ -278,6 +280,12 @@ function PreviewSpaceNft({
 }
 PreviewSpaceNft.propTypes = {
   src: string.isRequired,
-  alt: string.isRequired
+  alt: string.isRequired,
+  width: string,
+  height: string
+};
+PreviewSpaceNft.defaultProps = {
+  width: '58px',
+  height: '58px'
 };
 export default PreviewSpaceNft;

package/lib/locales/ar.js

@@ -747,7 +747,7 @@ export default {
       installToThisServer: 'تثبيت على هذا الخادم'
     },
     titleValidationError: 'يجب أن يكون طول العنوان على الأقل 3 أحرف',
-    descriptionValidationError: 'يجب أن تكون طول الوصف بين 3 و 160 حرفًا',
+    descriptionValidationError: 'يجب أن تكون طول الوصف بين 3 و 80 حرفًا',
     whyNeedAppPid: 'إذا تم نقل تطبيقك، فإن DID الدائم هو DID الذي تم إنشاؤه عند تثبيت Blocklet هذا في الأصل.'
   },
   dashboard: {

package/lib/locales/de.js

@@ -747,7 +747,7 @@ export default {
       installToThisServer: 'Auf diesem Server installieren'
     },
     titleValidationError: 'Die Länge des Titels muss mindestens 3 Zeichen betragen',
-    descriptionValidationError: 'Die Beschreibungslänge muss zwischen 3 und 160 Zeichen liegen',
+    descriptionValidationError: 'Beschreibungslänge muss zwischen 3 und 80 Zeichen liegen',
     whyNeedAppPid: 'Wenn Ihre Anwendung migriert wurde, ist die permanente DID die DID, die bei der ursprünglichen Installation dieses Blocklets generiert wurde.'
   },
   dashboard: {

package/lib/locales/en.js

@@ -358,8 +358,8 @@ export default {
     installFromMarket: 'Install New Blocklets',
     installFromUrl: 'Install From Url',
     installFromCreate: 'Create Blocklet',
-    titleValidationError: 'Title length must be between 3 and 40 characters',
-    descriptionValidationError: 'Description length must be between 3 and 160 characters',
+    titleValidationError: 'Title length must be between 3 and 20 characters',
+    descriptionValidationError: 'Description length must be between 3 and 80 characters',
     installFromDiskBackup: 'Restore from this server',
     installedAt: 'Installed At',
     internal: 'Internal',

package/lib/locales/es.js

@@ -747,7 +747,7 @@ export default {
       installToThisServer: 'Instalar en este servidor'
     },
     titleValidationError: 'La longitud del título debe ser de al menos 3 caracteres',
-    descriptionValidationError: 'La longitud de la descripción debe estar entre 3 y 160 caracteres',
+    descriptionValidationError: 'La longitud de la descripción debe estar entre 3 y 80 caracteres',
     whyNeedAppPid: 'Si se ha migrado su aplicación, el DID permanente es el DID generado cuando este Blocklet se instaló originalmente.'
   },
   dashboard: {

package/lib/locales/fr.js

@@ -747,7 +747,7 @@ export default {
       installToThisServer: 'Installer sur ce serveur'
     },
     titleValidationError: "La longueur du titre doit être d'au moins 3 caractères",
-    descriptionValidationError: 'La longueur de la description doit être comprise entre 3 et 160 caractères',
+    descriptionValidationError: 'La longueur de la description doit être comprise entre 3 et 80 caractères',
     whyNeedAppPid: "Si votre application a été migrée, le DID permanent est le DID généré lors de l'installation initiale de ce Blocklet."
   },
   dashboard: {

package/lib/locales/hi.js

@@ -747,7 +747,7 @@ export default {
       installToThisServer: 'इस सर्वर पर स्थापित करें'
     },
     titleValidationError: 'शीर्षक की लंबाई कम से कम 3 अक्षर होनी चाहिए',
-    descriptionValidationError: 'विवरण की लंबाई 3 और 160 वर्णों के बीच होनी चाहिए',
+    descriptionValidationError: 'विवरण लंबाई 3 और 80 वर्णों के बीच होना चाहिए',
     whyNeedAppPid: 'अगर आपका एप्लीकेशन माइग्रेट कर दिया गया है, तो परमानेंट DID वही DID है जो उस समय जनरेट की गई थी जब पहली बार यह ब्लॉकलेट इंस्टॉल किया गया था।'
   },
   dashboard: {

package/lib/locales/id.js

@@ -747,7 +747,7 @@ export default {
       installToThisServer: 'Pasang ke server ini'
     },
     titleValidationError: 'Panjang judul harus setidaknya 3 karakter',
-    descriptionValidationError: 'Panjang deskripsi harus antara 3 dan 160 karakter.',
+    descriptionValidationError: 'Panjang deskripsi harus antara 3 dan 80 karakter',
     whyNeedAppPid: 'Jika aplikasi Anda telah dimigrasikan, DID permanen adalah DID yang dihasilkan saat Blocklet ini pertama kali dipasang'
   },
   dashboard: {

package/lib/locales/ja.js

@@ -747,7 +747,7 @@ export default {
       installToThisServer: 'このサーバーにインストール'
     },
     titleValidationError: 'タイトルの長さは最低3文字以上である必要があります',
-    descriptionValidationError: '説明の長さは3から160文字の間でなければなりません',
+    descriptionValidationError: '説明の長さは3〜80文字の間でなければなりません',
     whyNeedAppPid: 'アプリケーションが移行されている場合、永続的な DID はこの Blocklet が最初にインストールされたときに生成された DID です。'
   },
   dashboard: {

package/lib/locales/ko.js

@@ -747,7 +747,7 @@ export default {
       installToThisServer: '이 서버에 설치'
     },
     titleValidationError: '제목 길이는 최소 3자 이상이어야 합니다',
-    descriptionValidationError: '설명 길이는 3에서 160자 사이여야 합니다',
+    descriptionValidationError: '설명 길이는 3에서 80 자여야합니다.',
     whyNeedAppPid: '애플리케이션이 마이그레이션된 경우 영구 DID는 이 Blocklet이 처음 설치되었을 때 생성된 DID입니다.'
   },
   dashboard: {

package/lib/locales/pt.js

@@ -747,7 +747,7 @@ export default {
       installToThisServer: 'Instale neste servidor'
     },
     titleValidationError: 'O comprimento do título deve ter pelo menos 3 caracteres',
-    descriptionValidationError: 'O comprimento da descrição deve estar entre 3 e 160 caracteres.',
+    descriptionValidationError: 'O comprimento da descrição deve estar entre 3 e 80 caracteres',
     whyNeedAppPid: 'Se o seu aplicativo foi migrado, o DID permanente é o DID gerado quando este Blocklet foi instalado originalmente'
   },
   dashboard: {

package/lib/locales/ru.js

@@ -747,7 +747,7 @@ export default {
       installToThisServer: 'Установить на этот сервер'
     },
     titleValidationError: 'Длина заголовка должна быть не менее 3 символов',
-    descriptionValidationError: 'Длина описания должна быть от 3 до 160 символов',
+    descriptionValidationError: 'Длина описания должна быть от 3 до 80 символов',
     whyNeedAppPid: 'Если ваше приложение перенесено, постоянный DID — это DID, созданный при первоначальной установке этого Blocklet.'
   },
   dashboard: {

package/lib/locales/th.js

@@ -747,7 +747,7 @@ export default {
       installToThisServer: 'ติดตั้งลงในเซิร์ฟเวอร์นี้'
     },
     titleValidationError: 'ความยาวของชื่อต้องมีอย่างน้อย 3 ตัวอักษร',
-    descriptionValidationError: 'ความยาวคำอธิบายต้องอยู่ระหว่าง 3 ถึง 160 ตัวอักษร.',
+    descriptionValidationError: 'ความยาวของคำอธิบายต้องอยู่ระหว่าง 3 และ 80 ตัวอักษร',
     whyNeedAppPid: 'หากแอปพลิเคชันของคุณได้รับการโยกย้ายมา DID ถาวรคือ DID ที่สร้างขึ้นเมื่อติดตั้ง Blocklet นี้เริ่มแรก'
   },
   dashboard: {

package/lib/locales/vi.js

@@ -747,7 +747,7 @@ export default {
       installToThisServer: 'Cài đặt vào máy chủ này'
     },
     titleValidationError: 'Độ dài tiêu đề phải ít nhất 3 ký tự',
-    descriptionValidationError: 'Chiều dài mô tả phải từ 3 đến 160 ký tự.',
+    descriptionValidationError: 'Độ dài mô tả phải từ 3 đến 80 ký tự',
     whyNeedAppPid: 'Nếu ứng dụng của bạn đã được di chuyển, DID vĩnh viễn là DID được tạo khi Blocklet này được cài đặt ban đầu'
   },
   dashboard: {

package/lib/locales/zh-tw.js

@@ -747,7 +747,7 @@ export default {
       installToThisServer: '安裝至此伺服器'
     },
     titleValidationError: '標題長度必須至少為3到40個字符',
-    descriptionValidationError: '描述長度必須介於3到160個字符之間',
+    descriptionValidationError: '描述長度必須介於3到80個字元之間',
     whyNeedAppPid: '如果已遷移您的應用程式，永久 DID 是最初安裝此 Blocklet 時產生的 DID。'
   },
   dashboard: {

package/lib/locales/zh.js

@@ -748,7 +748,7 @@ export default {
       installToThisServer: '安装到此服务器'
     },
     titleValidationError: '标题长度必须至少为3到40个字符',
-    descriptionValidationError: '描述长度必须在3到160个字符之间'
+    descriptionValidationError: '描述长度必须介于3到80个字符之间'
   },
   dashboard: {
     nodeDid: '节点地址',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abtnode/ux",
-  "version": "1.16.30-beta-b80c7bcd",
+  "version": "1.16.30-beta-5d9c2c41",
   "description": "UX components shared across abtnode packages",
   "publishConfig": {
     "access": "public"
@@ -25,25 +25,25 @@
   "author": "linchen <linchen1987@foxmail.com> (http://github.com/linchen1987)",
   "license": "Apache-2.0",
   "dependencies": {
-    "@abtnode/auth": "1.16.30-beta-b80c7bcd",
-    "@abtnode/constant": "1.16.30-beta-b80c7bcd",
-    "@abtnode/util": "1.16.30-beta-b80c7bcd",
+    "@abtnode/auth": "1.16.30-beta-5d9c2c41",
+    "@abtnode/constant": "1.16.30-beta-5d9c2c41",
+    "@abtnode/util": "1.16.30-beta-5d9c2c41",
     "@ahooksjs/use-url-state": "^3.5.1",
-    "@arcblock/did": "^1.18.128",
-    "@arcblock/did-connect": "^2.10.14",
+    "@arcblock/did": "^1.18.130",
+    "@arcblock/did-connect": "^2.10.21",
     "@arcblock/did-motif": "^1.1.13",
-    "@arcblock/icons": "^2.10.14",
-    "@arcblock/nft-display": "2.10.14",
-    "@arcblock/react-hooks": "^2.10.14",
-    "@arcblock/terminal": "^2.10.14",
-    "@arcblock/ux": "^2.10.14",
-    "@blocklet/constant": "1.16.30-beta-b80c7bcd",
-    "@blocklet/js-sdk": "1.16.30-beta-b80c7bcd",
-    "@blocklet/launcher-layout": "2.3.40",
-    "@blocklet/list": "^0.13.14",
-    "@blocklet/meta": "1.16.30-beta-b80c7bcd",
-    "@blocklet/ui-react": "^2.10.14",
-    "@blocklet/uploader": "0.1.20",
+    "@arcblock/icons": "^2.10.21",
+    "@arcblock/nft-display": "2.10.21",
+    "@arcblock/react-hooks": "^2.10.21",
+    "@arcblock/terminal": "^2.10.21",
+    "@arcblock/ux": "^2.10.21",
+    "@blocklet/constant": "1.16.30-beta-5d9c2c41",
+    "@blocklet/js-sdk": "1.16.30-beta-5d9c2c41",
+    "@blocklet/launcher-layout": "2.10.21",
+    "@blocklet/list": "^0.13.18",
+    "@blocklet/meta": "1.16.30-beta-5d9c2c41",
+    "@blocklet/ui-react": "^2.10.21",
+    "@blocklet/uploader": "0.1.21",
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
     "@iconify-icons/logos": "^1.2.36",
@@ -56,7 +56,7 @@
     "@mui/styles": "^5.15.11",
     "@mui/x-date-pickers": "^6.19.0",
     "@mui/x-tree-view": "^6.17.0",
-    "@ocap/client": "1.18.128",
+    "@ocap/client": "1.18.130",
     "@uiw/react-markdown-preview": "^5.1.1",
     "ahooks": "^3.7.8",
     "axios": "^1.7.2",
@@ -108,5 +108,5 @@
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0"
   },
-  "gitHead": "9d68833290b1a59357b7c362018416b82b5d1503"
+  "gitHead": "d9227f08e11c1d82969880b30b2a2e3639e88def"
 }