@abtnode/ux 1.16.28 → 1.16.29-beta-e04c6f40

package/lib/blocklet/add-cert.js

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import useAsyncRetry from 'react-use/lib/useAsyncRetry';
 import Tooltip from '@mui/material/Tooltip';
 import CircularProgress from '@mui/material/CircularProgress';
-import Alert from '@arcblock/ux/lib/Alert';
+import Alert from '@mui/material/Alert';
 import Toast from '@arcblock/ux/lib/Toast';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 import { BlockletEvents } from '@blocklet/constant';
@@ -121,7 +121,7 @@ function Add(props) {
     title: t('router.cert.genLetsEncryptCert.title'),
     description: /*#__PURE__*/_jsxs("div", {
       children: [/*#__PURE__*/_jsx(Alert, {
-        type: "success",
+        severity: "success",
         children: t('router.cert.genLetsEncryptCert.dnsTip')
       }), t('router.cert.genLetsEncryptCert.description')]
     }),

package/lib/blocklet/component/add-component/add-component-core.js

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import { useEffect, useRef, useState } from 'react';
 import { useParams } from 'react-router-dom';
 import { isInServerlessMode } from '@abtnode/util/lib/serverless';
-import Alert from '@arcblock/ux/lib/Alert';
+import Alert from '@mui/material/Alert';
 import AnimationWaiter from '@arcblock/ux/lib/AnimationWaiter';
 import Button from '@arcblock/ux/lib/Button';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
@@ -887,7 +887,7 @@ export default function AddComponentCore({
             }));
           }
         }), !!error && /*#__PURE__*/_jsx(Alert, {
-          type: "error",
+          severity: "error",
           style: {
             width: '100%',
             marginTop: 8

package/lib/blocklet/component/did-space/connect-to.js

@@ -7,7 +7,7 @@ import { joinURL } from 'ufo';
 import toast from '@arcblock/ux/lib/Toast';
 import SplitButton from '@arcblock/ux/lib/SplitButton';
 import Dialog from '@arcblock/ux/lib/Dialog';
-import Alert from '@arcblock/ux/lib/Alert';
+import Alert from '@mui/material/Alert';
 import { func } from 'prop-types';
 import isEmpty from 'lodash/isEmpty';
 import useBlockletInfoForConnectDIDSpaces from '../../../hooks/use-blocklet-info-for-connect-did-spaces';
@@ -333,7 +333,7 @@ function ConnectTo({
           })
         })
       }), Boolean(errorMessage) && /*#__PURE__*/_jsx(Alert, {
-        type: "error",
+        severity: "error",
         style: {
           width: '100%'
         },

package/lib/blocklet/install-from-url.js

@@ -12,7 +12,7 @@ import InfoRow from '@arcblock/ux/lib/InfoRow';
 import DidConnect from '@arcblock/did-connect/lib/Connect';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 import Button from '@arcblock/ux/lib/Button';
-import Alert from '@arcblock/ux/lib/Alert';
+import Alert from '@mui/material/Alert';
 import { getDisplayName } from '@blocklet/meta/lib/util';
 import { useNodeContext } from '../contexts/node';
 import { useSessionContext } from '../contexts/session';
@@ -288,7 +288,7 @@ export default function InstallFromUrl({
         },
         children: step.body
       }), !!error && /*#__PURE__*/_jsx(Alert, {
-        type: "error",
+        severity: "error",
         style: {
           width: '100%',
           marginTop: 8

package/lib/blocklet/migration.js

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import Box from '@mui/material/Box';
-import Alert from '@arcblock/ux/lib/Alert';
+import Alert from '@mui/material/Alert';
 import Button from '@arcblock/ux/lib/Button';
 import { APP_STRUCT_VERSION, DEFAULT_DID_DOMAIN, DEFAULT_IP_DOMAIN_SUFFIX } from '@abtnode/constant';
 import DidConnect from '@arcblock/did-connect/lib/Connect';
@@ -95,7 +95,7 @@ export default function BlockletMigration() {
   };
   const onClose = () => setOpenConnect(false);
   return [needMigration && /*#__PURE__*/_jsxs(Alert, {
-    type: "warning",
+    severity: "warning",
     style: {
       margin: '12px 0'
     },

package/lib/blocklet/notification/push-kit.js

@@ -6,6 +6,7 @@ import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 import Toast from '@arcblock/ux/lib/Toast';
 import Button from '@arcblock/ux/lib/Button';
 import isURL from 'validator/lib/isURL';
+import { joinURL, withQuery } from 'ufo';
 import { useNodeContext } from '../../contexts/node';
 import { useBlockletContext } from '../../contexts/blocklet';
 import useConfirm from '../../hooks/confirm';
@@ -82,15 +83,28 @@ function NotificationPushKit() {
       if (formState.isDirty) {
         await onSubmit(data, event, false);
       }
+      const appUrl = (blocklet?.configs || []).find(x => x.key === 'BLOCKLET_APP_URL')?.value;
       await api.sendPush({
         input: {
           did,
           receiver: pageState.testReceiver,
           notification: JSON.stringify({
-            title: 'Test push-kit notification',
-            body: 'This is message from push-kit config test',
             type: 'passthrough',
-            passthroughType: 'messageStatus'
+            passthroughType: 'messageStatus',
+            data: {
+              message: {
+                title: 'Test push-kit notification',
+                body: 'This is message from push-kit config test',
+                sender: {
+                  did: blocklet?.appDid,
+                  fullName: blocklet?.meta?.title,
+                  avatar: withQuery(joinURL(appUrl, '/.well-known/service/blocklet/logo'), {
+                    v: blocklet?.meta?.version,
+                    t: new Date(blocklet?.updatedAt || 0).getTime()
+                  })
+                }
+              }
+            }
           })
         }
       });

package/lib/blocklet/publish/create-release/blocklets.js

@@ -155,7 +155,7 @@ export default function Blocklets({
           rowsPerPage: 50
         }
       }), /*#__PURE__*/_jsx(Alert, {
-        type: "info",
+        severity: "info",
         style: {
           width: '100%'
         },

package/lib/blocklet/publish/create-release/branding.js

@@ -169,6 +169,7 @@ function Branding({
               children: /*#__PURE__*/_jsx(ConnectStoreButton, {
                 blocklet: blocklet,
                 store: wantToConnectStore,
+                componentDid: componentDid,
                 onChangeStore: setWantToConnectStore,
                 disabled: !params.blockletTitle || readOnly || loading,
                 loading: loading,
@@ -178,7 +179,7 @@ function Branding({
           },
           error: !!paramsErrTip.projectId,
           helperText: paramsErrTip.projectId || '',
-          value: projectId === UNOWNED_DID ? '' : projectId,
+          value: projectId === UNOWNED_DID ? '' : `did:abt:${projectId}`,
           sx: {
             mt: 3
           }

package/lib/blocklet/publish/create-release/connect-store-button.js

@@ -1,16 +1,16 @@
-import { useState, useRef } from 'react';
-import PropTypes from 'prop-types';
-import Button from '@mui/material/Button';
-import ButtonGroup from '@mui/material/ButtonGroup';
-import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
-import ClickAwayListener from '@mui/material/ClickAwayListener';
-import Grow from '@mui/material/Grow';
-import Paper from '@mui/material/Paper';
-import Popper from '@mui/material/Popper';
-import MenuItem from '@mui/material/MenuItem';
-import MenuList from '@mui/material/MenuList';
-import Spinner from '@mui/material/CircularProgress';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
+import { BLOCKLET_TENANT_MODES } from '@blocklet/constant';
+import AddIcon from '@mui/icons-material/Add';
+import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
+import { Button, ButtonGroup, CircularProgress, ClickAwayListener, Divider, Grow, IconButton, MenuItem, MenuList, Paper, Popper, Typography } from '@mui/material';
+import PropTypes from 'prop-types';
+import { Icon } from '@iconify/react';
+import { useRef, useState } from 'react';
+import Toast from '@arcblock/ux/lib/Toast';
+import formatError from '@abtnode/util/lib/format-error';
+import AddStore from '../../../store/add';
+import { useNodeContext } from '../../../contexts/node';
+import ConfirmDialog from '../../../confirm';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 export default function ConnectStoreButton({
   blocklet,
@@ -18,19 +18,25 @@ export default function ConnectStoreButton({
   onChangeStore,
   onClick,
   disabled,
-  loading
+  loading,
+  componentDid
 }) {
   const {
     t
   } = useLocaleContext();
   const [open, setOpen] = useState(false);
   const anchorRef = useRef(null);
-  const handleMenuItemClick = nextStore => {
+  const [openAddStore, setOpenAddStore] = useState(false);
+  const {
+    api
+  } = useNodeContext();
+  const [deleteStore, setDeleteStore] = useState(null);
+  const handleSelectStore = nextStore => {
     onChangeStore(nextStore);
     setOpen(false);
   };
   const handleToggle = () => {
-    setOpen(prevOpen => !prevOpen);
+    setOpen(true);
   };
   const handleClose = event => {
     if (anchorRef.current && anchorRef.current.contains(event.target)) {
@@ -38,7 +44,32 @@ export default function ConnectStoreButton({
     }
     setOpen(false);
   };
-  const options = blocklet?.settings?.storeList || [];
+  const handleOpenAddStore = () => {
+    setOpenAddStore(true);
+  };
+  const handleCloseAddStore = () => {
+    setOpenAddStore(false);
+  };
+  const handleDeleteStore = async () => {
+    if (!deleteStore) {
+      return;
+    }
+    try {
+      await api.deleteBlockletStore({
+        input: {
+          teamDid: blocklet.meta.did,
+          url: deleteStore.url,
+          projectId: ''
+        }
+      });
+      setDeleteStore(null);
+    } catch (err) {
+      Toast.error(`Remove Blocklet Store Error: ${formatError(err)}`);
+    }
+  };
+  const storeList = blocklet?.settings?.storeList || [];
+  const did = blocklet?.meta?.did;
+  const manageable = !(componentDid && window.blocklet?.tenantMode === BLOCKLET_TENANT_MODES.MULTIPLE);
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsxs(ButtonGroup, {
       disabled: disabled,
@@ -48,7 +79,7 @@ export default function ConnectStoreButton({
       "aria-label": "Button group with connect store",
       children: [/*#__PURE__*/_jsxs(Button, {
         onClick: onClick,
-        children: [loading && /*#__PURE__*/_jsx(Spinner, {
+        children: [loading && /*#__PURE__*/_jsx(CircularProgress, {
           size: 14,
           sx: {
             mr: 0.5
@@ -83,18 +114,60 @@ export default function ConnectStoreButton({
         children: /*#__PURE__*/_jsx(Paper, {
           children: /*#__PURE__*/_jsx(ClickAwayListener, {
             onClickAway: handleClose,
-            children: /*#__PURE__*/_jsx(MenuList, {
+            children: /*#__PURE__*/_jsxs(MenuList, {
               id: "split-button-menu",
               autoFocusItem: true,
-              children: options.map(option => /*#__PURE__*/_jsx(MenuItem, {
+              children: [storeList.map(option => /*#__PURE__*/_jsxs(MenuItem, {
                 selected: option.id === store.id,
-                onClick: () => handleMenuItemClick(option),
-                children: option.name
-              }, option))
+                sx: {
+                  height: 40
+                },
+                onClick: () => handleSelectStore(option),
+                children: [/*#__PURE__*/_jsx(Typography, {
+                  variant: "inherit",
+                  children: option.name
+                }), manageable && !option.protected && /*#__PURE__*/_jsx(IconButton, {
+                  sx: {
+                    ml: 1
+                  },
+                  onClick: e => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    setDeleteStore(option);
+                  },
+                  children: /*#__PURE__*/_jsx(Icon, {
+                    icon: "ic:outline-delete"
+                  })
+                })]
+              }, option.url)), manageable && /*#__PURE__*/_jsx(Divider, {}), manageable && /*#__PURE__*/_jsxs(MenuItem, {
+                onClick: handleOpenAddStore,
+                children: [/*#__PURE__*/_jsx(AddIcon, {
+                  font: true
+                }), /*#__PURE__*/_jsx(Typography, {
+                  variant: "inherit",
+                  children: t('store.blockletRegistry.addRegistry')
+                })]
+              })]
             })
           })
         })
       })
+    }), openAddStore && /*#__PURE__*/_jsx(AddStore, {
+      hiddenChildren: true,
+      open: true,
+      onClose: handleCloseAddStore,
+      teamDid: did,
+      storeList: storeList,
+      scope: "studio"
+    }), deleteStore && /*#__PURE__*/_jsx(ConfirmDialog, {
+      displayError: true,
+      title: `${t('common.delete')} ${deleteStore.name}`,
+      description: t('blocklet.publish.deleteStoreTip', {
+        name: deleteStore.name
+      }),
+      confirm: t('common.confirm'),
+      onConfirm: handleDeleteStore,
+      onCancel: () => setDeleteStore(null)
     })]
   });
 }
@@ -104,7 +177,10 @@ ConnectStoreButton.propTypes = {
   onChangeStore: PropTypes.func.isRequired,
   onClick: PropTypes.func.isRequired,
   loading: PropTypes.bool.isRequired,
-  disabled: PropTypes.bool.isRequired
+  disabled: PropTypes.bool.isRequired,
+  componentDid: PropTypes.string.isRequired,
+  projectType: PropTypes.string.isRequired,
+  getData: PropTypes.func.isRequired
 };
 ConnectStoreButton.defaultProps = {
   store: null,

package/lib/blocklet/publish/create-release/connect-store-list.js

@@ -1,14 +1,13 @@
 import { useMemo } from 'react';
 import PropTypes from 'prop-types';
-import { Box, List, ListItem, ListItemText } from '@mui/material';
-import Alert from '@arcblock/ux/lib/Alert';
+import { Box, List, Alert, ListItem, ListItemText } from '@mui/material';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 import LaunchIcon from '@mui/icons-material/Launch';
 import { blueGrey } from '@mui/material/colors';
 import { BLOCKLET_TENANT_MODES } from '@blocklet/constant';
 import AddStore from '../../../store/add';
 import StoreItem from '../../../store/item';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 function ConnectStoreList({
   blocklet,
   releaseId,
@@ -20,7 +19,9 @@ function ConnectStoreList({
   onDelete,
   projectType,
   componentDid,
-  onOpenConnectStore
+  onOpenConnectStore,
+  behavior,
+  onSelectConnectStore
 }) {
   const {
     t
@@ -36,27 +37,9 @@ function ConnectStoreList({
     }, {});
   }, [connectedStores]);
   const did = blocklet?.meta?.did;
-  const handleAddStore = () => {};
-  return /*#__PURE__*/_jsxs(List, {
-    children: [storeList?.map(x => /*#__PURE__*/_jsx(ListItem, {
-      "data-cy": "store-switch",
-      children: /*#__PURE__*/_jsx(ListItemText, {
-        children: /*#__PURE__*/_jsx(StoreItem, {
-          releaseId: releaseId,
-          projectId: projectId,
-          releaseType: releaseType,
-          kind: "publish",
-          teamDid: did,
-          store: x,
-          published: publishedStoreIds?.indexOf(x.id) > -1,
-          connectedStore: connectedMap[x.id],
-          onPublish: onPublish,
-          onDelete: onDelete,
-          onOpenConnectStore: onOpenConnectStore
-        })
-      })
-    }, x.url)), !!storeList?.length && /*#__PURE__*/_jsx(Alert, {
-      type: "info",
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [behavior === 'connect' && !!storeList?.length && /*#__PURE__*/_jsx(Alert, {
+      severity: "info",
       style: {
         width: '100%'
       },
@@ -74,10 +57,31 @@ function ConnectStoreList({
           }
         })]
       })
+    }), /*#__PURE__*/_jsx(List, {
+      children: storeList?.map(x => /*#__PURE__*/_jsx(ListItem, {
+        "data-cy": "store-switch",
+        children: /*#__PURE__*/_jsx(ListItemText, {
+          children: /*#__PURE__*/_jsx(StoreItem, {
+            behavior: behavior,
+            onSelectConnectStore: onSelectConnectStore,
+            releaseId: releaseId,
+            projectId: projectId,
+            releaseType: releaseType,
+            kind: "publish",
+            teamDid: did,
+            store: x,
+            published: publishedStoreIds?.indexOf(x.id) > -1,
+            connectedStore: connectedMap[x.id],
+            onPublish: onPublish,
+            onDelete: onDelete,
+            onOpenConnectStore: onOpenConnectStore
+          })
+        })
+      }, x.url))
     }), componentDid && window.blocklet?.tenantMode === BLOCKLET_TENANT_MODES.MULTIPLE ? null : /*#__PURE__*/_jsx(AddStore, {
-      onAdd: handleAddStore,
       teamDid: did,
-      storeList: storeList
+      storeList: storeList,
+      scope: "studio"
     })]
   });
 }
@@ -92,7 +96,9 @@ ConnectStoreList.propTypes = {
   connectedStores: PropTypes.arrayOf(PropTypes.object).isRequired,
   projectType: PropTypes.string,
   componentDid: PropTypes.string,
-  onOpenConnectStore: PropTypes.func
+  onOpenConnectStore: PropTypes.func,
+  onSelectConnectStore: PropTypes.func,
+  behavior: PropTypes.string
 };
 ConnectStoreList.defaultProps = {
   projectType: '',
@@ -100,6 +106,8 @@ ConnectStoreList.defaultProps = {
   publishedStoreIds: [],
   onPublish: () => {},
   onDelete: () => {},
-  onOpenConnectStore: () => {}
+  onOpenConnectStore: () => {},
+  onSelectConnectStore: () => {},
+  behavior: 'connect'
 };
 export default ConnectStoreList;

package/lib/blocklet/publish/create-release/index.js

@@ -53,7 +53,9 @@ const addComponentTabs = ({
   });
 };
 const pickParams = (baseParams, app) => {
-  const params = pick(baseParams, ['blockletVersion', 'blockletTitle', 'blockletDescription', 'blockletLogo', 'blockletIntroduction', 'blockletScreenshots', 'connectedStores', 'blockletComponents', 'lastReleaseId', 'uploadedResource', 'note']);
+  const params = pick(baseParams, ['blockletVersion', 'blockletTitle', 'blockletDescription', 'blockletLogo', 'blockletIntroduction', 'blockletScreenshots', 'connectedStores', 'blockletComponents', 'lastReleaseId', 'uploadedResource'
+  // 'note',
+  ]);
   if (!params.blockletComponents) {
     params.blockletComponents = (app.children || []).map(x => ({
       did: x.meta.did,
@@ -145,7 +147,7 @@ export default function CreateRelease({
       });
     }
   }, [projectId, setParamsErrTip]);
-  const projectType = useMemo(() => params?.blockletComponents?.some(x => x.included) ? 'pack' : 'resource', [params?.blockletComponents]);
+  const projectType = useMemo(() => params?.blockletComponents?.some(x => x.included) || params?.uploadedResource ? 'pack' : 'resource', [params?.blockletComponents, params?.uploadedResource]);
   const tabs = [];
   const resourceComponents = (blocklet?.children || []).filter(x => x.meta.resource?.exportApi).filter(x => !componentDid || x.meta.did === componentDid);
   resourceComponents.forEach(item => {
@@ -338,6 +340,7 @@ export default function CreateRelease({
       initLogoUrl: initLogoUrl,
       releaseId: releaseId,
       projectId: projectId,
+      projectType: projectType,
       resourceComponents: resourceComponents,
       resourceComponentsMap: resourceComponentsMap,
       resourceRelateComponents: resourceRelateComponents,

package/lib/blocklet/publish/release-list.js

@@ -241,10 +241,11 @@ export default function ReleaseList() {
           installUrl = url.href;
           downloadUrl = joinURL(`${WELLKNOWN_SERVICE_PATH_PREFIX}/api/project/${blocklet.meta.did}/${project.id}/${project.lastReleaseId}/download/${(project.lastReleaseFiles || [])[0]}`);
         }
+        const projectType = project.blockletComponents?.some(x => x.included) || release.uploadedResource ? 'pack' : 'resource';
         return /*#__PURE__*/_jsxs(Box, {
           display: "flex",
           alignItems: "center",
-          children: [published && project.type === 'pack' && /*#__PURE__*/_jsx(Tooltip, {
+          children: [published && projectType === 'pack' && /*#__PURE__*/_jsx(Tooltip, {
             title: t('blocklet.publish.install', {
               name: project.blockletTitle
             }),

package/lib/blocklet/storage/connect-to.js

@@ -7,7 +7,7 @@ import { joinURL } from 'ufo';
 import toast from '@arcblock/ux/lib/Toast';
 import SplitButton from '@arcblock/ux/lib/SplitButton';
 import Dialog from '@arcblock/ux/lib/Dialog';
-import Alert from '@arcblock/ux/lib/Alert';
+import Alert from '@mui/material/Alert';
 import { isEmpty } from 'lodash';
 import { useBlockletContext } from '../../contexts/blocklet';
 import { axios } from '../../util/api';
@@ -339,7 +339,7 @@ function ConnectTo({
           })
         })
       }), Boolean(errorMessage) && /*#__PURE__*/_jsx(Alert, {
-        type: "error",
+        severity: "error",
         style: {
           width: '100%'
         },

package/lib/blocklet/transfer-owner.js

@@ -10,7 +10,7 @@ import Typography from '@mui/material/Typography';
 import Connect from '@arcblock/did-connect/lib/Connect';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 import Button from '@arcblock/ux/lib/Button';
-import Alert from '@arcblock/ux/lib/Alert';
+import Alert from '@mui/material/Alert';
 import FormControlLabel from '@mui/material/FormControlLabel';
 import Checkbox from '@mui/material/Checkbox';
 import ClickToCopy from '../click-to-copy';
@@ -176,7 +176,7 @@ export default function TransferOwner({
       component: "div",
       children: typeof step.body === 'function' ? step.body() : step.body
     }), !!error && /*#__PURE__*/_jsx(Alert, {
-      type: "error",
+      severity: "error",
       variant: "icon",
       children: error
     })]

package/lib/hooks/use-navigation.js

@@ -3,10 +3,12 @@ import cloneDeep from 'lodash/cloneDeep';
 import isNil from 'lodash/isNil';
 import omit from 'lodash/omit';
 import omitBy from 'lodash/omitBy';
+import { joinURL } from 'ufo';
 import { useMemo } from 'react';
 import { Chip } from '@mui/material';
-import { deepWalk, parseNavigation, isMatchSection, nestNavigationList, filterNavigation, joinLink, cleanOrphanNavigation, flattenNavigation } from '@blocklet/meta/lib/parse-navigation-from-blocklet';
+import { deepWalk, parseNavigation, isMatchSection, nestNavigationList, filterNavigation, joinLink, cleanOrphanNavigation, flattenNavigation, cleanOldNavigationHistory } from '@blocklet/meta/lib/parse-navigation-from-blocklet';
 import { WELLKNOWN_SERVICE_PATH_PREFIX } from '@abtnode/constant';
+import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 import { useBlockletContext } from '../contexts/blocklet';
 import { nanoid } from '../util';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -69,11 +71,38 @@ function isSameNavigation(a, b) {
   }
   return a.id === b.id;
 }
+const createNavigationItem = (id, title, icon, link) => ({
+  id,
+  from: 'tmpl',
+  title,
+  icon,
+  link: joinURL(WELLKNOWN_SERVICE_PATH_PREFIX, link)
+});
+const createNavigationSection = (id, title, items) => ({
+  id,
+  from: 'tmpl',
+  title,
+  role: ['owner', 'admin', 'member'],
+  section: ['dashboard'],
+  link: '',
+  items
+});
+const ensureServiceNavigation = (t, input) => {
+  const navigation = cleanOldNavigationHistory(input);
+  const index = navigation.findIndex(x => x.id === '/team');
+  if (index === -1) {
+    navigation.unshift(createNavigationSection('/team', t('navigation.blockletService'), [createNavigationItem('dashboard', t('navigation.dashboard'), 'ant-design:dashboard-outlined', '/admin'), createNavigationItem('member', t('navigation.members'), 'ant-design:user-outlined', '/admin/members'), createNavigationItem('passport', t('navigation.passport'), 'icon-park-outline:passport', '/admin/passports'), createNavigationItem('studio', t('navigation.studio'), 'eos-icons:subscriptions-created-outlined', '/admin/publish'), createNavigationItem('analytics', t('navigation.analytics'), 'mdi:chart-timeline-variant-shimmer', '/admin/analytics')]));
+  }
+  return navigation;
+};
 export default function useNavigation() {
   const {
     blocklet,
     actions
   } = useBlockletContext();
+  const {
+    t
+  } = useLocaleContext();
   const {
     navigationList,
     components,
@@ -87,7 +116,7 @@ export default function useNavigation() {
           copyList.push(item);
         }
       });
-      return copyList;
+      return ensureServiceNavigation(t, copyList);
     }
   });
   const state = useReactive({