@blocklet/pages-kit 0.2.299 → 0.2.301

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

@@ -1,122 +0,0 @@
-"use strict";
-// import { Icon } from '@iconify/react';
-// import { Button, Stack, Typography } from '@mui/material';
-// import { useEffect, useState } from 'react';
-// import { Result, Toast } from '../../../../arcblock/ux';
-// import { useLocaleContext } from '../../../../locale';
-// import { getSessions } from '../../api/session';
-// import { useCurrentPage, useNavigateTo, useNavigateWithQuery } from '../../hooks/navigate';
-// import { createDatasetDetailState, createState } from '../../state';
-// import { parseIdentity } from '../../utils';
-// import { globalLoadingState } from '../GlobalLoading';
-// import Layout from '../layout';
-// import LoadingButton from '../LoadingButton';
-// export default function CollectionView({ releaseId }: { releaseId: string }) {
-//   const { t } = useLocaleContext();
-//   const state = createState({ releaseId })();
-//   const { datasetId } = useCurrentPage();
-//   if (!datasetId) throw new Error('Invalid datasetId');
-//   const datasetState = createDatasetDetailState({ datasetId })();
-//   const to = useNavigateTo();
-//   const navigate = useNavigateWithQuery();
-//   useEffect(() => {
-//     datasetState.reload();
-//   }, []);
-//   const startChat = async () => {
-//     try {
-//       const identity = parseIdentity(releaseId);
-//       await globalLoadingState.getState().run(async () => {
-//         const { sessions } = await getSessions(identity);
-//         const session =
-//           sessions?.find((i) => i.parameters.datasetId === datasetId) ??
-//           (await state.createSession({ name: datasetState.dataset?.name, parameters: { datasetId } }));
-//         navigate({ page: 'session', sessionId: session.id });
-//       });
-//     } catch (error) {
-//       Toast.error(error.message);
-//       console.error('create session error', error);
-//     }
-//   };
-//   const [uploading, setUploading] = useState(false);
-//   const handleUploadFile = () => {
-//     const input = document.createElement('input');
-//     input.type = 'file';
-//     input.accept = '*.pdf,*.txt,*.doc,*.docx';
-//     input.onchange = async (e) => {
-//       const files = [...e.target.files];
-//       if (!files.length) return;
-//       try {
-//         setUploading(true);
-//         await Promise.all(files.map((file) => datasetState.createDocument('file', file)));
-//       } catch (error) {
-//         Toast.error(error.message);
-//         throw error;
-//       } finally {
-//         setUploading(false);
-//       }
-//     };
-//     input.click();
-//   };
-//   if (datasetState.error) {
-//     return <Result status="error" title={datasetState.error.message} sx={{ bgcolor: 'transparent', my: 10 }} />;
-//   }
-//   return (
-//     <Layout>
-//       <Stack mt={5} mb={2.5} alignItems="flex-start">
-//         <Button
-//           sx={{ ml: -0.5 }}
-//           startIcon={<Icon icon="tabler:chevron-left" />}
-//           component={RouterLink}
-//           to={to({ page: 'collections', datasetId: undefined })}>
-//           {t('back')}
-//         </Button>
-//         <Stack
-//           width="100%"
-//           direction="row"
-//           flexWrap="wrap"
-//           py={2.5}
-//           gap={1}
-//           justifyContent="space-between"
-//           alignItems="center"
-//           borderBottom={1}
-//           borderColor="divider">
-//           <Stack>
-//             <Typography component="h1" sx={{ fontSize: 32, lineHeight: '44px', fontWeight: 700 }}>
-//               {datasetState.dataset ? datasetState.dataset.name || t('unnamed') : null}
-//             </Typography>
-//             <Typography>{datasetState.dataset?.description}</Typography>
-//           </Stack>
-//           <Stack direction="row" alignItems="center" gap={1}>
-//             <LoadingButton
-//               startIcon={<Icon icon="tabler:upload" />}
-//               variant="outlined"
-//               color="black"
-//               loading={uploading}
-//               loadingPosition="start"
-//               onClick={() => handleUploadFile()}>
-//               {t('uploadFile')}
-//             </LoadingButton>
-//             <Button
-//               startIcon={<Icon icon="tabler:plus" />}
-//               variant="outlined"
-//               color="black"
-//               onClick={() => navigate({ page: 'document', documentId: '' })}>
-//               {t('newObject', { object: t('document') })}
-//             </Button>
-//             <LoadingButton
-//               color="black"
-//               startIcon={<Icon icon="tabler:message-circle-2" />}
-//               variant="contained"
-//               onClick={startChat}>
-//               {t('chat')}
-//             </LoadingButton>
-//           </Stack>
-//         </Stack>
-//       </Stack>
-//       <DocumentListView
-//         datasetId={datasetId}
-//         onEdit={(document) => navigate({ page: 'document', documentId: document?.id || '' })}
-//       />
-//     </Layout>
-//   );
-// }

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

@@ -1,152 +0,0 @@
-"use strict";
-// import { Icon } from '@iconify/react';
-// import {
-//   Box,
-//   Button,
-//   CircularProgress,
-//   ClickAwayListener,
-//   Divider,
-//   Grid,
-//   List,
-//   ListItemButton,
-//   Paper,
-//   Popper,
-//   Stack,
-//   Typography,
-// } from '@mui/material';
-// import { useState } from 'react';
-// import { useLocaleContext } from '../../../../locale';
-// import { createDatasetDetailState } from '../../state';
-// import LoadingListItemButton from '../LoadingListItemButton';
-// export default function DocumentListView({
-//   datasetId,
-//   onEdit,
-// }: {
-//   datasetId: string;
-//   onEdit: (doc?: Document) => void;
-// }) {
-//   const { t } = useLocaleContext();
-//   const state = createDatasetDetailState({ datasetId })();
-//   const [menuState, setMenuState] = useState<{
-//     anchorEl: HTMLElement;
-//     item: Document;
-//   }>();
-//   return (
-//     <Stack>
-//       {!state.list?.length && (
-//         <Stack textAlign="center" alignItems="center" gap={0.5} mt="10vh" mx={3}>
-//           {state.loading ? (
-//             <CircularProgress size={24} />
-//           ) : (
-//             <>
-//               <Typography fontSize={18}>{'📄'}</Typography>
-//               <Typography fontSize={12} sx={{ color: 'text.secondary' }}>
-//                 {t('noData', { data: t('document') })}
-//               </Typography>
-//               <Button onClick={() => onEdit()}>{t('createObject', { object: t('document') })}</Button>
-//             </>
-//           )}
-//         </Stack>
-//       )}
-//       <Grid container spacing={2} pt="1px">
-//         {state.list?.map((item) => (
-//           <Grid key={item.id} item xs={6} sm={4} md={3} onClick={() => onEdit(item)}>
-//             <Box
-//               sx={{
-//                 width: '100%',
-//                 position: 'relative',
-//                 ':before': { content: '""', display: 'block', paddingBottom: '141.4%' },
-//               }}>
-//               <Paper
-//                 className={menuState?.item.id === item.id ? 'menu-active' : ''}
-//                 sx={{
-//                   position: 'absolute',
-//                   left: 0,
-//                   top: 0,
-//                   width: '100%',
-//                   height: '100%',
-//                   overflow: 'hidden',
-//                   boxShadow: 1,
-//                   display: 'flex',
-//                   flexDirection: 'column',
-//                   pb: 1,
-//                   cursor: 'pointer',
-//                   '.hover-visible': { display: 'none' },
-//                   ':hover, &.menu-active': {
-//                     boxShadow: 2,
-//                     '.hover-visible': {
-//                       display: 'flex',
-//                     },
-//                   },
-//                 }}>
-//                 <Stack direction="row" sx={{ px: 2, pt: 1.5 }}>
-//                   <Typography variant="subtitle2" noWrap sx={{ flex: 1, lineHeight: '24px', minHeight: 24 }}>
-//                     {item.name}
-//                   </Typography>
-//                   <Box className="hover-visible">
-//                     <Button
-//                       sx={{ minWidth: 24, minHeight: 24, p: 0 }}
-//                       onClick={(e) => {
-//                         e.stopPropagation();
-//                         e.preventDefault();
-//                         setMenuState({
-//                           anchorEl: e.currentTarget,
-//                           item,
-//                         });
-//                       }}>
-//                       <Icon icon="mdi:more-horiz" fontSize={18} />
-//                     </Button>
-//                   </Box>
-//                 </Stack>
-//                 <Divider sx={{ mx: 2, my: 1 }} />
-//                 <Typography
-//                   sx={{
-//                     flex: 1,
-//                     px: 2,
-//                     overflow: 'hidden',
-//                     wordBreak: 'break-word',
-//                     fontSize: 10,
-//                     lineHeight: '16px',
-//                   }}>
-//                   {item.content}
-//                 </Typography>
-//               </Paper>
-//             </Box>
-//           </Grid>
-//         ))}
-//       </Grid>
-//       <Popper
-//         open={Boolean(menuState)}
-//         anchorEl={menuState?.anchorEl}
-//         placement="bottom-start"
-//         sx={{ zIndex: (theme) => theme.zIndex.modal + 1 }}>
-//         <ClickAwayListener onClickAway={() => setMenuState(undefined)}>
-//           <Paper
-//             sx={{
-//               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?.item) return;
-//                   onEdit(menuState.item);
-//                   setMenuState(undefined);
-//                 }}>
-//                 {t('edit')}
-//               </ListItemButton>
-//               <LoadingListItemButton
-//                 sx={{ color: 'error.main' }}
-//                 onClick={async () => {
-//                   if (!menuState?.item) return;
-//                   await state.deleteDocument(menuState.item.id);
-//                   setMenuState(undefined);
-//                 }}>
-//                 {t('delete')}
-//               </LoadingListItemButton>
-//             </List>
-//           </Paper>
-//         </ClickAwayListener>
-//       </Popper>
-//     </Stack>
-//   );
-// }

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

@@ -1,135 +0,0 @@
-"use strict";
-// import { Icon } from '@iconify/react';
-// import { Alert, Button, CircularProgress, Divider, Stack, TextField } from '@mui/material';
-// import { useEffect, useRef, useState } from 'react';
-// import { useForm } from 'react-hook-form';
-// import { Result, Toast } from '../../../../arcblock/ux';
-// import { useLocaleContext } from '../../../../locale';
-// import { getDocument } from '../../api/dataset';
-// import { useCurrentPage, useNavigateTo, useNavigateWithQuery } from '../../hooks/navigate';
-// import { createDatasetDetailState } from '../../state';
-// import Layout from '../layout';
-// import LoadingButton from '../LoadingButton';
-// export default function DocumentView() {
-//   const { t } = useLocaleContext();
-//   const to = useNavigateTo();
-//   const navigate = useNavigateWithQuery();
-//   const [loading, setLoading] = useState(false);
-//   const [error, setError] = useState();
-//   const { datasetId, documentId } = useCurrentPage();
-//   const datasetDetailState = createDatasetDetailState({ datasetId })();
-//   const form = useForm({});
-//   const hiddenSubmit = useRef();
-//   useEffect(() => {
-//     if (!documentId) {
-//       form.reset();
-//       return;
-//     }
-//     (async () => {
-//       setLoading(true);
-//       try {
-//         const { document } = await getDocument(datasetId, documentId);
-//         form.reset({
-//           name: document.name,
-//           content: document.content,
-//         });
-//       } catch (error) {
-//         setError(error);
-//       } finally {
-//         setLoading(false);
-//       }
-//     })();
-//   }, [documentId]);
-//   const onSubmit = async (input) => {
-//     try {
-//       if (documentId) {
-//         await datasetDetailState.updateDocument(documentId, 'text', input);
-//       } else {
-//         await datasetDetailState.createDocument('text', input);
-//       }
-//       navigate({ page: 'collection', datasetId });
-//     } catch (error) {
-//       Toast.error(error.message);
-//       console.error(error);
-//     }
-//   };
-//   if (error) {
-//     return <Result status="error" title={error.message} sx={{ bgcolor: 'transparent', my: 10 }} />;
-//   }
-//   return (
-//     <>
-//       <Stack
-//         direction="row"
-//         height={64}
-//         alignItems="center"
-//         justifyContent="space-between"
-//         sx={{
-//           position: 'sticky',
-//           top: 64,
-//           bgcolor: 'background.default',
-//           zIndex: 10,
-//           borderBottom: 1,
-//           borderColor: 'divider',
-//           px: 2.5,
-//         }}>
-//         <Button
-//           sx={{ minWidth: 32, minHeight: 32, px: 1, ml: -1 }}
-//           component={RouterLink}
-//           startIcon={<Icon icon="tabler:chevron-left" />}
-//           to={to({ page: 'collection', datasetId })}>
-//           {t('back')}
-//         </Button>
-//         <LoadingButton
-//           disabled={loading}
-//           size="small"
-//           variant="contained"
-//           color="secondary"
-//           startIcon={<Icon icon="tabler:book-2" />}
-//           loading={form.formState.isSubmitting}
-//           loadingPosition="start"
-//           onClick={() => hiddenSubmit.current.click()}>
-//           {t('save')}
-//         </LoadingButton>
-//       </Stack>
-//       <Layout>
-//         {loading || error ? (
-//           <Stack alignItems="center" gap={0.5} mt="10vh" mx={3}>
-//             {loading ? <CircularProgress size={24} /> : error ? <Alert severity="error">{error.message}</Alert> : null}
-//           </Stack>
-//         ) : (
-//           <Stack
-//             component="form"
-//             onSubmit={form.handleSubmit(onSubmit)}
-//             sx={{ bgcolor: 'background.paper', mt: 2.5, borderRadius: 1.5, border: 1, borderColor: 'divider' }}>
-//             <TextField
-//               multiline
-//               variant="standard"
-//               InputProps={{
-//                 disableUnderline: true,
-//                 sx: { fontSize: 32, fontWeight: 700, lineHeight: '44px', px: 2.5, pt: 2.5 },
-//               }}
-//               hiddenLabel
-//               placeholder={t('titlePlaceholder')}
-//               {...form.register('name')}
-//             />
-//             <Divider sx={{ my: 1.5, mx: 2.5 }} />
-//             <TextField
-//               variant="standard"
-//               InputProps={{
-//                 disableUnderline: true,
-//                 sx: { px: 2.5, pb: 2.5 },
-//               }}
-//               multiline
-//               minRows={20}
-//               hiddenLabel
-//               size="small"
-//               placeholder={t('contentPlaceholder')}
-//               {...form.register('content')}
-//             />
-//             <Button ref={hiddenSubmit} sx={{ display: 'none' }} type="submit" />
-//           </Stack>
-//         )}
-//       </Layout>
-//     </>
-//   );
-// }

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

@@ -1,104 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Dialog_1 = __importDefault(require("@arcblock/ux/lib/Dialog"));
-const react_1 = require("@iconify/react");
-const ArrowBackIosNew_1 = __importDefault(require("@mui/icons-material/ArrowBackIosNew"));
-const material_1 = require("@mui/material");
-const react_2 = require("react");
-const ux_1 = require("../../../../arcblock/ux");
-const assistant_1 = require("../../state/assistant");
-const ScrollView_1 = __importDefault(require("../ScrollView"));
-function ChatBot({ assistantId, size, bottom, right, children, popperWidth, popperHeight, }) {
-    var _a, _b, _c;
-    const anchorEl = (0, react_2.useRef)(null);
-    const [assistant] = (0, assistant_1.useAssistantState)({ assistantId });
-    const [openPopper, setOpenPopper] = (0, react_2.useState)(false);
-    const theme = (0, material_1.useTheme)();
-    const isMobile = (0, material_1.useMediaQuery)(theme.breakpoints.down('sm'));
-    const chatViewSizeSx = isMobile
-        ? { width: '100vw', height: 'calc(100vh - 72px)' }
-        : { width: '40vw', height: '80vh' };
-    if (popperWidth) {
-        chatViewSizeSx.width = popperWidth;
-    }
-    if (popperHeight) {
-        chatViewSizeSx.height = popperHeight;
-    }
-    const title = ((_a = assistant.release) === null || _a === void 0 ? void 0 : _a.title) || (assistant === null || assistant === void 0 ? void 0 : assistant.name);
-    const WrapperComponent = (0, react_2.useCallback)(({ children }) => {
-        if (isMobile) {
-            return ((0, jsx_runtime_1.jsx)(Dialog_1.default, { showCloseButton: false, sx: {
-                    '.ux-dialog_header': {
-                        borderBottom: '1px solid rgba(229, 231, 235, 1)',
-                    },
-                    '.MuiDialogContent-root': {
-                        p: 0,
-                        display: 'flex',
-                    },
-                }, open: openPopper, title: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
-                        display: 'flex',
-                        alignItems: 'center',
-                        gap: 1,
-                        ml: -1,
-                    }, children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, { size: "small", onClick: () => setOpenPopper(false), children: (0, jsx_runtime_1.jsx)(ArrowBackIosNew_1.default, { fontSize: "inherit" }) }), (0, jsx_runtime_1.jsx)(material_1.Box, { children: title })] }), onClose: () => {
-                    setOpenPopper(false);
-                }, children: children }));
-        }
-        return ((0, jsx_runtime_1.jsx)(material_1.Popper, { anchorEl: anchorEl.current, open: openPopper, placement: "top-end", sx: Object.assign({ zIndex: 1200, minWidth: { sm: 500 }, maxWidth: 600 }, chatViewSizeSx), children: (0, jsx_runtime_1.jsx)(material_1.ClickAwayListener, { onClickAway: (e) => {
-                    e.preventDefault();
-                    e.stopPropagation();
-                    setOpenPopper(false);
-                }, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
-                        boxShadow: '0px 8px 16px 0px rgba(2, 7, 19, 0.08), 0px 0px 0px 1px rgba(2, 7, 19, 0.08)',
-                        position: 'relative',
-                        background: 'white',
-                        borderRadius: 1,
-                    }, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
-                                zIndex: 1200,
-                                display: 'flex',
-                                alignItems: 'center',
-                                justifyContent: 'space-between',
-                                borderBottom: '1px solid rgba(229, 231, 235, 1)',
-                                px: 2,
-                                py: 2,
-                                height: 70,
-                            }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { component: "p", sx: {
-                                        fontSize: 18,
-                                        fontWeight: 600,
-                                        lineHeight: '28px',
-                                    }, children: title }), (0, jsx_runtime_1.jsx)(material_1.Button, { sx: { minWidth: 28, minHeight: 28 }, onClick: () => setOpenPopper(false), children: (0, jsx_runtime_1.jsx)(react_1.Icon, { icon: "ic:round-close", fontSize: 24, color: "rgba(75, 85, 99, 1)" }) })] }), children] }) }) }));
-    }, [isMobile, openPopper]);
-    if (!assistant)
-        return null;
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { position: 'fixed', bottom: bottom || 24, right: right || 24 }, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
-                    display: 'inline-flex',
-                    flexDirection: 'column',
-                    justifyContent: 'center',
-                    alignItems: 'center',
-                    boxShadow: '0px 2px 4px 0px rgba(3, 7, 18, 0.04)',
-                    cursor: 'pointer',
-                    zIndex: 1000,
-                    transition: 'transform 0.3s',
-                    ':hover': {
-                        transform: 'scale(1.05)',
-                    },
-                }, onClick: () => setOpenPopper(!openPopper), children: [(0, jsx_runtime_1.jsx)(ux_1.Avatar, { className: "logo", size: size || 48, did: (_b = globalThis.blocklet) === null || _b === void 0 ? void 0 : _b.appId, variant: "circle", shape: "circle", src: (_c = assistant.release) === null || _c === void 0 ? void 0 : _c.logo }), (0, jsx_runtime_1.jsx)(material_1.Box, { width: "100%", ref: anchorEl })] }), anchorEl.current && ((0, jsx_runtime_1.jsx)(WrapperComponent, { children: (0, jsx_runtime_1.jsx)(ScrollView_1.default, { className: "ai-bot-scroll-container", initialScrollBehavior: "auto", component: material_1.Box, sx: {
-                        overscrollBehavior: 'contain',
-                        height: isMobile ? '100%' : `calc(${chatViewSizeSx.height} - 70px)`,
-                        width: '100%',
-                        overflowY: 'auto',
-                        display: 'flex',
-                        '.ai-chat-header': {
-                            pt: 4,
-                        },
-                        '.ai-runtime-form-container': {
-                            borderBottomLeftRadius: 8,
-                            borderBottomRightRadius: 8,
-                        },
-                    }, children: (0, jsx_runtime_1.jsx)(react_2.Suspense, { fallback: (0, jsx_runtime_1.jsx)(material_1.Stack, { flexGrow: 1, alignItems: "center", justifyContent: "center", children: (0, jsx_runtime_1.jsx)(material_1.CircularProgress, { size: 24 }) }), children: children }) }) }))] }));
-}
-exports.default = ChatBot;

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

@@ -1,12 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ChatBot = exports.MessageSuggestedQuestions = exports.MessageMetadataRenderer = void 0;
-var MessageMetadataRenderer_1 = require("./MessageMetadataRenderer");
-Object.defineProperty(exports, "MessageMetadataRenderer", { enumerable: true, get: function () { return __importDefault(MessageMetadataRenderer_1).default; } });
-var MessageSuggestedQuestions_1 = require("./MessageSuggestedQuestions");
-Object.defineProperty(exports, "MessageSuggestedQuestions", { enumerable: true, get: function () { return __importDefault(MessageSuggestedQuestions_1).default; } });
-var ChatBot_1 = require("./ChatBot");
-Object.defineProperty(exports, "ChatBot", { enumerable: true, get: function () { return __importDefault(ChatBot_1).default; } });

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

@@ -1,89 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("@iconify/react");
-const material_1 = require("@mui/material");
-const isEmpty_1 = __importDefault(require("lodash/isEmpty"));
-const omit_1 = __importDefault(require("lodash/omit"));
-const react_2 = require("react");
-const react_hook_form_1 = require("react-hook-form");
-const locale_1 = require("../../../../locale");
-const LoadingButton_1 = __importDefault(require("../LoadingButton"));
-const ParameterFormFields_1 = __importStar(require("./ParameterFormFields"));
-const QuestionField_1 = __importDefault(require("./QuestionField"));
-const SettingButton_1 = __importDefault(require("./SettingButton"));
-function ParameterForm(_a) {
-    var _b, _c, _d;
-    var { page, disabled, readOnly, onSubmit, defaultValues, hideSubmit, isSubmitting, assistant, submitButtonTitle = (_c = (_b = assistant.release) === null || _b === void 0 ? void 0 : _b.submitButton) === null || _c === void 0 ? void 0 : _c.title, } = _a;
-    const { t } = (0, locale_1.useLocaleContext)();
-    const { sessionId } = page;
-    const parameters = (0, react_2.useMemo)(() => {
-        var _a;
-        return (_a = assistant.parameters) === null || _a === void 0 ? void 0 : _a.filter((i) => i.key && !['question', 'datasetId'].includes(i.key) && ParameterFormFields_1.SUPPORTED_PARAMETER_TYPES.includes(i.type || 'string'));
-    }, [assistant.parameters]);
-    const isChat = (_d = assistant.parameters) === null || _d === void 0 ? void 0 : _d.some((i) => i.key === 'question');
-    const defaultForm = (0, react_2.useMemo)(() => {
-        var _a;
-        const values = (0, omit_1.default)(defaultValues, 'question');
-        if (!(0, isEmpty_1.default)(values))
-            return values;
-        return Object.fromEntries((_a = parameters === null || parameters === void 0 ? void 0 : parameters.map((parameter) => [parameter.key, parameter.defaultValue])) !== null && _a !== void 0 ? _a : []);
-    }, [defaultValues]);
-    const form = (0, react_hook_form_1.useForm)({ defaultValues: defaultForm, shouldFocusError: true });
-    (0, react_2.useEffect)(() => {
-        form.reset(defaultForm);
-    }, [defaultForm]);
-    const handleSubmit = (parameters) => __awaiter(this, void 0, void 0, function* () {
-        if (onSubmit) {
-            yield onSubmit(parameters);
-            form.reset(Object.assign(Object.assign({}, parameters), { question: '' }));
-        }
-    });
-    const [expand, setExpand] = (0, react_2.useState)(false);
-    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { className: "ai-chat-form", component: "form", onSubmit: form.handleSubmit(handleSubmit, (e) => {
-            if (Object.keys(e).some((i) => i !== 'question')) {
-                setExpand(true);
-            }
-        }), children: [!!(parameters === null || parameters === void 0 ? void 0 : parameters.length) && ((0, jsx_runtime_1.jsxs)(material_1.Box, { children: [(0, jsx_runtime_1.jsx)(material_1.Stack, { direction: "row", justifyContent: "center", children: (0, jsx_runtime_1.jsx)(material_1.Button, { sx: { minWidth: 0, px: 4, py: 0, opacity: 0.7, color: 'text.secondary' }, onClick: () => setExpand(!expand), children: (0, jsx_runtime_1.jsx)(material_1.Box, { component: react_1.Icon, icon: "tabler:chevron-compact-up", sx: {
-                                    fontSize: 24,
-                                    transform: `rotateX(${expand ? '180deg' : '0deg'})`,
-                                    transition: 'transform .3s ease-in-out',
-                                } }) }) }), (0, jsx_runtime_1.jsx)(material_1.Collapse, { in: expand, orientation: "vertical", sx: { maxHeight: '40vh', overflowY: 'auto' }, children: (0, jsx_runtime_1.jsx)(ParameterFormFields_1.default, { autoFocus: !sessionId, disabled: disabled, readOnly: readOnly, parameters: parameters, form: form, sx: { pb: 2, px: 2 } }) })] })), (0, jsx_runtime_1.jsx)(material_1.Box, { px: 2, children: !hideSubmit &&
-                    (isChat ? ((0, jsx_runtime_1.jsx)(QuestionField_1.default, { page: page, showSettingButton: !!sessionId, assistant: assistant, disabled: disabled, submitButtonTitle: submitButtonTitle || t('send'), readOnly: readOnly, isSubmitting: isSubmitting, form: form, autoFocus: !!sessionId })) : ((0, jsx_runtime_1.jsxs)(material_1.Stack, { className: "ai-chat-generation-bar", direction: "row", alignItems: "center", justifyContent: "flex-end", gap: 2, children: [page.page === 'session' && (0, jsx_runtime_1.jsx)(SettingButton_1.default, { form: form, page: page }), (0, jsx_runtime_1.jsx)(material_1.Box, { flex: 1 }), (0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: submitButtonTitle, disableInteractive: true, placement: "top", children: (0, jsx_runtime_1.jsx)("span", { children: (0, jsx_runtime_1.jsx)(LoadingButton_1.default, { disabled: disabled, type: "submit", variant: "contained", color: "secondary", loading: form.formState.isSubmitting || isSubmitting, children: submitButtonTitle || t('send') }) }) })] }))) })] }));
-}
-exports.default = ParameterForm;