@blocklet/pages-kit 0.2.433 → 0.2.435

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

@@ -1,49 +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, Fragment as _Fragment } from "react/jsx-runtime";
-import { Stack, Typography } from '@mui/material';
-import { Suspense, memo } from 'react';
-import Balancer from 'react-wrap-balancer';
-import CustomComponentRenderer from '../../../../../components/CustomComponentRenderer';
-import { AgentErrorView } from '../../components/AgentErrorBoundary';
-import SimpleHeader from '../../components/Header/SimpleHeader';
-import SimpleLayout from '../../components/Layout/SimpleLayout';
-import { useActiveAgent } from '../../contexts/ActiveAgent';
-import ComponentPreferencesProvider from '../../contexts/ComponentPreferences';
-import CurrentAgentProvider from '../../contexts/CurrentAgent';
-import CurrentMessageProvider from '../../contexts/CurrentMessage';
-import useAppearances from '../../hooks/use-appearances';
-import { useAutoLoadSessionState, useCurrentSessionState } from '../../state/session';
-export default function SimplePage(_a) {
-    var { resultTitle } = _a, preferences = __rest(_a, ["resultTitle"]);
-    const { activeAgentId } = useActiveAgent();
-    useAutoLoadSessionState();
-    return (_jsx(ComponentPreferencesProvider, Object.assign({}, preferences, { children: _jsxs(SimpleLayout, { pb: 4, children: [_jsx(SimpleHeader, {}), _jsx(CurrentAgentProvider, { agentId: activeAgentId, children: _jsx(AgentInputRender, { className: "aigne-inputs aigne-simple-page-inputs" }) }), _jsx(OutputView, { className: "aigne-outputs aigne-simple-page-outputs", resultTitle: resultTitle })] }) })));
-}
-function AgentInputRender(_a) {
-    var props = __rest(_a, []);
-    const { appearanceInput } = useAppearances();
-    if (!(appearanceInput === null || appearanceInput === void 0 ? void 0 : appearanceInput.componentId))
-        return null;
-    return (_jsx(Stack, Object.assign({}, props, { children: _jsx(CustomComponentRenderer, { componentId: appearanceInput.componentId, properties: appearanceInput.componentProperties }) })));
-}
-function OutputView(_a) {
-    var { resultTitle } = _a, props = __rest(_a, ["resultTitle"]);
-    const lastMessage = useCurrentSessionState((s) => { var _a; return (_a = s === null || s === void 0 ? void 0 : s.messages) === null || _a === void 0 ? void 0 : _a.at(0); });
-    return (_jsx(Stack, Object.assign({ gap: 2, mt: 4 }, props, { children: lastMessage && (_jsxs(_Fragment, { children: [resultTitle && (_jsx(Typography, { width: "100%", component: "h5", fontSize: 36, fontWeight: 700, textAlign: "center", children: _jsx(Balancer, { children: resultTitle }) })), _jsx(Stack, { children: _jsx(OutputItemView, { message: lastMessage }) })] })) })));
-}
-const OutputItemView = memo(({ message }) => {
-    const { appearanceOutput } = useAppearances({ agentId: message.agentId });
-    if (!(appearanceOutput === null || appearanceOutput === void 0 ? void 0 : appearanceOutput.componentId))
-        return null;
-    return (_jsx(CurrentAgentProvider, { agentId: message.agentId, children: _jsx(CurrentMessageProvider, { message: message, children: _jsx(Suspense, { children: _jsx(CustomComponentRenderer, { componentId: appearanceOutput.componentId, properties: appearanceOutput.componentProperties, fallbackRender: AgentErrorView }, message.id) }) }) }));
-});

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

@@ -1,48 +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 } from "react/jsx-runtime";
-import { Stack, Typography } from '@mui/material';
-import Joi from 'joi';
-import { useMemo } from 'react';
-import OutputFieldContainer from '../../components/OutputFieldContainer';
-import { useCurrentAgent } from '../../contexts/CurrentAgent';
-import { useCurrentMessage } from '../../contexts/CurrentMessage';
-import { useRuntimeState } from '../../state/runtime';
-import { useCurrentSessionState } from '../../state/session';
-const suggestedQuestionsSchema = Joi.array().items(Joi.object({
-    question: Joi.string().required(),
-}));
-export default function SuggestedQuestionsView({ output, outputValue, onlyLastMessage, }) {
-    var _a;
-    const { message } = (_a = useCurrentMessage({ optional: true })) !== null && _a !== void 0 ? _a : {};
-    const lastMessage = useCurrentSessionState((s) => { var _a; return (_a = s === null || s === void 0 ? void 0 : s.messages) === null || _a === void 0 ? void 0 : _a.at(0); });
-    const isLastMessage = !!message && message.id === (lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.id);
-    const questions = useMemo(() => {
-        const result = suggestedQuestionsSchema.validate(outputValue, { allowUnknown: true });
-        if (result.error)
-            return undefined;
-        return result.value;
-    }, [outputValue]);
-    const { aid } = useCurrentAgent();
-    const { execute } = useRuntimeState();
-    if (!message || (!isLastMessage && onlyLastMessage) || !(questions === null || questions === void 0 ? void 0 : questions.length))
-        return null;
-    return (_jsx(OutputFieldContainer, { output: output, children: _jsx(Stack, { gap: 1, children: questions.map((item) => (_jsx(MessageSuggestedQuestion, { onClick: () => {
-                    execute({ aid, parameters: Object.assign(Object.assign({}, message.inputs), { question: item.question }) });
-                }, children: item.question }, item.question))) }) }));
-}
-function MessageSuggestedQuestion(_a) {
-    var props = __rest(_a, []);
-    return (_jsx(Typography, Object.assign({ variant: "subtitle2" }, props, { sx: Object.assign({ display: 'inline-block', border: 1, borderColor: 'rgba(229, 231, 235, 1)', borderRadius: 1, py: 1, px: 2, cursor: 'pointer', '&:hover': {
-                backgroundColor: 'rgba(239, 246, 255, 1)',
-            } }, props.sx) })));
-}

package/lib/esm/builtin/async/ai-runtime/runtime-components/V0/Input.js

@@ -1,183 +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 { cx } from '@emotion/css';
-import { Icon } from '@iconify/react';
-import { Box, Button, FormLabel, InputAdornment, Stack, ThemeProvider, createTheme, formLabelClasses, outlinedInputClasses, styled, useTheme, } from '@mui/material';
-import isEmpty from 'lodash/isEmpty';
-import omit from 'lodash/omit';
-import { useEffect, useMemo, useState } from 'react';
-import { Controller, useForm } from 'react-hook-form';
-import { useLocaleContext } from '../../../../locale';
-import AgentInputField from '../../components/AgentInputField';
-import LoadingButton from '../../components/LoadingButton';
-import { useCurrentAgent } from '../../contexts/CurrentAgent';
-import { useOpeningQuestions } from '../../hooks/use-appearances';
-import { useRuntimeState } from '../../state/runtime';
-import { useCurrentSessionState, useSessionState } from '../../state/session';
-import { isValidInput } from '../../utils/agent-inputs';
-import { useV0RuntimeContext } from './contexts/V0Runtime';
-export default function V0Input({ submitText, inlineLabel, autoFillLastForm = false, submitInQuestionField = true, chatMode = true, }) {
-    var _a, _b;
-    const { t } = useLocaleContext();
-    const { aid, agent } = useCurrentAgent();
-    const [executeLoading, setExecuteLoading] = useState(false);
-    const opening = useOpeningQuestions();
-    const { execute } = useRuntimeState();
-    const { running } = useCurrentSessionState((s) => s) || {};
-    const { currentSessionId } = useSessionState((s) => s) || {};
-    const { setCurrentMessageTaskId } = useV0RuntimeContext();
-    const parameters = useMemo(() => {
-        var _a;
-        return (_a = agent.parameters) === null || _a === void 0 ? void 0 : _a.filter(isValidInput).map((i) => {
-            var _a;
-            return (Object.assign(Object.assign({}, i), { label: ((_a = i.label) === null || _a === void 0 ? void 0 : _a.trim()) || undefined }));
-        });
-    }, [agent.parameters]);
-    const defaultForm = useInitialFormValues();
-    const theme = useFormTheme();
-    const form = useForm({ defaultValues: defaultForm });
-    useEffect(() => {
-        if (autoFillLastForm && !form.formState.isSubmitted && !form.formState.isSubmitting) {
-            form.reset(chatMode ? omit(defaultForm, 'question') : defaultForm);
-        }
-    }, [defaultForm, autoFillLastForm, form, chatMode]);
-    const onSubmit = (parameters) => __awaiter(this, void 0, void 0, function* () {
-        try {
-            if (!(parameters === null || parameters === void 0 ? void 0 : parameters.question))
-                return;
-            setExecuteLoading(true);
-            // in session page, send message
-            yield execute({
-                aid,
-                parameters,
-                onResponseStart: () => {
-                    setCurrentMessageTaskId(undefined);
-                    if (chatMode)
-                        form.resetField('question', { defaultValue: '' });
-                },
-            });
-        }
-        catch (error) {
-            console.error(error);
-        }
-        finally {
-            setExecuteLoading(false);
-        }
-    });
-    return (_jsxs(ThemeProvider, { theme: theme, children: [!currentSessionId && ((_a = opening === null || opening === void 0 ? void 0 : opening.questions) === null || _a === void 0 ? void 0 : _a.length) && (_jsx(Stack, { sx: {
-                    flexDirection: 'row',
-                    gap: 1,
-                    mb: 1,
-                    flexWrap: 'wrap',
-                }, children: (_b = opening === null || opening === void 0 ? void 0 : opening.questions) === null || _b === void 0 ? void 0 : _b.map((item) => {
-                    const { title, parameters, id } = item;
-                    const question = (parameters === null || parameters === void 0 ? void 0 : parameters.questions) || title;
-                    return (_jsx(Button, { variant: "outlined", size: "small", endIcon: _jsx(Icon, { icon: "tabler:arrow-down-right", style: {
-                                marginLeft: -4,
-                            } }), onClick: () => {
-                            form.reset(Object.assign({}, parameters));
-                            // auto execute message
-                            // onSubmit({ ...parameters });
-                        }, children: question }, id));
-                }) })), _jsxs(Form, { id: "v0-input", component: "form", className: cx('form', `label-position-${inlineLabel ? 'start' : 'top'}`), onSubmit: form.handleSubmit(onSubmit), children: [parameters === null || parameters === void 0 ? void 0 : parameters.map((parameter, index) => {
-                        const { key, required } = parameter !== null && parameter !== void 0 ? parameter : {};
-                        return (_jsx(Box, { children: _jsx(Controller, { 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(Stack, { className: "form-item", children: [parameter.label && _jsx(FormLabel, { children: parameter.label }), _jsx(AgentInputField, { inputRef: field.ref, autoFocus: index === 0, 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), InputProps: parameter.key === 'question' && submitInQuestionField
-                                                    ? {
-                                                        endAdornment: (_jsx(InputAdornment, { position: "end", sx: { py: 3, mr: -0.75, alignSelf: 'flex-end' }, children: _jsx(LoadingButton, { type: "submit", variant: "contained", loading: running, sx: { borderRadius: 100 }, children: submitText || t('generate') }) })),
-                                                    }
-                                                    : undefined })] }));
-                                } }) }, parameter.id));
-                    }), !(submitInQuestionField && (parameters === null || parameters === void 0 ? void 0 : parameters.some((i) => i.key === 'question'))) && (_jsx(LoadingButton, { type: "submit", variant: "contained", loading: executeLoading || running, sx: { height: 40 }, children: submitText || t('generate') }))] })] }));
-}
-const autoSetLastParameters = false;
-function useInitialFormValues() {
-    const { agent } = useCurrentAgent();
-    const lastMessage = useCurrentSessionState((s) => { var _a; return (_a = s === null || s === void 0 ? void 0 : s.messages) === null || _a === void 0 ? void 0 : _a.at(0); });
-    const [lastInputs, setLastInputs] = useState();
-    useEffect(() => {
-        if (autoSetLastParameters && !lastInputs) {
-            const lastParameters = lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.inputs;
-            if (!isEmpty(lastParameters))
-                setLastInputs(lastParameters);
-        }
-    }, [lastMessage]);
-    return useMemo(() => {
-        var _a, _b;
-        if (lastInputs) {
-            return lastInputs;
-        }
-        return Object.fromEntries((_b = (_a = agent.parameters) === null || _a === void 0 ? void 0 : _a.map((parameter) => [parameter.key, parameter.defaultValue])) !== null && _b !== void 0 ? _b : []);
-    }, [lastInputs, agent]);
-}
-function useFormTheme() {
-    const theme = useTheme();
-    return useMemo(() => {
-        const themeOptions = {
-            shape: {
-                borderRadius: 8,
-            },
-            components: {
-                MuiTextField: {
-                    styleOverrides: {
-                        root: ({ theme }) => theme.unstable_sx({
-                            [`.${outlinedInputClasses.root}`]: {
-                                [`.${outlinedInputClasses.notchedOutline}`]: {
-                                    borderWidth: 2,
-                                    borderColor: 'primary.light',
-                                },
-                                ':hover': {
-                                    [`.${outlinedInputClasses.notchedOutline}`]: {
-                                        borderColor: 'primary.main',
-                                    },
-                                },
-                            },
-                        }),
-                    },
-                },
-            },
-        };
-        return createTheme(theme, themeOptions);
-    }, [theme]);
-}
-const Form = styled(Stack)(({ theme }) => theme.unstable_sx({
-    gap: 2,
-    '.form-item': {
-        gap: 0.5,
-        [`.${formLabelClasses.root}`]: {
-            fontWeight: 500,
-            color: 'text.primary',
-        },
-    },
-    '&.label-position-start': {
-        '.form-item': {
-            display: 'flex',
-            flexDirection: 'row',
-            alignItems: 'center',
-            gap: 1,
-        },
-    },
-}));

package/lib/esm/builtin/async/ai-runtime/runtime-components/V0/Output.js

@@ -1,246 +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 Toast from '@arcblock/ux/lib/Toast';
-import { Icon } from '@iconify/react';
-import { Alert, Box, Button, ButtonGroup, Drawer, Stack, Typography } from '@mui/material';
-import groupBy from 'lodash/groupBy';
-import { Suspense, useRef, useState } from 'react';
-import { transpileAndLoadScript } from '../../../../../components/CustomComponentRenderer';
-import { useLocaleContext } from '../../../../locale';
-import MarkdownRenderer from '../../components/MarkdownRenderer';
-import ShareActions from '../../components/ShareActions';
-import { useCurrentMessage } from '../../contexts/CurrentMessage';
-import MessageMetadataRenderer from '../ChatOutput/MessageMetadataRenderer';
-import { CodeRenderByMessageMemo as CodeRenderByMessage, getCurrentCodeByTaskId } from './components/CodePreview';
-import Loading from './components/Loading';
-import PropertiesSetting from './components/PropertiesSetting';
-import UserQuestion from './components/UserQuestion';
-import { useV0RuntimeContext } from './contexts/V0Runtime';
-const DEFAULT_DESKTOP_SX = {
-    width: '100%',
-    height: '100%',
-};
-export default function V0Output() {
-    var _a, _b;
-    const { message } = useCurrentMessage();
-    const propertiesSettingRef = useRef(null);
-    const { propertiesValueMap, setPropertiesValueMap, isMobile } = useV0RuntimeContext();
-    const [code, setCode] = useState('');
-    const { t, locale } = useLocaleContext();
-    const [codePreviewExtraProps, setCodePreviewExtraProps] = useState({
-        sx: DEFAULT_DESKTOP_SX,
-        key: 'Desktop',
-    });
-    const objects = (_a = message.outputs) === null || _a === void 0 ? void 0 : _a.objects;
-    const { id: taskId, inputs } = message;
-    const isMessageLoading = (message.loading || !message.outputs) && !message.error;
-    const disabled = isMessageLoading || !(objects === null || objects === void 0 ? void 0 : objects.length) || message.error;
-    const responsiveSx = {
-        backgroundColor: 'white',
-        borderColor: 'rgba(0, 0, 0, 0.1) !important',
-        // rewrite disabled style
-        '&.frame-button.Mui-disabled': {
-            backgroundColor: 'primary.main',
-            color: 'white',
-        },
-    };
-    const tooltipOptions = [
-        !isMobile && {
-            key: 'Desktop',
-            icon: 'tabler:device-desktop',
-            props: {
-                className: 'frame-button',
-                disabled: (codePreviewExtraProps === null || codePreviewExtraProps === void 0 ? void 0 : codePreviewExtraProps.key) === 'Desktop',
-                sx: Object.assign({}, responsiveSx),
-                onClick: () => setCodePreviewExtraProps({
-                    sx: DEFAULT_DESKTOP_SX,
-                    key: 'Desktop',
-                }),
-            },
-            group: 'responsive',
-        },
-        !isMobile && {
-            key: 'Tablet',
-            icon: 'tabler:device-tablet',
-            props: {
-                className: 'frame-button',
-                disabled: (codePreviewExtraProps === null || codePreviewExtraProps === void 0 ? void 0 : codePreviewExtraProps.key) === 'Tablet',
-                sx: Object.assign({}, responsiveSx),
-                onClick: () => setCodePreviewExtraProps({
-                    sx: {
-                        width: '768px',
-                        height: '1024px',
-                    },
-                    key: 'Tablet',
-                }),
-            },
-            group: 'responsive',
-        },
-        !isMobile && {
-            key: 'Mobile',
-            icon: 'tabler:device-mobile',
-            props: {
-                className: 'frame-button',
-                disabled: (codePreviewExtraProps === null || codePreviewExtraProps === void 0 ? void 0 : codePreviewExtraProps.key) === 'Mobile',
-                sx: Object.assign({}, responsiveSx),
-                onClick: () => setCodePreviewExtraProps({
-                    sx: {
-                        width: '375px',
-                        height: '667px',
-                    },
-                    key: 'Mobile',
-                }),
-            },
-            group: 'responsive',
-        },
-        // setting
-        {
-            key: 'Setting',
-            icon: 'tabler:settings-2',
-            props: {
-                disabled,
-                sx: Object.assign({}, responsiveSx),
-                onClick: (e) => __awaiter(this, void 0, void 0, function* () {
-                    var _a;
-                    const { taskid: taskId } = ((_a = e === null || e === void 0 ? void 0 : e.currentTarget) === null || _a === void 0 ? void 0 : _a.dataset) || {};
-                    const currentCode = getCurrentCodeByTaskId(message);
-                    try {
-                        yield transpileAndLoadScript(currentCode).then((m) => {
-                            var _a, _b, _c;
-                            if (typeof (m === null || m === void 0 ? void 0 : m.PROPERTIES_SCHEMA) === 'object' && (m === null || m === void 0 ? void 0 : m.PROPERTIES_SCHEMA.length)) {
-                                const schemaDefaultValues = Object.fromEntries(m.PROPERTIES_SCHEMA.map((item) => {
-                                    const { key, locales } = item;
-                                    const currentLocale = (locales === null || locales === void 0 ? void 0 : locales[locale]) || (locales === null || locales === void 0 ? void 0 : locales.en);
-                                    return [key, currentLocale === null || currentLocale === void 0 ? void 0 : currentLocale.defaultValue];
-                                }));
-                                const defaultValues = Object.assign(Object.assign({}, schemaDefaultValues), (((_a = propertiesValueMap[taskId]) === null || _a === void 0 ? void 0 : _a[locale]) || ((_b = propertiesValueMap[taskId]) === null || _b === void 0 ? void 0 : _b.en) || {}));
-                                // format default values
-                                m.PROPERTIES_SCHEMA.forEach((item) => {
-                                    const { key, type } = item;
-                                    if (type === 'json' && typeof defaultValues[key] === 'object') {
-                                        try {
-                                            defaultValues[key] = JSON.stringify(defaultValues[key], null, 2);
-                                        }
-                                        catch (error) {
-                                            // ignore error
-                                        }
-                                    }
-                                });
-                                // @ts-ignore
-                                (_c = propertiesSettingRef.current) === null || _c === void 0 ? void 0 : _c.open({
-                                    schema: m.PROPERTIES_SCHEMA,
-                                    onSubmit: (values) => {
-                                        const realValues = {};
-                                        m.PROPERTIES_SCHEMA.forEach((item) => {
-                                            const { key, type } = item;
-                                            if (type === 'json' && typeof values[key] === 'string') {
-                                                try {
-                                                    realValues[key] = JSON.parse(values[key]);
-                                                    return;
-                                                }
-                                                catch (error) {
-                                                    // ignore error
-                                                }
-                                            }
-                                            realValues[key] = values[key];
-                                        });
-                                        setPropertiesValueMap(Object.assign(Object.assign({}, propertiesValueMap), { [taskId]: Object.assign(Object.assign({}, propertiesValueMap[taskId]), { [locale]: realValues }) }));
-                                    },
-                                    defaultValues,
-                                });
-                                return;
-                            }
-                            throw new Error('No properties schema found');
-                        });
-                    }
-                    catch (error) {
-                        // ignore error
-                        // send cannot set properties message
-                        Toast.info(t('v0.cannotSetPropertiesTip'));
-                    }
-                }),
-            },
-            group: 'setting',
-        },
-        {
-            key: 'CodePreview',
-            icon: code ? 'tabler:layout-board' : 'tabler:code',
-            buttonText: !isMobile && (code ? 'Canvas' : 'Code'),
-            props: {
-                disabled,
-                variant: 'contained',
-                color: 'primary',
-                onClick: () => {
-                    setCode(getCurrentCodeByTaskId(message));
-                },
-            },
-            group: 'codePreview',
-        },
-    ].filter(Boolean);
-    const onCloseCode = () => setCode('');
-    return (_jsxs(Stack, { sx: {
-            p: 2,
-            gap: 2,
-            height: '100%',
-            display: 'flex',
-            justifyContent: 'flex-start',
-            alignItems: 'center',
-            flexDirection: 'column',
-        }, children: [_jsxs(Stack, { sx: {
-                    display: 'flex',
-                    justifyContent: 'space-between',
-                    alignItems: 'center',
-                    width: '100%',
-                    gap: 1.5,
-                    flexDirection: 'row',
-                    '.question': {
-                        backgroundColor: 'white',
-                        border: 1,
-                        borderColor: 'rgba(0, 0, 0, 0.1) !important',
-                    },
-                }, children: [_jsx(UserQuestion, { question: inputs === null || inputs === void 0 ? void 0 : inputs.question }), _jsx(Box, { sx: {
-                            display: 'flex',
-                            alignItems: 'center',
-                            gap: 1,
-                        }, children: Object.entries(groupBy(tooltipOptions, 'group')).map(([group, options]) => {
-                            return (_jsx(ButtonGroup, { variant: "text", color: "inherit", size: "small", sx: {
-                                    borderColor: 'rgba(0, 0, 0, 0.1) !important',
-                                    border: 1,
-                                }, children: options.map((option) => {
-                                    const { icon, key, props, buttonText } = option;
-                                    return (_jsxs(Button, Object.assign({ "data-taskId": taskId }, props, { children: [_jsx(Icon, { icon: icon, fontSize: 22 }), buttonText && _jsx(Box, { sx: { ml: 1 }, children: buttonText })] }), key));
-                                }) }, group));
-                        }) })] }), _jsx(Box, { sx: Object.assign({ display: 'flex', justifyContent: 'center', overflow: 'hidden', backgroundColor: 'white', borderRadius: 1 }, codePreviewExtraProps === null || codePreviewExtraProps === void 0 ? void 0 : codePreviewExtraProps.sx), children: _jsx(CodeRenderByMessage, { message: message, zoom: 1, sx: {
-                        overflowX: 'auto',
-                        overflowY: 'auto',
-                        scrollbarWidth: 'thin',
-                        scrollbarColor: 'grey transparent',
-                    }, propertiesValueMap: propertiesValueMap }) }), objects === null || objects === void 0 ? void 0 : objects.map((item, index) => _jsx(MessageMetadataRenderer, { object: item }, index)), !isMessageLoading && ((_b = message.outputs) === null || _b === void 0 ? void 0 : _b.content) && (_jsx(ShareActions, { direction: "row", justifyContent: "flex-end", sx: { mt: 2 } })), _jsxs(Suspense, { fallback: _jsx(Loading, {}), children: [_jsx(Drawer, { anchor: isMobile ? 'bottom' : 'right', open: !!code, onClose: onCloseCode, children: _jsxs(Box, { sx: Object.assign({ p: 2, pt: 0 }, (isMobile ? { maxHeight: '70vh' } : { maxWidth: '70vw' })), children: [_jsxs(Box, { sx: {
-                                        py: 2,
-                                        position: 'sticky',
-                                        top: 0,
-                                        left: 0,
-                                        backgroundColor: 'white',
-                                        zIndex: 9999,
-                                        display: 'flex',
-                                        justifyContent: 'space-between',
-                                        alignItems: 'center',
-                                    }, children: [_jsx(Typography, { variant: "h6", sx: {
-                                                lineHeight: 1,
-                                            }, children: t('v0.codePreview') }), _jsx(Button, { onClick: onCloseCode, 
-                                            //   variant="text"
-                                            color: "inherit", disableElevation: true, sx: {
-                                                minWidth: 32,
-                                                minHeight: 32,
-                                                p: 0,
-                                                fontSize: 22,
-                                            }, children: _jsx(Icon, { icon: "tabler:x" }) })] }), _jsx(Alert, { severity: "info", sx: { mb: 2 }, children: t('v0.codePreviewTip') }), _jsx(MarkdownRenderer, { children: `\`\`\`typescript\n${code}\n\`\`\`` })] }) }), _jsx(PropertiesSetting, { ref: propertiesSettingRef })] })] }));
-}