@blocklet/pages-kit 0.2.299 → 0.2.301

package/lib/esm/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/esm/builtin/async/ai-runtime/components/common/ChatBot.js

@@ -1,98 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Dialog from '@arcblock/ux/lib/Dialog';
-import { Icon } from '@iconify/react';
-import ArrowBackIosNewIcon from '@mui/icons-material/ArrowBackIosNew';
-import { Box, Button, CircularProgress, ClickAwayListener, IconButton, Popper, Stack, Typography, useMediaQuery, useTheme, } from '@mui/material';
-import { Suspense, useCallback, useRef, useState } from 'react';
-import { Avatar } from '../../../../arcblock/ux';
-import { useAssistantState } from '../../state/assistant';
-import ScrollView from '../ScrollView';
-export default function ChatBot({ assistantId, size, bottom, right, children, popperWidth, popperHeight, }) {
-    var _a, _b, _c;
-    const anchorEl = useRef(null);
-    const [assistant] = useAssistantState({ assistantId });
-    const [openPopper, setOpenPopper] = useState(false);
-    const theme = useTheme();
-    const isMobile = 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 = useCallback(({ children }) => {
-        if (isMobile) {
-            return (_jsx(Dialog, { showCloseButton: false, sx: {
-                    '.ux-dialog_header': {
-                        borderBottom: '1px solid rgba(229, 231, 235, 1)',
-                    },
-                    '.MuiDialogContent-root': {
-                        p: 0,
-                        display: 'flex',
-                    },
-                }, open: openPopper, title: _jsxs(Box, { sx: {
-                        display: 'flex',
-                        alignItems: 'center',
-                        gap: 1,
-                        ml: -1,
-                    }, children: [_jsx(IconButton, { size: "small", onClick: () => setOpenPopper(false), children: _jsx(ArrowBackIosNewIcon, { fontSize: "inherit" }) }), _jsx(Box, { children: title })] }), onClose: () => {
-                    setOpenPopper(false);
-                }, children: children }));
-        }
-        return (_jsx(Popper, { anchorEl: anchorEl.current, open: openPopper, placement: "top-end", sx: Object.assign({ zIndex: 1200, minWidth: { sm: 500 }, maxWidth: 600 }, chatViewSizeSx), children: _jsx(ClickAwayListener, { onClickAway: (e) => {
-                    e.preventDefault();
-                    e.stopPropagation();
-                    setOpenPopper(false);
-                }, children: _jsxs(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: [_jsxs(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: [_jsx(Typography, { component: "p", sx: {
-                                        fontSize: 18,
-                                        fontWeight: 600,
-                                        lineHeight: '28px',
-                                    }, children: title }), _jsx(Button, { sx: { minWidth: 28, minHeight: 28 }, onClick: () => setOpenPopper(false), children: _jsx(Icon, { icon: "ic:round-close", fontSize: 24, color: "rgba(75, 85, 99, 1)" }) })] }), children] }) }) }));
-    }, [isMobile, openPopper]);
-    if (!assistant)
-        return null;
-    return (_jsxs(Box, { sx: { position: 'fixed', bottom: bottom || 24, right: right || 24 }, children: [_jsxs(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: [_jsx(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 }), _jsx(Box, { width: "100%", ref: anchorEl })] }), anchorEl.current && (_jsx(WrapperComponent, { children: _jsx(ScrollView, { className: "ai-bot-scroll-container", initialScrollBehavior: "auto", component: 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: _jsx(Suspense, { fallback: _jsx(Stack, { flexGrow: 1, alignItems: "center", justifyContent: "center", children: _jsx(CircularProgress, { size: 24 }) }), children: children }) }) }))] }));
-}

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

@@ -1,3 +0,0 @@
-export { default as MessageMetadataRenderer } from './MessageMetadataRenderer';
-export { default as MessageSuggestedQuestions } from './MessageSuggestedQuestions';
-export { default as ChatBot } from './ChatBot';

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

@@ -1,60 +0,0 @@
-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());
-    });
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Icon } from '@iconify/react';
-import { Box, Button, Collapse, Stack, Tooltip } from '@mui/material';
-import isEmpty from 'lodash/isEmpty';
-import omit from 'lodash/omit';
-import { useEffect, useMemo, useState } from 'react';
-import { useForm } from 'react-hook-form';
-import { useLocaleContext } from '../../../../locale';
-import LoadingButton from '../LoadingButton';
-import ParameterFormFields, { SUPPORTED_PARAMETER_TYPES } from './ParameterFormFields';
-import QuestionField from './QuestionField';
-import SettingButton from './SettingButton';
-export default 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 } = useLocaleContext();
-    const { sessionId } = page;
-    const parameters = useMemo(() => {
-        var _a;
-        return (_a = assistant.parameters) === null || _a === void 0 ? void 0 : _a.filter((i) => i.key && !['question', 'datasetId'].includes(i.key) && 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 = useMemo(() => {
-        var _a;
-        const values = omit(defaultValues, 'question');
-        if (!isEmpty(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 = useForm({ defaultValues: defaultForm, shouldFocusError: true });
-    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] = useState(false);
-    return (_jsxs(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) && (_jsxs(Box, { children: [_jsx(Stack, { direction: "row", justifyContent: "center", children: _jsx(Button, { sx: { minWidth: 0, px: 4, py: 0, opacity: 0.7, color: 'text.secondary' }, onClick: () => setExpand(!expand), children: _jsx(Box, { component: Icon, icon: "tabler:chevron-compact-up", sx: {
-                                    fontSize: 24,
-                                    transform: `rotateX(${expand ? '180deg' : '0deg'})`,
-                                    transition: 'transform .3s ease-in-out',
-                                } }) }) }), _jsx(Collapse, { in: expand, orientation: "vertical", sx: { maxHeight: '40vh', overflowY: 'auto' }, children: _jsx(ParameterFormFields, { autoFocus: !sessionId, disabled: disabled, readOnly: readOnly, parameters: parameters, form: form, sx: { pb: 2, px: 2 } }) })] })), _jsx(Box, { px: 2, children: !hideSubmit &&
-                    (isChat ? (_jsx(QuestionField, { page: page, showSettingButton: !!sessionId, assistant: assistant, disabled: disabled, submitButtonTitle: submitButtonTitle || t('send'), readOnly: readOnly, isSubmitting: isSubmitting, form: form, autoFocus: !!sessionId })) : (_jsxs(Stack, { className: "ai-chat-generation-bar", direction: "row", alignItems: "center", justifyContent: "flex-end", gap: 2, children: [page.page === 'session' && _jsx(SettingButton, { form: form, page: page }), _jsx(Box, { flex: 1 }), _jsx(Tooltip, { title: submitButtonTitle, disableInteractive: true, placement: "top", children: _jsx("span", { children: _jsx(LoadingButton, { disabled: disabled, type: "submit", variant: "contained", color: "secondary", loading: form.formState.isSubmitting || isSubmitting, children: submitButtonTitle || t('send') }) }) })] }))) })] }));
-}

package/lib/esm/builtin/async/ai-runtime/components/form/ParameterFormDialog.js

@@ -1,59 +0,0 @@
-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());
-    });
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Icon } from '@iconify/react';
-import { Box, Button, Dialog, DialogActions, DialogContent, DialogTitle, useMediaQuery, useTheme } from '@mui/material';
-import { useForm } from 'react-hook-form';
-import { create } from 'zustand';
-import { immer } from 'zustand/middleware/immer';
-import { useLocaleContext } from '../../../../locale';
-import { useAssistantState } from '../../state/assistant';
-import { useSessionState } from '../../state/session';
-import LoadingButton from '../LoadingButton';
-import ParameterFormFields from './ParameterFormFields';
-export default function ParameterFormDialog({ assistantId, sessionId, DialogProps, }) {
-    const { t } = useLocaleContext();
-    const theme = useTheme();
-    const fullScreen = useMediaQuery(theme.breakpoints.down('sm'));
-    const dialogState = parameterFormDialogState();
-    const [assistant] = useAssistantState({ assistantId });
-    const { parameters } = assistant;
-    const [session, sessionState] = useSessionState({ sessionId, required: true });
-    const form = useForm({ defaultValues: Object.assign({}, session.parameters) });
-    const onSubmit = (parameters) => __awaiter(this, void 0, void 0, function* () {
-        yield sessionState.updateSession({ parameters });
-        dialogState.close();
-    });
-    return (_jsxs(Dialog, Object.assign({}, DialogProps, { open: dialogState.isOpen, onClose: dialogState.close, fullScreen: fullScreen, maxWidth: "sm", fullWidth: true, component: "form", onSubmit: form.handleSubmit(onSubmit), sx: {
-            zIndex: (theme) => theme.zIndex.modal + 1,
-        }, children: [_jsxs(DialogTitle, { sx: { display: 'flex', alignItems: 'center', gap: 1 }, children: [_jsx(Box, { flex: 1, children: t('parameters') }), _jsx(Button, { sx: { minWidth: 28, minHeight: 28 }, onClick: dialogState.close, children: _jsx(Icon, { icon: "ic:round-close", fontSize: 24, color: "rgba(75, 85, 99, 1)" }) })] }), _jsx(DialogContent, { dividers: true, children: _jsx(ParameterFormFields, { parameters: parameters, form: form }) }), _jsxs(DialogActions, { children: [_jsx(Button, { variant: "outlined", 
-                        // @ts-ignore
-                        color: "black", size: "small", onClick: dialogState.close, children: t('cancel') }), _jsx(LoadingButton, { variant: "contained", color: "black", type: "submit", size: "small", loading: form.formState.isSubmitting, children: t('save') })] })] })));
-}
-export const parameterFormDialogState = create()(immer((set, get) => ({
-    isOpen: false,
-    callback: undefined,
-    open() {
-        return new Promise((resolve) => {
-            set((state) => {
-                state.isOpen = true;
-                state.callback = resolve;
-            });
-        });
-    },
-    close() {
-        var _a, _b;
-        (_b = (_a = get()).callback) === null || _b === void 0 ? void 0 : _b.call(_a);
-        set((state) => {
-            state.isOpen = false;
-            state.callback = undefined;
-        });
-    },
-})));

package/lib/esm/builtin/async/ai-runtime/components/form/ParameterFormFields.js

@@ -1,54 +0,0 @@
-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;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Stack, Typography } from '@mui/material';
-import { Controller } from 'react-hook-form';
-import ParameterField from '../parameters';
-export const SUPPORTED_PARAMETER_TYPES = ['string', 'number', 'select', 'language'];
-export default function ParameterFormFields(_a) {
-    var { autoFocus, disabled, readOnly, parameters, form } = _a, props = __rest(_a, ["autoFocus", "disabled", "readOnly", "parameters", "form"]);
-    let isFirstParameterRendered = false;
-    return (_jsx(Stack, Object.assign({ gap: 1 }, props, { children: parameters === null || parameters === void 0 ? void 0 : parameters.map((parameter) => {
-            const { key, required } = parameter !== null && parameter !== void 0 ? parameter : {};
-            if (!key || !SUPPORTED_PARAMETER_TYPES.includes(parameter.type || 'string'))
-                return null;
-            const isFirstParameter = !isFirstParameterRendered;
-            isFirstParameterRendered = true;
-            return (_jsx(Box, { children: _jsx(Controller, { disabled: disabled, control: form.control, name: key, rules: {
-                        required,
-                        min: parameter.type === 'number' && typeof parameter.min === 'number'
-                            ? { value: parameter.min, message: '' }
-                            : undefined,
-                        max: parameter.type === 'number' && typeof parameter.max === 'number'
-                            ? { value: parameter.max, message: '' }
-                            : undefined,
-                        minLength: parameter.type === 'string' && typeof parameter.minLength === 'number'
-                            ? { value: parameter.minLength, message: '' }
-                            : undefined,
-                        maxLength: parameter.type === 'string' && typeof parameter.maxLength === 'number'
-                            ? { value: parameter.maxLength, message: '' }
-                            : undefined,
-                    }, render: ({ field, fieldState }) => {
-                        var _a;
-                        return (_jsxs(Box, { children: [_jsx(Typography, { component: "div", sx: {
-                                        lineHeight: '24px',
-                                        mb: 0.5,
-                                        fontWeight: 500,
-                                        color: 'rgba(18, 22, 24, 1)',
-                                    }, children: (parameter === null || parameter === void 0 ? void 0 : parameter.label) || parameter.key }), _jsx(ParameterField, { inputRef: field.ref, autoFocus: autoFocus && isFirstParameter, readOnly: readOnly, size: "small", hiddenLabel: true, fullWidth: true, label: undefined, parameter: parameter, maxRows: !(parameter === null || parameter === void 0 ? void 0 : parameter.type) || (parameter === null || parameter === void 0 ? void 0 : parameter.type) === 'string' ? 5 : undefined, value: field.value || '', onChange: (value) => field.onChange({ target: { value } }), error: Boolean(fieldState.error), helperText: ((_a = fieldState.error) === null || _a === void 0 ? void 0 : _a.message) || (parameter === null || parameter === void 0 ? void 0 : parameter.helper), sx: {
-                                        '& .MuiInputBase-root': {
-                                            bgcolor: 'background.paper',
-                                        },
-                                    } })] }));
-                    } }) }, parameter.id));
-        }) })));
-}

package/lib/esm/builtin/async/ai-runtime/components/form/QuestionField.js

@@ -1,38 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Icon } from '@iconify/react';
-import { TextField, Tooltip } from '@mui/material';
-import { useMemo, useRef } from 'react';
-import { Controller } from 'react-hook-form';
-import { useLocaleContext } from '../../../../locale';
-import LoadingButton from '../LoadingButton';
-import SettingButton from './SettingButton';
-export default function QuestionField({ page, assistant, showSettingButton, form, isSubmitting, autoFocus, readOnly, disabled, submitButtonTitle, }) {
-    const { t } = useLocaleContext();
-    const defaultPlaceholder = t('questionPlaceholder');
-    const placeholder = useMemo(() => { var _a, _b; return ((_b = (_a = assistant.parameters) === null || _a === void 0 ? void 0 : _a.find((i) => i.key === 'question')) === null || _b === void 0 ? void 0 : _b.placeholder) || defaultPlaceholder; }, [submitButtonTitle, assistant, defaultPlaceholder]);
-    const submitRef = useRef(null);
-    return (_jsx(Controller, { control: form.control, name: "question", rules: { required: true }, render: ({ field }) => (_jsx(TextField, { disabled: disabled, inputRef: field.ref, id: "question-input", size: "small", multiline: true, fullWidth: true, variant: "outlined", autoFocus: autoFocus, placeholder: placeholder, value: field.value || '', onChange: (e) => field.onChange(e), onKeyDownCapture: (e) => {
-                var _a;
-                // NOTE: Pressing Enter in the IME will trigger the 229 event
-                if (e.keyCode === 229)
-                    return;
-                if (e.key === 'Enter' && !e.shiftKey) {
-                    e.preventDefault();
-                    (_a = submitRef.current) === null || _a === void 0 ? void 0 : _a.click();
-                }
-            }, InputProps: {
-                readOnly,
-                sx: { p: 1, bgcolor: 'white', borderRadius: 1 },
-                startAdornment: showSettingButton && page.page === 'session' && (_jsx(SettingButton, { form: form, page: page, sx: { minWidth: 32, minHeight: 32 }, tabIndex: -1 })),
-                className: 'ai-chat-question-field',
-                endAdornment: (_jsx(Tooltip, { title: submitButtonTitle, disableInteractive: true, placement: "top", children: _jsx("span", { children: _jsx(LoadingButton, { disabled: disabled, id: "question-submit", ref: submitRef, type: "submit", variant: "contained", 
-                            // @ts-ignore
-                            color: "black", sx: {
-                                alignSelf: 'flex-end',
-                                ml: 1,
-                                p: 0.25,
-                                minWidth: 32,
-                                minHeight: 32,
-                            }, loading: form.formState.isSubmitting || isSubmitting, children: _jsx(Icon, { icon: "tabler:arrow-up", fontSize: 26 }) }) }) })),
-            } })) }));
-}

package/lib/esm/builtin/async/ai-runtime/components/form/SettingButton.js

@@ -1,82 +0,0 @@
-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;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Icon } from '@iconify/react';
-import { Box, Button, ClickAwayListener, Paper, Popper } from '@mui/material';
-import { useState } from 'react';
-import { useLocaleContext } from '../../../../locale';
-import { createSession } from '../../api/session';
-import { globalLoadingState } from '../../state/loading';
-import LoadingListItemButton from '../LoadingListItemButton';
-export default function SettingButton(_a) {
-    var { page, form } = _a, props = __rest(_a, ["page", "form"]);
-    const { t } = useLocaleContext();
-    const [openSetting, setOpenSetting] = useState(false);
-    const settingOptions = [
-        // {
-        //   key: 'parametersSetting',
-        //   label: t('parametersSetting'),
-        //   onClick: () => parametersDialogOpen(),
-        //   icon: 'tabler:adjustments-horizontal',
-        //   sx: {
-        //     color: 'rgba(3, 7, 18, 1)',
-        //   },
-        // },
-        {
-            key: 'newSession',
-            label: t('newObject', { object: t('session') }),
-            onClick: () => __awaiter(this, void 0, void 0, function* () {
-                form.setFocus('question');
-                yield globalLoadingState.getState().run(() => __awaiter(this, void 0, void 0, function* () {
-                    const { created: session } = yield createSession({
-                        assistantId: page.assistantId,
-                    });
-                    page.navigate({
-                        page: 'session',
-                        assistantId: page.assistantId,
-                        sessionId: session.id,
-                    });
-                }));
-            }),
-            icon: 'tabler:plus',
-            sx: {
-                color: 'rgba(225, 29, 72, 1)',
-            },
-        },
-    ];
-    return [
-        _jsx(Button, Object.assign({ id: "setting-button", onClick: () => setOpenSetting(!openSetting) }, props, { sx: Object.assign({ minWidth: 40, minHeight: 40, p: 0, mr: 1, alignSelf: 'flex-end' }, props.sx), children: _jsx(Box, { component: Icon, icon: "tabler:menu-2", sx: { fontSize: 24, color: 'black.main' } }) }), "setting-button"),
-        _jsx(Popper, { anchorEl: document.getElementById('setting-button'), open: openSetting, placement: "top-start", sx: { zIndex: (theme) => theme.zIndex.modal + 1 }, children: _jsx(ClickAwayListener, { onClickAway: (e) => {
-                    e.preventDefault();
-                    e.stopPropagation();
-                    setOpenSetting(false);
-                }, children: _jsx(Paper, { sx: {
-                        py: 0.5,
-                        boxShadow: '0px 8px 16px 0px rgba(2, 7, 19, 0.08), 0px 0px 0px 1px rgba(2, 7, 19, 0.08)',
-                    }, children: settingOptions.map((option) => {
-                        const { key, label, onClick, icon, sx } = option;
-                        return (_jsxs(LoadingListItemButton, { onClick: () => __awaiter(this, void 0, void 0, function* () {
-                                yield onClick();
-                                setOpenSetting(false);
-                            }), sx: Object.assign({ fontSize: 13, lineHeight: '22px', py: 0.75, px: 1.5, fontWeight: 400 }, sx), children: [_jsx(Box, { component: Icon, icon: icon, sx: { fontSize: 16, mr: 1 } }), label] }, key));
-                    }) }) }) }, "setting-popper"),
-    ];
-}

package/lib/esm/builtin/async/ai-runtime/components/lottie/index.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect } from 'react';
-export default function Lottie({ src }) {
-    useEffect(() => {
-        import('@lottiefiles/lottie-player');
-    }, []);
-    return _jsx("lottie-player", { autoplay: true, loop: true, mode: "normal", src: src }, src);
-}

package/lib/esm/builtin/async/ai-runtime/components/message/MessageErrorView.js

@@ -1,29 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Alert, Box, Button } from '@mui/material';
-import { useLocaleContext } from '../../../../locale';
-import { useLogin } from '../../hooks/auth';
-import { useSubscribeLink } from '../../hooks/subscribe';
-import { useAssistantState } from '../../state/assistant';
-import MarkdownRenderer from '../MarkdownRenderer';
-export default function MessageErrorView({ page, error }) {
-    var _a, _b, _c;
-    const { t } = useLocaleContext();
-    const [assistant] = useAssistantState(page);
-    const { subscribeLink } = useSubscribeLink(page);
-    const login = useLogin({ page });
-    if (!error)
-        return null;
-    if (error.type === 'InvalidSubscriptionError') {
-        return (_jsxs(Box, { className: "ai-chat-message-error", children: [_jsx(Box, { className: "message-response", children: _jsx(MarkdownRenderer, { children: t('requireNewSubscription', {
-                            price: (_b = (_a = assistant.release) === null || _a === void 0 ? void 0 : _a.payment) === null || _b === void 0 ? void 0 : _b.price,
-                        }) }) }), _jsx(Box, { mt: 1, children: subscribeLink ? (
-                    // @ts-ignore
-                    _jsx(Button, { variant: "contained", color: "black", href: subscribeLink, children: t('subscribeNow') })) : (_jsx(Box, { className: "message-response", children: t('thanksForSubscription') })) })] }));
-    }
-    if (error.status === 401) {
-        return (_jsxs(Box, { className: "ai-chat-message-error", children: [_jsx(Box, { className: "message-response", children: _jsx(MarkdownRenderer, { children: t('requireLogin') }) }), _jsx(Box, { mt: 1, children: _jsx(Button, { variant: "contained", 
-                        // @ts-ignore
-                        color: "black", onClick: login, children: t('loginNow') }) })] }));
-    }
-    return (_jsx(Alert, { className: "ai-chat-message-error", severity: "error", sx: { mr: 5 }, children: (error.type === 'ReachMaxRoundLimitError' && ((_c = assistant === null || assistant === void 0 ? void 0 : assistant.release) === null || _c === void 0 ? void 0 : _c.reachMaxRoundLimitTip)) || error.message }));
-}