@blocklet/pages-kit 0.2.299 → 0.2.301

package/lib/types/builtin/async/ai-runtime/index.d.ts

@@ -1,24 +1,13 @@
-import { Assistant } from './api/assistant';
-import type { ChatBotProps } from './components/common/ChatBot';
-export * from './components/runtime/contexts/CurrentAgent';
-export * from './components/runtime/contexts/CurrentMessage';
-export * from './components/runtime/state/runtime';
-export * from './components/runtime/state/session';
-export { default as Runtime } from './components/runtime';
-export { default as SimplePage } from './components/runtime/components/SimplePage';
-export { default as SimpleChat } from './components/runtime/components/SimpleChat';
-export { default as PhotoGallery } from './components/runtime/components/PhotoGallery';
-export { default as AutoForm } from './components/runtime/components/AutoForm';
-export { default as SimpleOutput } from './components/runtime/components/SimpleOutput';
-export { default as ChatOutput } from './components/runtime/components/ChatOutput';
-export { default as PhotoGalleryItem } from './components/runtime/components/PhotoGalleryItem';
-export default function App(props: {
-    preload?: {
-        assistantId: string;
-        assistant: Assistant;
-    };
-}): import("react/jsx-runtime").JSX.Element;
-export declare function AIRuntime({ cacheId }: {
-    cacheId: string;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function ChatBot(props: ChatBotProps): import("react/jsx-runtime").JSX.Element;
+export * from './contexts/CurrentAgent';
+export * from './contexts/CurrentMessage';
+export * from './state/runtime';
+export * from './state/session';
+export { default as Runtime } from './runtime/Runtime';
+export { default as ChatBotButton } from './runtime/ChatBotButton';
+export { default as SimplePage } from './runtime-components/SimplePage';
+export { default as SimpleChat } from './runtime-components/SimpleChat';
+export { default as PhotoGallery } from './runtime-components/PhotoGallery';
+export { default as AutoForm } from './runtime-components/AutoForm';
+export { default as SimpleOutput } from './runtime-components/SimpleOutput';
+export { default as ChatOutput } from './runtime-components/ChatOutput';
+export { default as PhotoGalleryItem } from './runtime-components/PhotoGalleryItem';

package/lib/types/builtin/async/ai-runtime/runtime/ChatBotButton/index.d.ts

@@ -0,0 +1,5 @@
+export interface ChatBotProps {
+    aid: string;
+    working?: boolean;
+}
+export default function ChatBotButton({ aid, working }: ChatBotProps): import("react/jsx-runtime").JSX.Element;

package/lib/types/builtin/async/ai-runtime/runtime-components/PhotoGallery/index.d.ts

@@ -0,0 +1,4 @@
+export default function PhotoGallery({ resultTitle, primaryColor }: {
+    resultTitle?: string;
+    primaryColor?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/lib/types/builtin/async/ai-runtime/runtime-components/PhotoGalleryItem/index.d.ts

@@ -0,0 +1 @@
+export default function PhotoGalleryItem(): import("react/jsx-runtime").JSX.Element | import("react/jsx-runtime").JSX.Element[];

package/lib/types/builtin/async/ai-runtime/runtime-components/SimpleChat/index.d.ts

@@ -0,0 +1,6 @@
+import { ComponentProps } from 'react';
+import ScrollView from '../../components/ScrollView';
+export default function SimpleChat({ primaryColor, scrollViewProps, }: {
+    primaryColor?: string;
+    scrollViewProps?: ComponentProps<typeof ScrollView>;
+}): import("react/jsx-runtime").JSX.Element;

package/lib/types/builtin/async/ai-runtime/state/agent.d.ts

@@ -0,0 +1,17 @@
+import { StoreApi, UseBoundStore } from 'zustand';
+import { Agent } from '../api/agent';
+export interface AgentState {
+    loading?: boolean;
+    agent?: Agent;
+    error?: Error;
+    load: () => Promise<void>;
+}
+export declare const createAgentState: ({ aid, working, agent }: {
+    aid: string;
+    working?: boolean;
+    agent?: Agent;
+}) => UseBoundStore<StoreApi<AgentState>>;
+export declare function useAgentState({ aid, working }: {
+    aid: string;
+    working?: boolean;
+}): readonly [Agent, AgentState];

package/lib/types/builtin/async/ai-runtime/{components/runtime/state → state}/runtime.d.ts

@@ -1,8 +1,8 @@
 import { RuntimeOutputAppearancePage } from '@blocklet/ai-runtime/types';
 export declare function useRuntimeState(): {
     aid: string;
-    working: boolean;
-    agent: import("../../../api/assistant").Assistant;
+    working: boolean | undefined;
+    agent: import("../api/agent").Agent;
     appearancePage: RuntimeOutputAppearancePage | undefined;
     sessionState: import("./session").SessionState;
     childAgentId: string;

package/lib/types/builtin/async/ai-runtime/state/session.d.ts

@@ -1,37 +1,29 @@
-import { RuntimeOutputVariablesSchema } from '@blocklet/ai-runtime/types';
 import { StoreApi, UseBoundStore } from 'zustand';
 import { Message } from '../api/message';
 import { Session } from '../api/session';
 export interface MessageItem extends Omit<Message, 'id'> {
+    id?: string;
     loading?: boolean;
 }
 export interface SessionState {
     loading?: boolean;
+    loaded?: boolean;
     running?: boolean;
     session?: Session;
     messages?: MessageItem[];
+    noMoreMessage?: boolean;
+    messageLoading?: boolean;
     error?: Error;
-    metadata?: RuntimeOutputVariablesSchema;
-    updateSession: ({ parameters }: {
-        parameters: any;
-    }) => Promise<void>;
+    reset: () => void;
     load: () => Promise<void>;
+    loadMoreMessages: () => Promise<void>;
     execute: (options: {
-        assistantId: string;
+        aid: string;
+        working?: boolean;
         parameters: any;
         onResponseStart?: () => void;
-        includeSessionParameters?: boolean;
     }) => Promise<void>;
 }
-export declare const createSessionState: ({ sessionId, session }: {
-    sessionId: string;
-    session?: Session;
+export declare const createSessionState: ({ aid }: {
+    aid: string;
 }) => UseBoundStore<StoreApi<SessionState>>;
-export declare function useSessionState(options: {
-    sessionId: string;
-    required: true;
-}): [Session, SessionState];
-export declare function useSessionState(options: {
-    sessionId: string;
-    required?: false;
-}): [Session | undefined, SessionState];

package/lib/types/builtin/async/react-scroll-to-bottom.d.ts

@@ -9,7 +9,7 @@ declare const _default: () => Promise<{
         debug?: boolean | undefined;
         followButtonClassName?: string | undefined;
         initialScrollBehavior?: "auto" | "smooth" | undefined;
-        mode?: "bottom" | "top" | undefined;
+        mode?: "top" | "bottom" | undefined;
         nonce?: string | undefined;
         scroller?: ((values: {
             maxValue: number;
@@ -34,7 +34,7 @@ declare const _default: () => Promise<{
     useAtEnd(): [boolean];
     useAtStart(): [boolean];
     useAtTop(): [boolean];
-    useMode(): ["bottom" | "top"];
+    useMode(): ["top" | "bottom"];
     useSticky(): [boolean];
     FunctionContext: import("react").Context<{
         scrollTo: (scrollTop: number | "100%") => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/pages-kit",
-  "version": "0.2.299",
+  "version": "0.2.301",
   "description": "Pages Kit components and utils",
   "publishConfig": {
     "access": "public"
@@ -81,9 +81,9 @@
     "url": "git+https://github.com/blocklet/pages-kit.git"
   },
   "dependencies": {
-    "@arcblock/did-connect": "^2.9.76",
-    "@blocklet/ai-kit": "^0.1.29",
-    "@blocklet/ai-runtime": "^0.1.365",
+    "@arcblock/did-connect": "^2.9.77",
+    "@blocklet/ai-kit": "^0.1.30",
+    "@blocklet/ai-runtime": "^0.1.375",
     "@blocklet/js-sdk": "1.16.26",
     "@blocklet/sdk": "^1.16.26",
     "@iconify/react": "^4.1.1",
@@ -99,7 +99,7 @@
     "react-error-boundary": "^4.0.13",
     "react-frame-component": "^5.2.6",
     "react-helmet": "^6.1.0",
-    "react-hook-form": "^7.51.3",
+    "react-hook-form": "^7.51.4",
     "react-markdown": "^9.0.1",
     "react-scroll-to-bottom": "^4.2.0",
     "react-share": "^5.1.0",
@@ -123,14 +123,14 @@
     "react-router-dom": "^6.16.0"
   },
   "devDependencies": {
-    "@arcblock/ux": "^2.9.76",
+    "@arcblock/ux": "^2.9.77",
     "@emotion/cache": "^11.11.0",
     "@emotion/css": "^11.11.2",
     "@emotion/react": "^11.11.4",
     "@mui/icons-material": "^5.15.16",
     "@mui/lab": "^5.0.0-alpha.170",
     "@mui/material": "^5.15.16",
-    "@types/lodash": "^4.17.0",
+    "@types/lodash": "^4.17.1",
     "@types/mustache": "^4.2.5",
     "@types/node-fetch": "^2.6.11",
     "@types/react": "^18.3.1",

package/lib/cjs/builtin/async/ai-runtime/components/LoadingListItemButton.js

@@ -1,49 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const react_1 = require("react");
-function LoadingListItemButton(_a) {
-    var { children, confirmation } = _a, props = __rest(_a, ["children", "confirmation"]);
-    const [clicked, setClicked] = (0, react_1.useState)(false);
-    const [loading, setLoading] = (0, react_1.useState)(false);
-    const handleClick = (e) => __awaiter(this, void 0, void 0, function* () {
-        var _b;
-        if (loading)
-            return;
-        if (!clicked && confirmation) {
-            setClicked(true);
-            return;
-        }
-        try {
-            setLoading(true);
-            yield ((_b = props.onClick) === null || _b === void 0 ? void 0 : _b.call(props, e));
-        }
-        finally {
-            setClicked(false);
-            setLoading(false);
-        }
-    });
-    return ((0, jsx_runtime_1.jsxs)(material_1.ListItemButton, Object.assign({}, props, { onClick: handleClick, sx: Object.assign(Object.assign({}, props.sx), { display: 'flex', alignItems: 'center', gap: 1 }), children: [(clicked && confirmation) || children, (0, jsx_runtime_1.jsx)(material_1.Stack, { direction: "row", alignItems: "center", justifyContent: "flex-end", sx: { width: 18 }, children: loading && (0, jsx_runtime_1.jsx)(material_1.CircularProgress, { size: 14 }) })] })));
-}
-exports.default = LoadingListItemButton;

package/lib/cjs/builtin/async/ai-runtime/components/PoweredBy.js

@@ -1,22 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const locale_1 = require("../../../locale");
-function PoweredBy(_a) {
-    var { assistantId } = _a, props = __rest(_a, ["assistantId"]);
-    const { t } = (0, locale_1.useLocaleContext)();
-    return ((0, jsx_runtime_1.jsx)(material_1.Stack, Object.assign({ py: 0.5 }, props, { children: (0, jsx_runtime_1.jsx)(material_1.Stack, { className: "ai-chat-powered-by", direction: "row", justifyContent: "center", children: (0, jsx_runtime_1.jsxs)(material_1.Typography, { variant: "caption", sx: { display: 'inline-flex', alignItems: 'center', a: { display: 'inline-flex', alignItems: 'center' } }, children: [(0, jsx_runtime_1.jsxs)(material_1.Typography, { component: "span", fontSize: 12, color: "text.poweredBy", children: [t('poweredBy'), ' '] }), "\u00A0", (0, jsx_runtime_1.jsxs)(material_1.Link, { href: "https://www.arcblock.io", target: "_blank", color: "text.poweredBy", children: [(0, jsx_runtime_1.jsx)(material_1.Box, { component: "img", src: "https://www.arcblock.io/.well-known/service/blocklet/logo", sx: { height: 16, verticalAlign: 'middle', mr: 0.5, borderRadius: 0.5 } }), "ArcBlock"] }), "\u00A0\u00B7\u00A0", (0, jsx_runtime_1.jsxs)(material_1.Link, { href: "https://www.aigne.io", target: "_blank", color: "text.poweredBy", children: [(0, jsx_runtime_1.jsx)(material_1.Box, { component: "img", src: "https://www.aigne.io/.well-known/service/blocklet/logo", sx: { height: 16, verticalAlign: 'middle', mr: 0.5, borderRadius: 0.5 } }), "AIGNE"] })] }) }) })));
-}
-exports.default = PoweredBy;

package/lib/cjs/builtin/async/ai-runtime/components/collection/CollectionEditDialog.js

@@ -1,92 +0,0 @@
-"use strict";
-// import { Icon } from '@iconify/react';
-// import {
-//   Button,
-//   Dialog,
-//   DialogActions,
-//   DialogContent,
-//   DialogProps,
-//   DialogTitle,
-//   Stack,
-//   TextField,
-//   Typography,
-// } from '@mui/material';
-// import { useEffect } from 'react';
-// import { useForm } from 'react-hook-form';
-// import { useLocaleContext } from '../../../../locale';
-// import LoadingButton from '../LoadingButton';
-// export default function CollectionEditDialog({
-//   DialogProps,
-//   onSubmit,
-//   defaultValues,
-// }: {
-//   DialogProps?: DialogProps;
-//   onSubmit?: () => any;
-//   defaultValues?: any;
-// }) {
-//   const { t } = useLocaleContext();
-//   const form = useForm();
-//   useEffect(() => {
-//     if (DialogProps?.open) {
-//       form.reset({
-//         id: defaultValues?.id,
-//         name: defaultValues?.name || '',
-//         description: defaultValues?.description || '',
-//       });
-//     }
-//   }, [DialogProps?.open]);
-//   const isUpdate = !!form.watch('id');
-//   return (
-//     <Dialog
-//       {...DialogProps}
-//       open={DialogProps?.open || false}
-//       fullWidth
-//       maxWidth="sm"
-//       component="form"
-//       onSubmit={form.handleSubmit(onSubmit)}>
-//       <DialogTitle>{t(isUpdate ? 'editObject' : 'newObject', { object: t('collection') })}</DialogTitle>
-//       <DialogContent dividers>
-//         <Stack gap={2.5}>
-//           <Stack gap={0.5}>
-//             <Typography sx={{ fontWeight: 500 }}>{t('name')}</Typography>
-//             <TextField
-//               size="small"
-//               fullWidth
-//               hiddenLabel
-//               autoFocus
-//               placeholder={t('name')}
-//               {...form.register('name')}
-//             />
-//           </Stack>
-//           <Stack gap={0.5}>
-//             <Typography sx={{ fontWeight: 500 }}>{t('description')}</Typography>
-//             <TextField
-//               size="small"
-//               fullWidth
-//               hiddenLabel
-//               multiline
-//               placeholder={t('description')}
-//               minRows={3}
-//               {...form.register('description')}
-//             />
-//           </Stack>
-//         </Stack>
-//       </DialogContent>
-//       <DialogActions>
-//         <Button variant="outlined" color="black" size="small" onClick={DialogProps?.onClose}>
-//           {t('cancel')}
-//         </Button>
-//         <LoadingButton
-//           variant="contained"
-//           type="submit"
-//           color="black"
-//           size="small"
-//           startIcon={<Icon icon={isUpdate ? 'tabler:device-floppy' : 'tabler:plus'} />}
-//           loadingPosition="start"
-//           loading={form.formState.isSubmitting}>
-//           {t(isUpdate ? 'save' : 'create')}
-//         </LoadingButton>
-//       </DialogActions>
-//     </Dialog>
-//   );
-// }

package/lib/cjs/builtin/async/ai-runtime/components/collection/CollectionListView.js

@@ -1,197 +0,0 @@
-"use strict";
-// import { Icon } from '@iconify/react';
-// import {
-//   Box,
-//   Button,
-//   CircularProgress,
-//   ClickAwayListener,
-//   List,
-//   ListItemButton,
-//   Paper,
-//   Popper,
-//   Stack,
-//   Typography,
-// } from '@mui/material';
-// import { useEffect, useState } from 'react';
-// import { Link as RouterLink } from 'react-router-dom';
-// import { Toast } from '../../../../arcblock/ux';
-// import { useLocaleContext } from '../../../../locale';
-// import { useSessionContext } from '../../../../session';
-// import { Dataset } from '../../api/dataset';
-// import { useNavigateTo, useNavigateWithQuery } from '../../hooks/navigate';
-// import { createDatasetState } from '../../state';
-// import Layout from '../layout';
-// import LoadingListItemButton from '../LoadingListItemButton';
-// import CollectionEditDialog from './CollectionEditDialog';
-// export function CollectionListView({ releaseId }: { releaseId: string }) {
-//   const { t } = useLocaleContext();
-//   const { session: authSession } = useSessionContext();
-//   const datasetState = createDatasetState({ releaseId })();
-//   const navigate = useNavigateWithQuery();
-//   useEffect(() => {
-//     if (!datasetState.list && authSession.user) {
-//       datasetState.reload();
-//     }
-//   }, [authSession.user]);
-//   const [editTarget, setEditTarget] = useState<Partial<Dataset>>();
-//   const createCollection = async ({ id, name, description }: { id?: string; name?: string; description?: string }) => {
-//     try {
-//       if (id) {
-//         await datasetState.updateDataset(id, { name, description });
-//         setEditTarget(undefined);
-//       } else {
-//         const dataset = await datasetState.createDataset({ name, description });
-//         setEditTarget(undefined);
-//         navigate({ page: 'collection', datasetId: dataset.id });
-//       }
-//     } catch (error) {
-//       Toast.error(error.message);
-//       console.error('create collection error', error);
-//     }
-//   };
-//   const onEdit = async (item: Dataset) => {
-//     if (!authSession.user) {
-//       await new Promise<void>((resolve) => {
-//         authSession.login(() => resolve());
-//       });
-//     }
-//     setEditTarget(item);
-//   };
-//   return (
-//     <Layout>
-//       <Stack my={2.5}>
-//         <Typography component="h1" sx={{ fontSize: 18, lineHeight: '32px', fontWeight: 500, textAlign: 'center' }}>
-//           {t('collections')}
-//         </Typography>
-//       </Stack>
-//       <CollectionsView releaseId={releaseId} onEdit={onEdit} />
-//       <CollectionEditDialog
-//         DialogProps={{ open: !!editTarget, onClose: () => setEditTarget(undefined) }}
-//         defaultValues={editTarget}
-//         onSubmit={createCollection}
-//       />
-//     </Layout>
-//   );
-// }
-// function CollectionsView({ releaseId, onEdit }: { releaseId: string; onEdit?: (dataset?: Dataset) => void }) {
-//   const { t } = useLocaleContext();
-//   const datasetState = createDatasetState({ releaseId })();
-//   const to = useNavigateTo();
-//   const [menuState, setMenuState] = useState<{
-//     anchorEl: HTMLElement;
-//     dataset: Dataset;
-//   }>();
-//   return (
-//     <>
-//       <Stack
-//         gap={1.5}
-//         sx={{
-//           userSelect: 'none',
-//           '.item': {
-//             '.item-content': {
-//               borderRadius: 1,
-//               cursor: 'pointer',
-//               display: 'flex',
-//               flexDirection: 'row',
-//               alignItems: 'center',
-//               gap: 1,
-//               pl: 2.5,
-//               pr: 1.5,
-//               boxShadow: 1,
-//               bgcolor: 'background.paper',
-//               '.item-title': {
-//                 py: 1.5,
-//               },
-//             },
-//             '.hover-visible': { display: 'none' },
-//             '&.active,:hover': {
-//               '.item-content': {
-//                 boxShadow: 2,
-//                 '.hover-visible': {
-//                   display: 'block',
-//                 },
-//               },
-//             },
-//           },
-//         }}>
-//         {!datasetState.list?.length && (
-//           <Stack alignItems="center" gap={0.5} mt="10vh" mx={3}>
-//             {datasetState.loading ? (
-//               <CircularProgress size={24} />
-//             ) : (
-//               <>
-//                 <Typography fontSize={18}>📚</Typography>
-//                 <Typography fontSize={12} sx={{ color: 'text.secondary' }}>
-//                   {t('noData', { data: t('collection') })}
-//                 </Typography>
-//               </>
-//             )}
-//           </Stack>
-//         )}
-//         {datasetState.list?.map((item) => (
-//           <Stack
-//             key={item.id}
-//             className={`item ${item.id === menuState?.dataset?.id ? 'active' : ''}`}
-//             component={RouterLink}
-//             to={to({ page: 'collection', datasetId: item.id })}>
-//             <Stack className="item-content">
-//               <Typography className="item-title" noWrap flex={1} fontSize={13} fontWeight={500}>
-//                 {item.name || t('unnamed')}
-//               </Typography>
-//               <Box className="hover-visible">
-//                 <Button
-//                   sx={{ minWidth: 28, minHeight: 28, p: 0 }}
-//                   onClick={(e) => {
-//                     e.preventDefault();
-//                     setMenuState({
-//                       anchorEl: e.currentTarget,
-//                       dataset: item,
-//                     });
-//                   }}>
-//                   <Icon icon="mdi:more-horiz" fontSize={18} />
-//                 </Button>
-//               </Box>
-//             </Stack>
-//           </Stack>
-//         ))}
-//         <Box textAlign="center">
-//           <Button onClick={() => onEdit?.({})}>{t('createObject', { object: t('collection') })}</Button>
-//         </Box>
-//       </Stack>
-//       <Popper
-//         open={Boolean(menuState)}
-//         anchorEl={menuState?.anchorEl}
-//         placement="bottom-end"
-//         sx={{ zIndex: (theme) => theme.zIndex.modal + 1 }}>
-//         <ClickAwayListener onClickAway={() => setMenuState(undefined)}>
-//           <Paper
-//             sx={{
-//               mx: 1,
-//               mt: -0.25,
-//               boxShadow: `0px 8px 16px 0px rgba(2, 7, 19, 0.08), 0px 0px 0px 1px rgba(2, 7, 19, 0.08)`,
-//             }}>
-//             <List dense sx={{ p: 0.5, '.MuiButtonBase-root': { borderRadius: 1 } }}>
-//               <ListItemButton
-//                 onClick={async () => {
-//                   if (!menuState?.dataset) return;
-//                   setMenuState(undefined);
-//                   onEdit?.(menuState.dataset);
-//                 }}>
-//                 {t('rename')}
-//               </ListItemButton>
-//               <LoadingListItemButton
-//                 sx={{ color: 'error.main' }}
-//                 onClick={async () => {
-//                   if (!menuState?.dataset) return;
-//                   await datasetState.deleteDataset(menuState.dataset.id);
-//                   setMenuState(undefined);
-//                 }}>
-//                 {t('delete')}
-//               </LoadingListItemButton>
-//             </List>
-//           </Paper>
-//         </ClickAwayListener>
-//       </Popper>
-//     </>
-//   );
-// }