@blocklet/pages-kit 0.2.299 → 0.2.301

package/lib/esm/builtin/async/ai-runtime/components/message/MessageItemView.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, jsxs as _jsxs } from "react/jsx-runtime";
-import ImagePreview from '@blocklet/ai-kit/components/image-preview';
-import { cx } from '@emotion/css';
-import { Box, Skeleton, Stack, Tooltip, Typography, styled, useMediaQuery, useTheme } from '@mui/material';
-import dayjs from 'dayjs';
-import React, { useMemo, useState } from 'react';
-import { Avatar } from '../../../../arcblock/ux';
-import { useSessionContext } from '../../../../session';
-import { useAssistantState } from '../../state/assistant';
-import { MessageMetadataRenderer } from '../common';
-import MarkdownRenderer from '../MarkdownRenderer';
-import MessageActions from './MessageActions';
-import MessageErrorView from './MessageErrorView';
-export default function MessageItemView(_a) {
-    var _b, _c;
-    var { page, message, hideAvatar } = _a, props = __rest(_a, ["page", "message", "hideAvatar"]);
-    const [assistant] = useAssistantState(page);
-    const showUserMessage = ((_b = assistant.release) === null || _b === void 0 ? void 0 : _b.template) !== 'form' && !!((_c = message.parameters) === null || _c === void 0 ? void 0 : _c.question);
-    return (_jsxs(MessageItemContainer, Object.assign({}, props, { className: cx('ai-chat-message-item', hideAvatar && 'hide-avatar', props.className), children: [showUserMessage && _jsx(UserMessage, { message: message }), _jsx(AgentMessage, { page: page, message: message, hideAvatar: hideAvatar })] })));
-}
-const MessageItemContainer = styled(Stack) `
-  gap: 2.5;
-  overflow: hidden;
-
-  .message-question {
-    position: relative;
-    border-radius: ${({ theme }) => theme.shape.borderRadius}px;
-    border-top-right-radius: 2px;
-    padding: ${({ theme }) => theme.spacing(1, 2)};
-    margin-top: ${({ theme }) => theme.spacing(0.5)};
-    // without logo width
-    max-width: calc(100% - 40px);
-    background-color: rgba(239, 246, 255, 1);
-
-    &.hide-avatar {
-      border-top-right-radius: ${({ theme }) => theme.shape.borderRadius}px;
-    }
-  }
-
-  .message-response {
-    position: relative;
-    border-radius: ${({ theme }) => theme.shape.borderRadius}px;
-    border-top-left-radius: 2px;
-    padding: ${({ theme }) => theme.spacing(1, 2)};
-    margin-top: ${({ theme }) => theme.spacing(0.5)};
-    // without logo width
-    max-width: calc(100% - 40px);
-    background-color: rgba(229, 231, 235, 1);
-
-    &.hide-avatar {
-      border-top-left-radius: ${({ theme }) => theme.shape.borderRadius}px;
-    }
-  }
-`;
-function UserMessage({ message }) {
-    var _a, _b, _c, _d;
-    const { session: authSession } = useSessionContext();
-    return (_jsxs(Stack, { className: "ai-chat-message-user", direction: "row", gap: 1.5, sx: {
-            display: 'flex',
-            flexDirection: 'row-reverse',
-            textAlign: 'right',
-            justifyContent: 'flex-end',
-        }, children: [_jsx(Box, { children: _jsx(Avatar, { size: 40, src: (_a = authSession.user) === null || _a === void 0 ? void 0 : _a.avatar, did: (_b = authSession.user) === null || _b === void 0 ? void 0 : _b.did, variant: "circle", shape: "circle" }) }), _jsxs(Stack, { flex: 1, overflow: "hidden", sx: {
-                    display: 'flex',
-                    flexDirection: 'column',
-                    alignItems: 'flex-end',
-                }, children: [_jsxs(MessageUserName, { children: [(_c = authSession.user) === null || _c === void 0 ? void 0 : _c.fullName, _jsx(MessageTime, { time: message.createdAt })] }), _jsx(Box, { className: "message-question", sx: { whiteSpace: 'pre-wrap', wordBreak: 'break-word', textAlign: 'left' }, children: (_d = message.parameters) === null || _d === void 0 ? void 0 : _d.question })] })] }));
-}
-function AgentMessage({ page, message, hideAvatar }) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
-    const [assistant] = useAssistantState(page);
-    const showMainMessage = !!(((_a = message.result) === null || _a === void 0 ? void 0 : _a.content) || ((_c = (_b = message.result) === null || _b === void 0 ? void 0 : _b.messages) === null || _c === void 0 ? void 0 : _c.length));
-    const isMessageLoading = (message.loading || !message.result) && !message.error;
-    const theme = useTheme();
-    const isMobile = useMediaQuery(theme.breakpoints.down('sm'));
-    const isFormTemplate = ((_d = assistant.release) === null || _d === void 0 ? void 0 : _d.template) === 'form';
-    return (_jsxs(Stack, { className: "ai-chat-message-ai", direction: "row", gap: 1.5, children: [!hideAvatar && (_jsx(Box, { children: _jsx(Avatar, { size: 40, did: (_e = globalThis.blocklet) === null || _e === void 0 ? void 0 : _e.appId, variant: "circle", shape: "circle", src: (_f = assistant.release) === null || _f === void 0 ? void 0 : _f.logo }) })), _jsxs(Box, { flex: 1, width: 0, children: [!hideAvatar && (_jsxs(MessageUserName, { children: [((_g = assistant.release) === null || _g === void 0 ? void 0 : _g.title) || assistant.name, _jsx(MessageTime, { time: message.createdAt })] })), _jsxs(React.Suspense, { children: [showMainMessage ? (_jsx(Tooltip, Object.assign({}, (isFormTemplate && {
-                                open: true,
-                            }), { placement: "right-start", PopperProps: {
-                                    className: 'white-tooltip',
-                                }, slotProps: {
-                                    popper: {
-                                        modifiers: [
-                                            {
-                                                name: 'offset',
-                                                options: {
-                                                    offset: [-3, isMobile ? (!hideAvatar ? -18 : -8) : -6],
-                                                },
-                                            },
-                                        ],
-                                    },
-                                }, title: !isMessageLoading && ((_h = message.result) === null || _h === void 0 ? void 0 : _h.content) && _jsx(MessageActions, { content: message.result.content }), children: _jsxs(Stack, { gap: 1, className: "message-response", children: [(_k = (_j = message.result) === null || _j === void 0 ? void 0 : _j.messages) === null || _k === void 0 ? void 0 : _k.map((childMsg, index) => {
-                                            var _a, _b, _c, _d, _e, _f, _g;
-                                            return ((_a = childMsg.result) === null || _a === void 0 ? void 0 : _a.content) ? (_jsx(MarkdownRenderer, { className: isMessageLoading &&
-                                                    !((_b = message.result) === null || _b === void 0 ? void 0 : _b.content) &&
-                                                    !((_d = (_c = message.result) === null || _c === void 0 ? void 0 : _c.images) === null || _d === void 0 ? void 0 : _d.length) &&
-                                                    message.result.messages.length - 1 === index
-                                                    ? 'writing'
-                                                    : '', sx: childMsg.respondAs === 'systemMessage' ? { color: 'text.secondary' } : {}, children: (_e = childMsg.result) === null || _e === void 0 ? void 0 : _e.content }, childMsg.taskId)) : ((_g = (_f = childMsg.result) === null || _f === void 0 ? void 0 : _f.images) === null || _g === void 0 ? void 0 : _g.length) ? (_jsx(ImagePreview, { itemWidth: 100, spacing: 1, dataSource: childMsg.result.images.map((i) => ({ src: i.url })) }, childMsg.taskId)) : null;
-                                        }), ((_l = message.result) === null || _l === void 0 ? void 0 : _l.content) && (_jsx(MarkdownRenderer, { className: isMessageLoading ? 'writing' : '', children: message.result.content }))] }) }))) : (isMessageLoading && (_jsx(Skeleton, { variant: "rectangular", height: 24 + 8 + 8, 
-                                // only response with loading
-                                className: "message-response" }))), !!((_o = (_m = message.result) === null || _m === void 0 ? void 0 : _m.objects) === null || _o === void 0 ? void 0 : _o.length) &&
-                                ((_q = (_p = message.result) === null || _p === void 0 ? void 0 : _p.objects) === null || _q === void 0 ? void 0 : _q.map((object) => (_jsx(MessageMetadataRenderer, { object: object.data }, object.taskId)))), message.error && _jsx(MessageErrorView, { page: page, error: message.error })] })] })] }));
-}
-export function MessageItemWrapper(_a) {
-    var _b, _c, _d;
-    var { hideAvatar, assistant, agentMessage } = _a, props = __rest(_a, ["hideAvatar", "assistant", "agentMessage"]);
-    const [time] = useState(() => new Date().toISOString());
-    return (_jsx(MessageItemContainer, Object.assign({}, props, { className: cx('ai-chat-message-item', hideAvatar && 'hide-avatar', props.className), children: agentMessage && (_jsxs(Stack, { className: "ai-chat-message-ai", direction: "row", gap: 1.5, children: [!hideAvatar && (_jsx(Box, { children: _jsx(Avatar, { size: 40, 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 }) })), _jsxs(Box, { flex: 1, width: 0, children: [!hideAvatar && (_jsxs(MessageUserName, { children: [((_d = assistant.release) === null || _d === void 0 ? void 0 : _d.title) || assistant.name, _jsx(MessageTime, { time: time })] })), agentMessage] })] })) })));
-}
-function MessageUserName({ children }) {
-    return (_jsx(Typography, { component: "div", noWrap: true, sx: {
-            fontSize: 14,
-            lineHeight: '24px',
-            fontWeight: 500,
-            display: 'flex',
-            alignItems: 'center',
-            gap: 1,
-        }, children: children }));
-}
-function MessageTime({ time }) {
-    const t = useMemo(() => {
-        const date = dayjs(time);
-        if (!date.isValid())
-            return undefined;
-        return date.isSame(dayjs(), 'date') ? date.format('HH:mm') : date.format('YYYY-MM-DD HH:mm');
-    }, [time]);
-    if (!t)
-        return null;
-    return (_jsx(Typography, { sx: {
-            fontSize: 12,
-            lineHeight: '24px',
-            color: 'text.secondary',
-        }, children: t }, "user-time"));
-}

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

@@ -1,42 +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 { Stack } from '@mui/material';
-import { useMemo } from 'react';
-import { useAssistantState } from '../../state/assistant';
-import { useSessionState } from '../../state/session';
-import MessageItemView from './MessageItemView';
-export default function MessageListView(_a) {
-    var { page } = _a, props = __rest(_a, ["page"]);
-    const [assistant] = useAssistantState(page);
-    const [session, { messages = [] }] = useSessionState({ sessionId: page.sessionId, required: true });
-    const opener = useMemo(() => {
-        var _a;
-        const { openerMessage } = (_a = assistant.release) !== null && _a !== void 0 ? _a : {};
-        if (openerMessage) {
-            return {
-                taskId: '',
-                assistantId: assistant.id,
-                sessionId: session.id,
-                createdAt: session.createdAt,
-                updatedAt: session.createdAt,
-                result: { content: openerMessage },
-            };
-        }
-        return undefined;
-    }, [assistant.release]);
-    if (!session)
-        return null;
-    return (_jsxs(Stack, Object.assign({ gap: 2.5 }, props, { children: [opener && _jsx(MessageItemView, { page: page, message: opener }), messages.map((message) => {
-                return _jsx(MessageItemView, { page: page, message: message }, message.taskId);
-            })] })));
-}

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

@@ -1,92 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Masonry } from '@mui/lab';
-import { Box, Skeleton, Stack, ThemeProvider, Typography, createTheme, styled, useTheme } from '@mui/material';
-import { Suspense, useMemo } from 'react';
-import Balancer, { Provider } from 'react-wrap-balancer';
-import CustomComponentRenderer from '../../../../../../../components/CustomComponentRenderer';
-import { useLocaleContext } from '../../../../../../locale';
-import LoadingButton from '../../../LoadingButton';
-import CurrentAgentProvider, { useCurrentAgent } from '../../contexts/CurrentAgent';
-import CurrentMessageProvider from '../../contexts/CurrentMessage';
-import { useRuntimeState } from '../../state/runtime';
-import mapRight from '../../utils/map-right';
-export default function PhotoGallery({ resultTitle, background, primaryColor, }) {
-    const { agent, appearancePage, childAgentId } = useRuntimeState();
-    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 },
-            shape: {
-                borderRadius: 8,
-            },
-        });
-    }, [inheritedTheme, primaryColor]);
-    const title = (appearancePage === null || appearancePage === void 0 ? void 0 : appearancePage.name) || agent.name;
-    const description = (appearancePage === null || appearancePage === void 0 ? void 0 : appearancePage.description) || agent.description;
-    return (_jsx(ThemeProvider, { theme: theme, children: _jsxs(Root, { className: "photo-wall-root", sx: { backgroundImage: `url(${background})` }, children: [_jsx(Stack, { className: "photo-wall-header", children: _jsxs(Provider, { children: [title && (_jsx(Typography, { component: "h2", fontSize: 48, fontWeight: 700, textAlign: "center", children: _jsx(Balancer, { children: title }) })), description && (_jsx(Typography, { fontSize: 20, textAlign: "center", children: _jsx(Balancer, { children: description }) }))] }) }), _jsx(Stack, { className: "photo-wall-input", children: _jsx(CurrentAgentProvider, { agentId: childAgentId, children: _jsx(AgentInputRender, {}) }) }), _jsxs(Stack, { className: "photo-wall-output", gap: 2, children: [resultTitle && (_jsx(Typography, { component: "h2", fontSize: 48, fontWeight: 700, textAlign: "center", children: _jsx(Balancer, { children: resultTitle }) })), _jsx(OutputView, {})] })] }) }));
-}
-const Root = styled(Stack)(({ theme }) => theme.unstable_sx({
-    gap: { xs: 3, sm: 4, md: 5 },
-    width: '100%',
-    backgroundSize: '100% auto',
-    backgroundRepeat: 'no-repeat',
-    backgroundPosition: 'top',
-    mt: 4,
-    '.photo-wall-header': {
-        maxWidth: 'md',
-        mx: 'auto',
-        width: '100%',
-        px: { xs: 2, sm: 3 },
-        gap: { xs: 2, sm: 3 },
-    },
-    '.photo-wall-input': {
-        maxWidth: 'md',
-        mx: 'auto',
-        width: '100%',
-        px: { xs: 2, sm: 3 },
-    },
-    '.photo-wall-output': {
-        width: '100%',
-        alignItems: 'center',
-        px: { xs: 2, sm: 3 },
-        '.photo-wall-item': {
-            borderRadius: 1,
-            img: {
-                borderRadius: 1,
-            },
-        },
-    },
-}));
-function AgentInputRender() {
-    const { appearanceInput } = useCurrentAgent();
-    if (!(appearanceInput === null || appearanceInput === void 0 ? void 0 : appearanceInput.componentId))
-        return null;
-    return (_jsx(Stack, { children: _jsx(CustomComponentRenderer, { componentId: appearanceInput.componentId, properties: appearanceInput.componentProps }) }));
-}
-function NoOutputs() {
-    return (_jsx(Stack, { mt: 10, children: _jsx(Typography, { color: "text.disabled", children: "You haven't generated any pictures yet." }) }));
-}
-function OutputView() {
-    var _a, _b, _c, _d, _e;
-    const { t } = useLocaleContext();
-    const { sessionState } = useRuntimeState();
-    return (_jsxs(_Fragment, { children: [sessionState.loaded && !((_a = sessionState.messages) === null || _a === void 0 ? void 0 : _a.length) && _jsx(NoOutputs, {}), _jsxs(Masonry, { columns: { xs: 2, sm: 3, md: 4, lg: 5 }, spacing: 1, sequential: true, sx: { width: '100%', overflow: 'hidden' }, children: [sessionState.running && (_jsx(Skeleton, { className: "photo-wall-item", variant: "rectangular", sx: {
-                            // FIXME: default using history height
-                            height: (_c = (_b = document.getElementsByClassName('photo-wall-item')[0]) === null || _b === void 0 ? void 0 : _b.clientHeight) !== null && _c !== void 0 ? _c : 200,
-                        } })), mapRight((_d = sessionState.messages) !== null && _d !== void 0 ? _d : [], (message) => (_jsx(CurrentAgentProvider, { agentId: message.assistantId, children: _jsx(CurrentMessageProvider, { message: message, children: _jsx(Suspense, { children: _jsx(OutputItemView, {}) }) }) }, message.taskId)))] }), _jsx(Box, { my: 4, children: !!((_e = sessionState.messages) === null || _e === void 0 ? void 0 : _e.length) && !sessionState.noMoreMessage && (_jsx(LoadingButton, { variant: "outlined", onClick: sessionState.loadMoreMessages, children: t('loadMore') })) })] }));
-}
-function OutputItemView() {
-    const { appearanceOutput } = useCurrentAgent();
-    if (!(appearanceOutput === null || appearanceOutput === void 0 ? void 0 : appearanceOutput.componentId))
-        return null;
-    return (_jsx(CustomComponentRenderer, { componentId: appearanceOutput.componentId, properties: appearanceOutput.componentProps }));
-}

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

@@ -1,50 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Stack, ThemeProvider, Typography, createTheme, useTheme } from '@mui/material';
-import { Suspense, useMemo } from 'react';
-import Balancer, { Provider } from 'react-wrap-balancer';
-import CustomComponentRenderer from '../../../../../../../components/CustomComponentRenderer';
-import CurrentAgentProvider, { useCurrentAgent } from '../../contexts/CurrentAgent';
-import CurrentMessageProvider from '../../contexts/CurrentMessage';
-import { useRuntimeState } from '../../state/runtime';
-export default function SimplePage({ resultTitle, primaryColor }) {
-    const { agent, appearancePage, childAgentId } = useRuntimeState();
-    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 },
-            shape: {
-                borderRadius: 8,
-            },
-        });
-    }, [inheritedTheme, primaryColor]);
-    const title = (appearancePage === null || appearancePage === void 0 ? void 0 : appearancePage.name) || agent.name;
-    const description = (appearancePage === null || appearancePage === void 0 ? void 0 : appearancePage.description) || agent.description;
-    return (_jsx(ThemeProvider, { theme: theme, children: _jsxs(Stack, { gap: 2, maxWidth: "md", width: "100%", mx: "auto", px: { xs: 2, sm: 3 }, children: [_jsx(Stack, { gap: 2, mt: 8, mb: 4, children: _jsxs(Provider, { children: [title && (_jsx(Typography, { component: "h5", fontSize: 30, fontWeight: 700, textAlign: "center", children: _jsx(Balancer, { children: title }) })), description && (_jsx(Typography, { textAlign: "center", children: _jsx(Balancer, { children: description }) }))] }) }), _jsx(Stack, { children: _jsx(CurrentAgentProvider, { agentId: childAgentId, children: _jsx(AgentInputRender, {}) }) }), _jsx(Stack, { children: _jsx(OutputView, { resultTitle: resultTitle }) })] }) }));
-}
-function AgentInputRender() {
-    const { appearanceInput } = useCurrentAgent();
-    if (!(appearanceInput === null || appearanceInput === void 0 ? void 0 : appearanceInput.componentId))
-        return null;
-    return (_jsx(Stack, { children: _jsx(CustomComponentRenderer, { componentId: appearanceInput.componentId, properties: appearanceInput.componentProps }) }));
-}
-function OutputView({ resultTitle }) {
-    var _a;
-    const { sessionState } = useRuntimeState();
-    const lastMessage = (_a = sessionState.messages) === null || _a === void 0 ? void 0 : _a.slice(-1)[0];
-    return (_jsx(Stack, { gap: 2, children: lastMessage && (_jsxs(_Fragment, { children: [_jsx(Stack, { children: resultTitle && (_jsx(Typography, { component: "h5", fontSize: 36, fontWeight: 700, textAlign: "center", children: _jsx(Balancer, { children: resultTitle }) })) }), _jsx(Stack, { children: _jsx(CurrentAgentProvider, { agentId: lastMessage.assistantId, children: _jsx(CurrentMessageProvider, { message: lastMessage, children: _jsx(Suspense, { children: _jsx(OutputItemView, {}) }) }) }) })] })) }));
-}
-function OutputItemView() {
-    const { appearanceOutput } = useCurrentAgent();
-    if (!(appearanceOutput === null || appearanceOutput === void 0 ? void 0 : appearanceOutput.componentId))
-        return null;
-    return (_jsx(CustomComponentRenderer, { componentId: appearanceOutput.componentId, properties: appearanceOutput.componentProps }));
-}

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

@@ -1,3 +0,0 @@
-export const DEFAULT_PAGE_COMPONENT_ID = 'ctnxha29uu8cx4xv';
-export const DEFAULT_INPUT_COMPONENT_ID = '1wwtemqcdio6nqf0';
-export const DEFAULT_OUTPUT_COMPONENT_ID = 'q0ckknkxph4hfwas';

package/lib/esm/builtin/async/ai-runtime/components/runtime/state/session.js

@@ -1,209 +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 __asyncValues = (this && this.__asyncValues) || function (o) {
-    if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
-    var m = o[Symbol.asyncIterator], i;
-    return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
-    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
-    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }
-};
-import { create } from 'zustand';
-import { immer } from 'zustand/middleware/immer';
-import { getMessages } from '../../../api/message';
-import { createSession, getSessions, runAssistant } from '../../../api/session';
-import { parseIdentity } from '../../../utils';
-const STATES = {};
-const GET_MESSAGES_LIMIT = 100;
-const GET_MESSAGES_ORDER_DIRECTION = 'desc';
-export const createSessionState = ({ aid }) => {
-    var _a;
-    (_a = STATES[aid]) !== null && _a !== void 0 ? _a : (STATES[aid] = create()(immer((set, get) => ({
-        reset: () => {
-            set((state) => {
-                state.loading = undefined;
-                state.loaded = undefined;
-                state.running = undefined;
-                state.session = undefined;
-                state.messages = undefined;
-                state.noMoreMessage = undefined;
-                state.messageLoading = undefined;
-                state.error = undefined;
-            });
-        },
-        load: () => __awaiter(void 0, void 0, void 0, function* () {
-            var _b;
-            set((state) => {
-                state.loading = true;
-            });
-            try {
-                const { sessions } = yield getSessions(parseIdentity(aid, { rejectWhenError: true }));
-                const session = (_b = sessions[0]) !== null && _b !== void 0 ? _b : (yield createSession({ assistantId: aid })).created;
-                const { messages } = yield getMessages({
-                    sessionId: session.id,
-                    orderDirection: GET_MESSAGES_ORDER_DIRECTION,
-                    limit: GET_MESSAGES_LIMIT,
-                });
-                set((state) => {
-                    state.session = session;
-                    state.messages = messages.toReversed();
-                    state.noMoreMessage = messages.length < GET_MESSAGES_LIMIT;
-                });
-            }
-            catch (error) {
-                set((state) => {
-                    state.error = error;
-                });
-                throw error;
-            }
-            finally {
-                set((state) => {
-                    state.loaded = true;
-                    state.loading = false;
-                });
-            }
-        }),
-        loadMoreMessages: () => __awaiter(void 0, void 0, void 0, function* () {
-            var _c;
-            set((state) => {
-                state.messageLoading = true;
-            });
-            const { session, messages } = get();
-            if (!session)
-                return;
-            try {
-                const result = yield getMessages({
-                    sessionId: session.id,
-                    before: (_c = messages === null || messages === void 0 ? void 0 : messages.slice(-1)[0]) === null || _c === void 0 ? void 0 : _c.id,
-                    orderDirection: GET_MESSAGES_ORDER_DIRECTION,
-                    limit: GET_MESSAGES_LIMIT,
-                });
-                set((state) => {
-                    var _a;
-                    state.messages = ((_a = state.messages) !== null && _a !== void 0 ? _a : []).concat(result.messages.toReversed());
-                    state.noMoreMessage = result.messages.length < GET_MESSAGES_LIMIT;
-                });
-            }
-            finally {
-                set((state) => {
-                    state.messageLoading = false;
-                });
-            }
-        }),
-        execute: (_d) => __awaiter(void 0, [_d], void 0, function* ({ aid, working, parameters, onResponseStart, }) {
-            var _e, e_1, _f, _g;
-            let { session } = get();
-            if (!session) {
-                yield get().load();
-                session = get().session;
-            }
-            if (!session)
-                throw new Error('This session is not initialized');
-            const { id: sessionId } = session;
-            const identity = parseIdentity(aid, { rejectWhenError: true });
-            let message;
-            set((state) => {
-                state.running = true;
-                state.error = undefined;
-            });
-            try {
-                const stream = runAssistant({
-                    sessionId,
-                    identity,
-                    working,
-                    parameters: Object.assign(Object.assign({}, parameters), { $clientTime: new Date().toISOString() }),
-                });
-                let responseStarted = false;
-                try {
-                    for (var _h = true, stream_1 = __asyncValues(stream), stream_1_1; stream_1_1 = yield stream_1.next(), _e = stream_1_1.done, !_e; _h = true) {
-                        _g = stream_1_1.value;
-                        _h = false;
-                        const value = _g;
-                        if (!responseStarted) {
-                            responseStarted = true;
-                            onResponseStart === null || onResponseStart === void 0 ? void 0 : onResponseStart();
-                        }
-                        if ((value === null || value === void 0 ? void 0 : value.type) === 'CHUNK') {
-                            if (!message) {
-                                message = {
-                                    taskId: value.taskId,
-                                    assistantId: identity.assistantId,
-                                    sessionId,
-                                    parameters,
-                                    createdAt: new Date().toISOString(),
-                                    updatedAt: new Date().toISOString(),
-                                    loading: true,
-                                };
-                                set((state) => {
-                                    var _a;
-                                    (_a = state.messages) !== null && _a !== void 0 ? _a : (state.messages = []);
-                                    state.messages.push(message);
-                                });
-                            }
-                            if (message.taskId === value.taskId) {
-                                requestAnimationFrame(() => {
-                                    set((state) => {
-                                        var _a, _b, _c, _d, _e, _f;
-                                        var _g;
-                                        const msg = (_a = state.messages) === null || _a === void 0 ? void 0 : _a.findLast((i) => i.taskId === message.taskId);
-                                        if (!msg)
-                                            return;
-                                        (_b = msg.result) !== null && _b !== void 0 ? _b : (msg.result = {});
-                                        msg.result.content = (msg.result.content || '') + (value.delta.content || '');
-                                        if ((_d = (_c = value.delta) === null || _c === void 0 ? void 0 : _c.images) === null || _d === void 0 ? void 0 : _d.length) {
-                                            msg.result.images = ((_e = msg.result.images) !== null && _e !== void 0 ? _e : []).concat(value.delta.images);
-                                        }
-                                        if (value.delta.object) {
-                                            (_f = (_g = msg.result).objects) !== null && _f !== void 0 ? _f : (_g.objects = []);
-                                            msg.result.objects.push({ taskId: value.taskId, data: value.delta.object });
-                                        }
-                                    });
-                                });
-                            }
-                        }
-                        if ((value === null || value === void 0 ? void 0 : value.type) === 'ERROR') {
-                            set((state) => {
-                                var _a;
-                                const msg = (_a = state.messages) === null || _a === void 0 ? void 0 : _a.findLast((i) => i.taskId === message.taskId);
-                                if (msg)
-                                    msg.error = value.error;
-                                else
-                                    throw new Error(value.error.message);
-                            });
-                        }
-                    }
-                }
-                catch (e_1_1) { e_1 = { error: e_1_1 }; }
-                finally {
-                    try {
-                        if (!_h && !_e && (_f = stream_1.return)) yield _f.call(stream_1);
-                    }
-                    finally { if (e_1) throw e_1.error; }
-                }
-            }
-            catch (error) {
-                set((state) => {
-                    state.error = error;
-                });
-            }
-            finally {
-                set((state) => {
-                    var _a;
-                    state.running = false;
-                    if (message) {
-                        const msg = (_a = state.messages) === null || _a === void 0 ? void 0 : _a.findLast((i) => i.taskId === message.taskId);
-                        if (msg)
-                            msg.loading = false;
-                    }
-                });
-            }
-        }),
-    }))));
-    return STATES[aid];
-};

package/lib/esm/builtin/async/ai-runtime/components/runtime-chat/InitialForm.js

@@ -1,102 +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, Fragment as _Fragment } from "react/jsx-runtime";
-import { Box, Stack, alpha } from '@mui/material';
-import { useEffect, useMemo, useState } from 'react';
-import { useSessionContext } from '../../../../session';
-import { createSession } from '../../api/session';
-import { useAssistantState } from '../../state/assistant';
-import { globalLoadingState } from '../../state/loading';
-import { createSessionState } from '../../state/session';
-import { MessageSuggestedQuestion } from '../common/MessageSuggestedQuestions';
-import ParameterForm from '../form/ParameterForm';
-import MessageErrorView from '../message/MessageErrorView';
-import MessageItemView, { MessageItemWrapper } from '../message/MessageItemView';
-import PoweredBy from '../PoweredBy';
-export default function InitialForm({ page }) {
-    var _a, _b;
-    const { assistantId } = page;
-    const { session: authSession } = useSessionContext();
-    const [assistant] = useAssistantState({ assistantId: page.assistantId });
-    const [error, setError] = useState();
-    useEffect(() => {
-        var _a;
-        if (error && authSession.user && ((_a = error === null || error === void 0 ? void 0 : error.error) === null || _a === void 0 ? void 0 : _a.status) === 401) {
-            onSubmit(error.parameters);
-            setError(undefined);
-        }
-    }, [authSession.user]);
-    const opener = useMemo(() => {
-        var _a;
-        const { openerMessage } = (_a = assistant.release) !== null && _a !== void 0 ? _a : {};
-        if (openerMessage) {
-            return {
-                taskId: '',
-                sessionId: '',
-                assistantId: '',
-                createdAt: new Date().toISOString(),
-                updatedAt: new Date().toISOString(),
-                result: { content: openerMessage },
-            };
-        }
-        return undefined;
-    }, [assistant.release]);
-    const [creating, setCreating] = useState(false);
-    const onSubmit = (parameters) => __awaiter(this, void 0, void 0, function* () {
-        if (creating)
-            return;
-        setCreating(true);
-        try {
-            yield globalLoadingState.getState().run(() => __awaiter(this, void 0, void 0, function* () {
-                const { created: session } = yield createSession({
-                    assistantId,
-                    name: typeof (parameters === null || parameters === void 0 ? void 0 : parameters.question) === 'string' ? parameters.question : undefined,
-                    parameters,
-                });
-                createSessionState({ sessionId: session.id, session }).getState().execute({
-                    assistantId,
-                    parameters,
-                });
-                page.navigate({ page: 'session', assistantId, sessionId: session.id });
-            }));
-            setError(undefined);
-        }
-        catch (error) {
-            setError({ error, parameters });
-            throw error;
-        }
-        finally {
-            setCreating(false);
-        }
-    });
-    if (authSession.loading)
-        return null;
-    return (_jsxs(_Fragment, { children: [_jsxs(Box, { sx: { mt: 5, mb: 5, px: 2 }, children: [opener && (_jsx(Box, { mb: 2, children: _jsx(MessageItemView, { page: page, message: opener }) })), ((_a = assistant.entries) === null || _a === void 0 ? void 0 : _a.length) && (_jsx(EntryListView, { assistant: assistant, onEntryClick: (entry) => onSubmit(entry.parameters), sx: { pl: 6.5, pr: 2.5 } })), error && (_jsx(MessageItemWrapper, { assistant: assistant, agentMessage: _jsx(MessageErrorView, { error: error.error, page: page }), sx: { mt: 2 } }))] }), _jsx(Box, { flex: 1 }), _jsxs(Box, { className: "ai-runtime-form-container", sx: {
-                    position: 'sticky',
-                    bottom: 0,
-                    background: (theme) => `linear-gradient(180deg, ${alpha(theme.palette.background.default, 0.1)}, ${alpha(theme.palette.background.default, 1)} 16px)`,
-                }, children: [_jsx(ParameterForm, { disabled: ((_b = error === null || error === void 0 ? void 0 : error.error) === null || _b === void 0 ? void 0 : _b.status) === 401, page: page, assistant: assistant, onSubmit: onSubmit }), _jsx(PoweredBy, { assistantId: page.assistantId, sx: { my: 1, px: 2 } })] })] }));
-}
-export function EntryListView(_a) {
-    var _b;
-    var { assistant, onEntryClick } = _a, props = __rest(_a, ["assistant", "onEntryClick"]);
-    return (_jsx(Stack, Object.assign({ gap: 1, alignItems: "flex-start" }, props, { children: (_b = assistant.entries) === null || _b === void 0 ? void 0 : _b.map((entry) => entry.title && (_jsx(MessageSuggestedQuestion, { onClick: () => onEntryClick === null || onEntryClick === void 0 ? void 0 : onEntryClick(entry), children: entry.title }, entry.title))) })));
-}