@blocklet/pages-kit 0.2.432 → 0.2.434

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

@@ -1,294 +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 Empty from '@arcblock/ux/lib/Empty';
-import RelativeTime from '@arcblock/ux/lib/RelativeTime';
-import { Icon } from '@iconify/react';
-import { Masonry } from '@mui/lab';
-import { Box, Button, Chip, Container, IconButton, Stack, ThemeProvider, Tooltip, Typography, createTheme, useTheme, } from '@mui/material';
-import { Suspense, useEffect, useMemo, useRef, useState } from 'react';
-import CustomComponentRenderer from '../../../../../components/CustomComponentRenderer';
-import { useLocaleContext } from '../../../../locale';
-import { AgentErrorView } from '../../components/AgentErrorBoundary';
-import { useActiveAgent } from '../../contexts/ActiveAgent';
-import CurrentAgentProvider from '../../contexts/CurrentAgent';
-import CurrentMessageProvider from '../../contexts/CurrentMessage';
-import useAppearances from '../../hooks/use-appearances';
-import { useRuntimeState } from '../../state/runtime';
-import { useAutoLoadSessionState, useCurrentSessionState, useSessionState } from '../../state/session';
-import mapRight from '../../utils/map-right';
-import { CodeRenderByMessageMemo as CodeRenderByMessage } from './components/CodePreview';
-import ConfirmDialog from './components/ConfirmDialog';
-import Loading from './components/Loading';
-import UserQuestion from './components/UserQuestion';
-import { V0RuntimeProvider, useV0RuntimeContext } from './contexts/V0Runtime';
-import { getLineClamp } from './utils';
-const sliderWidth = 200;
-function V0Page({ textColor = '#333', primaryColor = '#333' }) {
-    const inheritedTheme = useTheme();
-    const theme = useMemo(() => {
-        let { primary } = inheritedTheme.palette;
-        try {
-            if (primaryColor) {
-                primary = inheritedTheme.palette.augmentColor({ color: { main: primaryColor } });
-            }
-        }
-        catch (error) {
-            console.error('augment primary color error', { error });
-        }
-        return createTheme(inheritedTheme, {
-            palette: { primary, textColor, background: { block: '#f6f6f6' } },
-            shape: {
-                borderRadius: 8,
-            },
-        });
-    }, [inheritedTheme, primaryColor, textColor]);
-    useAutoLoadSessionState({
-        autoSetCurrentSessionId: false,
-    });
-    const { currentSessionId } = useSessionState((s) => s) || {};
-    const { activeAgentId } = useActiveAgent();
-    const { isMobile } = useV0RuntimeContext();
-    return (_jsx(ThemeProvider, { theme: theme, children: _jsx(CurrentAgentProvider, { agentId: activeAgentId, children: _jsx(Box, { flex: 1, children: _jsxs(Container, { sx: {
-                        height: 'calc(100vh - 64px - 1px)',
-                        textAlign: 'center',
-                        pt: 3,
-                        gap: 2,
-                        display: 'flex',
-                        flexDirection: 'column',
-                        position: 'relative',
-                        '.code-preview-wrapper': {},
-                    }, children: [_jsx(Box, { sx: {
-                                flex: 1,
-                                height: !isMobile && currentSessionId ? 'calc(100% - 48px - 16px - 16px)' : 'unset',
-                            }, children: currentSessionId ? _jsx(V0DetailRender, {}) : _jsx(V0ListRender, {}) }), _jsx(Box, { sx: {
-                                position: 'sticky',
-                                bottom: 0,
-                                backgroundColor: 'white',
-                                py: 2,
-                                pt: currentSessionId ? 0 : 2,
-                                zIndex: 1100,
-                            }, children: _jsx(AgentInputRender, {}) })] }) }) }) }));
-}
-export default function Page() {
-    return (_jsx(V0RuntimeProvider, { children: _jsx(V0Page, {}) }));
-}
-function V0ListRender() {
-    var _a, _b;
-    const ConfirmDialogRef = useRef();
-    const { sessions: sessionsList, setCurrentSessionId, loadLatestMessagesForAllSessions, sessionMap, deleteSession, loading, } = useSessionState((s) => s) || {};
-    const { isMobile } = useV0RuntimeContext();
-    const { agent } = useRuntimeState();
-    const { t } = useLocaleContext();
-    useEffect(() => {
-        const loadData = () => __awaiter(this, void 0, void 0, function* () {
-            if (sessionsList === null || sessionsList === void 0 ? void 0 : sessionsList.length) {
-                yield loadLatestMessagesForAllSessions();
-            }
-        });
-        loadData();
-    }, [sessionsList === null || sessionsList === void 0 ? void 0 : sessionsList.length]);
-    return (_jsxs(Box, { flex: 1, children: [_jsx(Typography, { variant: "h2", color: "textColor", sx: { fontWeight: 'bold', mt: isMobile ? 3 : 6 }, children: ((_a = agent === null || agent === void 0 ? void 0 : agent.project) === null || _a === void 0 ? void 0 : _a.name) || t('v0.title') }), _jsx(Typography, { variant: "h5", color: "textColor", sx: Object.assign(Object.assign({}, getLineClamp(5)), { mt: 2 }), children: ((_b = agent === null || agent === void 0 ? void 0 : agent.project) === null || _b === void 0 ? void 0 : _b.description) || t('v0.description') }), loading ? (_jsx(Loading, { sx: {
-                    position: 'relative',
-                    height: '40vh',
-                    width: '100%',
-                } })) : (_jsxs(Box, { sx: {
-                    mt: isMobile ? 4 : 8,
-                    display: 'flex',
-                    alignContent: 'center',
-                    justifyContent: 'center',
-                }, children: [(sessionsList === null || sessionsList === void 0 ? void 0 : sessionsList.length) ? (_jsx(Masonry, { columns: { xs: 1, sm: 2, md: 3, lg: 4 }, sequential: true, spacing: 2, children: sessionsList === null || sessionsList === void 0 ? void 0 : sessionsList.map((item) => {
-                            var _a, _b;
-                            const { name, id } = item;
-                            const latestMessage = (_b = (_a = sessionMap === null || sessionMap === void 0 ? void 0 : sessionMap[id]) === null || _a === void 0 ? void 0 : _a.messages) === null || _b === void 0 ? void 0 : _b.at(0);
-                            return (_jsxs(Box, { sx: {
-                                    display: 'flex',
-                                    justifyContent: 'center',
-                                    flexDirection: 'column',
-                                    gap: 1,
-                                }, children: [_jsx(Box, { sx: {
-                                            border: 2,
-                                            borderRadius: 1,
-                                            borderColor: 'background.block',
-                                            backgroundColor: 'background.block',
-                                            display: 'flex',
-                                            alignItems: 'center',
-                                            justifyContent: 'center',
-                                            cursor: 'pointer',
-                                            transition: 'all 0.3s',
-                                            overflow: 'hidden',
-                                            // minHeight: sliderWidth,
-                                            // maxHeight: '50vh',
-                                            height: 300,
-                                            '&:hover': {
-                                                borderColor: 'primary.main',
-                                            },
-                                        }, onClick: () => {
-                                            setCurrentSessionId(id);
-                                        }, children: _jsx(CodeRenderByMessage, { zoom: 0.5, message: latestMessage, sx: {
-                                                pointerEvents: 'none',
-                                            } }) }), _jsxs(Box, { sx: {
-                                            display: 'flex',
-                                            alignItems: 'center',
-                                            justifyContent: 'space-between',
-                                        }, children: [_jsx(UserQuestion, { question: name }), _jsx(Box, { children: _jsx(IconButton, { color: "error", size: "small", onClick: () => {
-                                                        var _a, _b;
-                                                        (_b = (_a = ConfirmDialogRef === null || ConfirmDialogRef === void 0 ? void 0 : ConfirmDialogRef.current) === null || _a === void 0 ? void 0 : _a.open) === null || _b === void 0 ? void 0 : _b.call(_a, {
-                                                            title: t('v0.deleteSessionTitle', { name }),
-                                                            children: _jsx(Box, { children: t('v0.deleteSessionTip') }),
-                                                            onConfirm: () => __awaiter(this, void 0, void 0, function* () {
-                                                                yield deleteSession({
-                                                                    sessionId: id,
-                                                                    autoSetCurrentSessionId: false,
-                                                                });
-                                                            }),
-                                                            onConfirmProps: {
-                                                                color: 'error',
-                                                                children: t('delete'),
-                                                            },
-                                                            onCancelProps: {
-                                                                color: 'inherit',
-                                                            },
-                                                        });
-                                                    }, children: _jsx(Icon, { icon: "tabler:trash" }) }) })] })] }, id));
-                        }) }, "masonry-list")) : (_jsx(Box, { sx: {
-                            mt: 12,
-                        }, children: _jsx(Empty, { children: t('v0.noData') }) })), _jsx(ConfirmDialog, { ref: ConfirmDialogRef })] }))] }, "list-render"));
-}
-function V0DetailRender() {
-    var _a;
-    const { setCurrentSessionId } = useSessionState((s) => s) || {};
-    const { messages: messagesListOriginal, loading } = useCurrentSessionState((s) => s) || {};
-    const { currentMessageTaskId, setCurrentMessageTaskId, propertiesValueMap, isMobile } = useV0RuntimeContext();
-    const [sliderOpenInMobile, setSliderOpenInMobile] = useState(!isMobile);
-    const { t } = useLocaleContext();
-    // FIXME: 现在临时把 error 的消息隐藏了，后续需要优化
-    const messagesList = (_a = messagesListOriginal === null || messagesListOriginal === void 0 ? void 0 : messagesListOriginal.filter((message, index) => { var _a, _b; return (!(message === null || message === void 0 ? void 0 : message.error) && ((_b = (_a = message === null || message === void 0 ? void 0 : message.outputs) === null || _a === void 0 ? void 0 : _a.objects) === null || _b === void 0 ? void 0 : _b.length)) || message.id === currentMessageTaskId || index === 0; })) !== null && _a !== void 0 ? _a : [];
-    const currentMessage = messagesList.find((message) => message.id === currentMessageTaskId);
-    useEffect(() => {
-        if (messagesList.length) {
-            const latestMessage = messagesList === null || messagesList === void 0 ? void 0 : messagesList.at(0);
-            // no currentMessageTaskId or has new message
-            if (!currentMessageTaskId || (currentMessageTaskId === (latestMessage === null || latestMessage === void 0 ? void 0 : latestMessage.id) && messagesList.length > 1)) {
-                // @ts-ignore
-                setCurrentMessageTaskId(latestMessage.id);
-            }
-        }
-    }, [messagesList, currentMessageTaskId]);
-    const sliderOpen = isMobile ? sliderOpenInMobile : true;
-    const sliderWrapperSx = {
-        height: isMobile ? 'unset' : '100%',
-        backgroundColor: 'background.block',
-        borderRadius: 1,
-        p: 2,
-        position: 'relative',
-    };
-    return (_jsxs(Box, { flex: 1, sx: {
-            display: 'flex',
-            gap: 2,
-            height: '100%',
-            flexDirection: isMobile ? 'column' : 'row',
-        }, children: [_jsxs(Box, { sx: Object.assign({ width: isMobile ? '100%' : sliderWidth, gap: 2, display: 'flex', flexDirection: 'column' }, (isMobile ? {} : Object.assign({}, sliderWrapperSx))), children: [_jsxs(Box, { sx: {
-                            display: 'flex',
-                            justifyContent: 'space-between',
-                            alignItems: 'center',
-                            gap: 2,
-                        }, children: [_jsx(Button, { variant: "outlined", size: "small", startIcon: _jsx(Icon, { icon: "tabler:chevron-left" }), onClick: () => {
-                                    setCurrentMessageTaskId(undefined);
-                                    setCurrentSessionId('');
-                                }, sx: {
-                                    backgroundColor: 'white',
-                                    width: isMobile ? 'auto' : '100%',
-                                }, children: t('back') }), isMobile ? (_jsx(Button, { startIcon: _jsx(Icon, { icon: sliderOpenInMobile ? 'tabler:chevron-up' : 'tabler:chevron-down' }), size: "small", onClick: () => setSliderOpenInMobile(!sliderOpenInMobile), children: sliderOpenInMobile ? t('v0.hideSlider') : t('v0.showSlider') })) : null, loading && (_jsx(Loading, { sx: Object.assign({ position: 'absolute', zIndex: 99999, top: 0, left: 0, right: 0, bottom: 0, margin: 'auto', background: 'rgba(255, 255, 255, 0.8)', opacity: 0.8, borderRadius: 1, boxShadow: '0 0 10px rgba(0, 0, 0, 0.1)' }, (isMobile
-                                    ? {
-                                        width: '40px',
-                                        height: '40px',
-                                    }
-                                    : {
-                                        width: '80px',
-                                        height: '80px',
-                                    })) }))] }), sliderOpen && (_jsx(Stack, { spacing: 2, direction: isMobile ? 'row' : 'column', sx: Object.assign(Object.assign({}, (isMobile
-                            ? Object.assign({ overflowY: 'hidden', overflowX: 'auto' }, sliderWrapperSx) : {
-                            overflowY: 'auto',
-                            overflowX: 'hidden',
-                        })), { 
-                            // scrollbarWidth: 'thin',
-                            // scrollbarColor: 'grey transparent',
-                            '&::-webkit-scrollbar': {
-                                display: 'none',
-                            } }), children: mapRight(messagesList, (item, i) => {
-                            const { inputs: parameters, id: taskId, updatedAt } = item;
-                            const isCurrent = taskId === (currentMessageTaskId || undefined);
-                            return (_jsx(Box, { sx: {
-                                    display: 'flex',
-                                    justifyContent: 'center',
-                                    flexDirection: 'column',
-                                    gap: 1,
-                                }, children: _jsxs(Box, { id: taskId, onClick: () => {
-                                        // @ts-ignore
-                                        setCurrentMessageTaskId(item.id);
-                                    }, sx: Object.assign({ cursor: 'pointer', color: 'textColor', borderRadius: 1, border: 1, borderColor: isCurrent ? 'primary.main' : 'background.block', backgroundColor: 'white', position: 'relative', transition: 'all 0.3s', '&:hover': {
-                                            borderColor: 'primary.main',
-                                        } }, (isMobile
-                                        ? {
-                                            width: sliderWidth / 2,
-                                            height: sliderWidth / 2,
-                                        }
-                                        : {
-                                            minHeight: sliderWidth / 2,
-                                            maxHeight: '50vh',
-                                        })), children: [_jsx(CodeRenderByMessage, { zoom: 0.25, message: item, sx: {
-                                                pointerEvents: 'none',
-                                            }, propertiesValueMap: propertiesValueMap }), _jsx(Tooltip, { placement: "right", arrow: true, PopperProps: {
-                                            // disablePortal: true,
-                                            }, TransitionProps: {
-                                                timeout: {
-                                                    appear: 500,
-                                                    enter: 500,
-                                                    exit: 0,
-                                                },
-                                            }, title: _jsxs(Box, { children: [_jsx(Typography, { sx: {
-                                                            fontSize: 13,
-                                                            fontWeight: 500,
-                                                            color: 'white',
-                                                        }, children: parameters === null || parameters === void 0 ? void 0 : parameters.question }), _jsx(Box, { sx: {
-                                                            fontSize: 12,
-                                                            opacity: 0.75,
-                                                        }, children: _jsx(RelativeTime, { value: updatedAt }) })] }), children: _jsx(Chip, { label: `V${messagesList.length - i - 1}`, size: "small", variant: "outlined", sx: {
-                                                    fontWeight: 500,
-                                                    fontSize: 10,
-                                                    height: 20,
-                                                    position: 'absolute',
-                                                    bottom: 4,
-                                                    right: 4,
-                                                    backgroundColor: 'background.block',
-                                                    borderColor: isCurrent ? 'primary.main' : 'textColor',
-                                                    color: isCurrent ? 'primary.main' : 'textColor',
-                                                    borderRadius: 1,
-                                                } }) }, taskId)] }, taskId) }, taskId));
-                        }) }))] }, "slider"), _jsx(Box, { sx: {
-                    borderRadius: 1,
-                    backgroundColor: 'background.block',
-                    flex: 1,
-                    maxWidth: isMobile ? '100%' : `calc(100% - ${sliderWidth}px - 16px)`,
-                }, children: currentMessage && _jsx(AgentOutputRender, { message: currentMessage }) })] }));
-}
-function AgentInputRender() {
-    const { appearanceInput } = useAppearances();
-    if (!(appearanceInput === null || appearanceInput === void 0 ? void 0 : appearanceInput.componentId))
-        return null;
-    return (_jsx(Suspense, { children: _jsx(CustomComponentRenderer, { componentId: appearanceInput.componentId, properties: appearanceInput.componentProperties }) }));
-}
-function AgentOutputRender({ message }) {
-    const { appearanceOutput } = useAppearances();
-    if (!(appearanceOutput === null || appearanceOutput === void 0 ? void 0 : appearanceOutput.componentId) || !message)
-        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/V0/components/CodePreview.js

@@ -1,149 +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 { SubscriptionErrorType } from '@blocklet/ai-kit/api';
-import { Icon } from '@iconify/react';
-import { Box, Typography } from '@mui/material';
-import { memo, useCallback, useState } from 'react';
-import CustomComponentRenderer from '../../../../../../components/CustomComponentRenderer';
-import { useLocaleContext } from '../../../../../locale';
-import { AgentErrorView } from '../../../components/AgentErrorBoundary';
-import LoadingButton from '../../../components/LoadingButton';
-import { useCurrentAgent } from '../../../contexts/CurrentAgent';
-import { useRuntimeState } from '../../../state/runtime';
-import MessageErrorView from '../../ChatOutput/MessageErrorView';
-import { useV0RuntimeContext } from '../contexts/V0Runtime';
-import { AIRunningLoading } from './Loading';
-import TransparentTooltip from './TransparentTooltip';
-const codeField = 'code';
-function RetryComponent({ message, tip }) {
-    var _a;
-    const { t } = useLocaleContext();
-    const { execute } = useRuntimeState();
-    const { aid } = useCurrentAgent();
-    const { setCurrentMessageTaskId } = useV0RuntimeContext();
-    const [loading, setLoading] = useState(false);
-    return (_jsxs(Box, { sx: {
-            width: '100%',
-            height: '100%',
-            display: 'flex',
-            flexDirection: 'column',
-            justifyContent: 'flex-start',
-            alignItems: 'center',
-            gap: 2,
-            p: 4,
-        }, children: [_jsx(Box, { component: Icon, icon: "unjs:automd", sx: {
-                    mt: 6,
-                    fontSize: 120,
-                } }), ((_a = message === null || message === void 0 ? void 0 : message.error) === null || _a === void 0 ? void 0 : _a.type) === SubscriptionErrorType.UNSUBSCRIBED ? (_jsx(Box, { width: "100%", children: _jsx(AgentErrorView, { error: message.error }) })) : (_jsxs(Typography, { variant: "h6", sx: {
-                    display: 'flex',
-                    alignItems: 'center',
-                }, children: [tip || t('v0.retryTip'), _jsx(TransparentTooltip, { arrow: true, placement: "top", title: _jsx(MessageErrorView, { error: (message === null || message === void 0 ? void 0 : message.error) || new Error('Code syntax errors'), sx: {
-                                mr: 0,
-                            } }), children: _jsx(Box, { component: Icon, icon: "akar-icons:info", sx: {
-                                ml: 1,
-                            } }) })] })), _jsx(LoadingButton, { variant: "contained", loading: loading, color: "primary", onClick: () => __awaiter(this, void 0, void 0, function* () {
-                    setLoading(true);
-                    try {
-                        const { inputs } = message || {};
-                        // remove $ starting parameters object
-                        const canUseParameters = Object.fromEntries(Object.entries(inputs || {}).filter(([key]) => !key.startsWith('$')));
-                        yield execute({
-                            aid,
-                            parameters: canUseParameters,
-                            onResponseStart: () => {
-                                setCurrentMessageTaskId(undefined);
-                            },
-                        });
-                    }
-                    catch (error) {
-                        console.error(error);
-                    }
-                    finally {
-                        setLoading(false);
-                    }
-                }), children: t('v0.retry') })] }));
-}
-export default function CodePreview(_a) {
-    var { componentId = 'mock-dev-component', code, propertiesValue, message } = _a, restProps = __rest(_a, ["componentId", "code", "propertiesValue", "message"]);
-    const { t, locale } = useLocaleContext();
-    if (!code)
-        return null;
-    return (_jsx(Box, Object.assign({ id: componentId, className: "code-preview-wrapper" }, restProps, { children: _jsx(CustomComponentRenderer, { componentId: componentId, locale: locale, props: propertiesValue || {}, 
-            // eslint-disable-next-line react/no-unstable-nested-components
-            fallbackRender: () => _jsx(RetryComponent, { message: message, tip: t('v0.errorCodeTip') }), dev: {
-                components: {
-                    [componentId]: {
-                        data: {
-                            id: componentId,
-                            createdAt: '',
-                            updatedAt: '',
-                            renderer: {
-                                type: 'react-component',
-                                script: code,
-                            },
-                        },
-                    },
-                },
-            } }) }), componentId));
-}
-export const CodePreviewMemo = memo(CodePreview);
-export function CodeRenderByMessage({ zoom, message, minHeight = 200, sx, propertiesValueMap, }) {
-    var _a;
-    const { locale } = useLocaleContext();
-    const zoomSx = {
-        '& > *': {
-            zoom,
-            minHeight,
-        },
-    };
-    const isMessageLoading = ((message === null || message === void 0 ? void 0 : message.loading) || !(message === null || message === void 0 ? void 0 : message.outputs)) && !(message === null || message === void 0 ? void 0 : message.error);
-    const ContentRender = useCallback(() => {
-        var _a, _b, _c, _d;
-        if (isMessageLoading) {
-            return (_jsx(Box, { className: "code-message-loading", sx: {
-                    py: 8,
-                    display: 'flex',
-                    justifyContent: 'center',
-                    alignItems: 'center',
-                }, children: _jsx(AIRunningLoading, {}) }));
-        }
-        if ((message === null || message === void 0 ? void 0 : message.error) || !((_b = (_a = message === null || message === void 0 ? void 0 : message.outputs) === null || _a === void 0 ? void 0 : _a.objects) === null || _b === void 0 ? void 0 : _b.length)) {
-            return _jsx(RetryComponent, { message: message });
-        }
-        return (_d = (_c = message === null || message === void 0 ? void 0 : message.outputs) === null || _c === void 0 ? void 0 : _c.objects) === null || _d === void 0 ? void 0 : _d.map((item) => {
-            var _a, _b;
-            const { taskId } = item;
-            // @ts-ignore
-            const code = item === null || item === void 0 ? void 0 : item[codeField];
-            return (_jsx(CodePreviewMemo, { componentId: `code-preview-${taskId}`, code: code, propertiesValue: ((_a = propertiesValueMap === null || propertiesValueMap === void 0 ? void 0 : propertiesValueMap[taskId]) === null || _a === void 0 ? void 0 : _a[locale]) || ((_b = propertiesValueMap === null || propertiesValueMap === void 0 ? void 0 : propertiesValueMap[taskId]) === null || _b === void 0 ? void 0 : _b.en) || {}, message: message }, item.taskId));
-        });
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [isMessageLoading, (_a = message === null || message === void 0 ? void 0 : message.outputs) === null || _a === void 0 ? void 0 : _a.objects, propertiesValueMap, locale]);
-    return (_jsx(Box, { sx: Object.assign(Object.assign(Object.assign({ transition: 'all 0.3s', overflow: 'hidden', borderRadius: 1, width: '100%', height: '100%', backgroundColor: 'white' }, zoomSx), sx), { '.code-preview-wrapper': {
-            // p: 2,
-            } }), children: _jsx(ContentRender, {}) }, message === null || message === void 0 ? void 0 : message.id));
-}
-export const CodeRenderByMessageMemo = memo(CodeRenderByMessage);
-export function getCurrentCodeByTaskId(message) {
-    var _a, _b, _c;
-    return (_c = (_b = (_a = message === null || message === void 0 ? void 0 : message.outputs) === null || _a === void 0 ? void 0 : _a.objects) === null || _b === void 0 ? void 0 : _b.find((i) => i === null || i === void 0 ? void 0 : i[codeField])) === null || _c === void 0 ? void 0 : _c[codeField];
-}

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

@@ -1,55 +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 { Button, Dialog, DialogActions, DialogContent, DialogTitle, Typography } from '@mui/material';
-import { forwardRef, useImperativeHandle, useState } from 'react';
-import { useLocaleContext } from '../../../../../locale';
-import LoadingButton from '../../../components/LoadingButton';
-const ConfirmDialog = forwardRef((props, ref) => {
-    const [openDialog, setOpenDialog] = useState(false);
-    const [openParams, setOpenParams] = useState({});
-    const { t } = useLocaleContext();
-    const open = (params) => {
-        setOpenParams(params);
-        setOpenDialog(true);
-    };
-    const close = () => {
-        setOpenDialog(false);
-    };
-    useImperativeHandle(ref, () => ({
-        open,
-        close,
-    }));
-    const { title, children, onConfirm, onCancel, onConfirmProps, onCancelProps } = openParams;
-    return (_jsxs(Dialog, Object.assign({ disableScrollLock: true, onClose: close, fullWidth: true, maxWidth: "sm" }, props, { open: openDialog, children: [_jsxs(DialogTitle, { sx: {
-                    display: 'flex',
-                    alignItems: 'center',
-                    justifyContent: 'space-between',
-                }, children: [_jsx(Typography, { component: "h5", sx: { fontSize: 24, fontWeight: 700 }, children: title }), _jsx(Button, { onClick: close, 
-                        //   variant="text"
-                        color: "inherit", disableElevation: true, sx: {
-                            minWidth: 32,
-                            minHeight: 32,
-                            p: 0,
-                            fontSize: 22,
-                        }, children: _jsx(Icon, { icon: "tabler:x" }) })] }), _jsx(DialogContent, { children: children }), _jsxs(DialogActions, { sx: {
-                    px: 3,
-                    pt: 0,
-                    pb: 2,
-                }, children: [_jsx(Button, Object.assign({ variant: "contained", color: "inherit" }, onCancelProps, { onClick: () => {
-                            onCancel === null || onCancel === void 0 ? void 0 : onCancel();
-                            setOpenDialog(false);
-                        }, children: (onCancelProps === null || onCancelProps === void 0 ? void 0 : onCancelProps.children) || t('cancel') })), _jsx(LoadingButton, Object.assign({ variant: "contained" }, onConfirmProps, { onClick: () => __awaiter(void 0, void 0, void 0, function* () {
-                            yield (onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm());
-                            setOpenDialog(false);
-                        }), children: (onConfirmProps === null || onConfirmProps === void 0 ? void 0 : onConfirmProps.children) || t('submit') }))] })] })));
-});
-export default ConfirmDialog;

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

@@ -1,146 +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 Spinner from '@arcblock/ux/lib/Spinner';
-import { Box, Skeleton } from '@mui/material';
-export default function Loading(props) {
-    const { sx } = props, restProps = __rest(props, ["sx"]);
-    return (_jsx(Box, Object.assign({ sx: Object.assign({ flex: 1, display: 'flex', justifyContent: 'center', alignItems: 'center', position: 'fixed', top: 0, left: 0, width: '100vw', height: '100vh', backgroundColor: 'rgba(255, 255, 255, 0.8)' }, sx) }, restProps, { children: _jsx(Spinner, {}) })));
-}
-export function AIRunningLoading(props) {
-    const { sx } = props, restProps = __rest(props, ["sx"]);
-    const animationTimeList = [
-        {
-            time: 2,
-            width: 60,
-            height: 60,
-            extraProps: {
-                variant: 'circular',
-                sx: {
-                    backgroundColor: 'grey.200',
-                },
-            },
-        },
-        {
-            time: 3,
-            width: 100,
-            height: 20,
-            extraProps: {
-                sx: {
-                    backgroundColor: 'grey.100',
-                },
-            },
-        },
-        {
-            time: 2,
-            width: 250,
-            height: 10,
-            extraProps: {
-                sx: {
-                    backgroundColor: 'grey.200',
-                },
-            },
-        },
-        {
-            time: 4,
-            width: 150,
-            height: 10,
-            extraProps: {
-                sx: {
-                    backgroundColor: 'grey.200',
-                },
-            },
-        },
-        {
-            time: 8,
-            width: '100%',
-            height: '100%',
-            Component: Box,
-            extraProps: {
-                children: [
-                    _jsx(Skeleton, { variant: "rectangular", sx: {
-                            width: 60,
-                            height: 50,
-                            borderRadius: 1,
-                            backgroundColor: 'grey.200',
-                        } }),
-                    _jsx(Skeleton, { variant: "rectangular", sx: {
-                            width: 90,
-                            height: 50,
-                            borderRadius: 1,
-                            backgroundColor: 'grey.200',
-                        } }),
-                    _jsx(Skeleton, { variant: "rectangular", sx: {
-                            width: 120,
-                            height: 50,
-                            borderRadius: 1,
-                            backgroundColor: 'grey.200',
-                        } }),
-                ],
-                sx: {
-                    px: 2,
-                    py: 1,
-                    display: 'flex',
-                    gap: 1.5,
-                    justifyContent: 'space-between',
-                    overflow: 'hidden',
-                },
-            },
-        },
-        {
-            time: 60,
-            width: 290,
-            height: 150,
-            extraProps: {
-                sx: {
-                    backgroundColor: 'grey.200',
-                },
-            },
-        },
-    ];
-    return (_jsx(Box, Object.assign({ sx: Object.assign({ flex: 1, display: 'inline-flex', justifyContent: 'center', alignItems: 'center', backgroundColor: 'white', flexDirection: 'column', gap: 1.5, width: '100%', overflow: 'hidden', '@keyframes loading': {
-                '0%': {
-                    transform: 'translateY(-8px) scaleX(1.3)',
-                    opacity: 0,
-                    height: '100%',
-                },
-                '50%': {
-                    transform: 'translateY(0px)',
-                    opacity: 0.5,
-                    zoom: 1,
-                    height: '100%',
-                },
-                '100%': {
-                    transform: 'translateY(4px)',
-                    opacity: 1,
-                    zoom: 1,
-                    height: '100%',
-                },
-            } }, sx) }, restProps, { children: animationTimeList.map((item, index) => {
-            // 计算 index 之前的累计时间之和，作为动画延迟时间
-            const delay = animationTimeList.slice(0, index).reduce((prev, current) => prev + current.time, 0);
-            const { time, width, height, Component = Skeleton } = item, _a = item.extraProps, _b = _a === void 0 ? {} : _a, { sx } = _b, restSkeletonProps = __rest(_b, ["sx"]);
-            const isLast = index === animationTimeList.length - 1;
-            return (_jsx(Box, { sx: {
-                    animation: `loading ${time}s 1 ${delay}s forwards`,
-                    borderRadius: 1,
-                    overflow: 'hidden',
-                    opacity: 0,
-                    transition: 'all 0.3s',
-                }, children: _jsx(Component
-                // @ts-ignore
-                , Object.assign({ 
-                    // @ts-ignore
-                    variant: "rectangular", sx: Object.assign({ width,
-                        height, animationIterationCount: isLast ? 'infinite' : 1, animationFillMode: isLast ? 'forwards' : 'none' }, sx) }, restSkeletonProps)) }, index));
-        }) })));
-}