@blocklet/pages-kit 0.2.285 → 0.2.287

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

@@ -0,0 +1,105 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import ImagePreview from '@blocklet/ai-kit/components/image-preview';
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import { Box, Skeleton, Stack, Typography } from '@mui/material';
+import dayjs from 'dayjs';
+import React, { useMemo } from 'react';
+import { Avatar, RelativeTime } from '../../../../arcblock/ux';
+import { useLocaleContext } from '../../../../locale';
+import { useSessionContext } from '../../../../session';
+import { MessageMetadataRenderer } from '../common';
+import MarkdownRenderer from '../MarkdownRenderer';
+import MessageActions from './MessageActions';
+import MessageErrorView from './MessageErrorView';
+// if today, show time only, else show date and time
+const formatTodayTime = (time) => {
+    const today = dayjs().format('YYYY-MM-DD');
+    const date = dayjs(time).format('YYYY-MM-DD');
+    return today === date ? dayjs(time).format('HH:mm') : dayjs(time).format('YYYY-MM-DD HH:mm');
+};
+export default function MessageItemView({ assistantId, assistant, message, previousMessageTime, messageTimeType = 'user', hideAvatar, }) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1;
+    const { session: authSession } = useSessionContext();
+    const { locale } = useLocaleContext();
+    const hasResult = !!(((_a = message.result) === null || _a === void 0 ? void 0 : _a.content) ||
+        ((_c = (_b = message.result) === null || _b === void 0 ? void 0 : _b.images) === null || _c === void 0 ? void 0 : _c.length) ||
+        ((_e = (_d = message.result) === null || _d === void 0 ? void 0 : _d.messages) === null || _e === void 0 ? void 0 : _e.length) ||
+        ((_g = (_f = message.result) === null || _f === void 0 ? void 0 : _f.objects) === null || _g === void 0 ? void 0 : _g.length));
+    const showPreviousTime = useMemo(() => {
+        if (messageTimeType !== 'previous')
+            return false;
+        if (!previousMessageTime)
+            return true;
+        const p = dayjs(previousMessageTime);
+        const c = dayjs(message.createdAt);
+        return c.valueOf() - p.valueOf() >= 300e3; // 和上一条消息时间间隔不超过 5 分钟，则不显示时间
+    }, [previousMessageTime, messageTimeType]);
+    const extraUserInfo = [
+        messageTimeType === 'user' && (message === null || message === void 0 ? void 0 : message.createdAt) && (_jsx(Typography, { sx: {
+                fontSize: 12,
+                lineHeight: '24px',
+                color: 'text.secondary',
+            }, children: formatTodayTime(message.createdAt) }, "user-time")),
+    ].filter(Boolean);
+    const commonMessageSx = {
+        position: 'relative',
+        borderRadius: 1,
+        py: 1,
+        px: 2,
+        mt: 0.5,
+        // without logo width
+        maxWidth: 'calc(100% - 40px)',
+        '.message-actions': {
+            position: 'absolute',
+            top: 0,
+            right: -40,
+            background: 'white',
+            border: 1,
+            borderRadius: 1,
+            borderColor: 'grey.300',
+            opacity: 0,
+            transition: 'opacity 0.2s',
+        },
+    };
+    const isMessageLoading = (message.loading || !message.result) && !message.error;
+    const showUserMessage = ((_h = assistant.release) === null || _h === void 0 ? void 0 : _h.template) !== 'form' && !!((_j = message.parameters) === null || _j === void 0 ? void 0 : _j.question);
+    return (_jsxs(Stack, { className: "ai-chat-message-item", gap: 2.5, overflow: "hidden", sx: {
+            '.message-question': Object.assign(Object.assign({}, commonMessageSx), { borderTopRightRadius: '2px', backgroundColor: 'rgba(239, 246, 255, 1)' }),
+            '.message-response': Object.assign(Object.assign({}, commonMessageSx), { borderTopLeftRadius: '2px', backgroundColor: 'rgba(229, 231, 235, 1)' }),
+            '.ai-chat-message-ai:hover': {
+                '.message-actions': {
+                    opacity: 1,
+                },
+            },
+        }, children: [showPreviousTime && message.createdAt && (_jsx(Box, { className: "ai-chat-message-time", sx: { textAlign: 'center', fontSize: 13, color: 'text.secondary', mb: -1.5 }, children: _jsx(RelativeTime, { locale: locale, value: message.createdAt, relativeRange: 600e3 }) })), showUserMessage && (_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: (_k = authSession.user) === null || _k === void 0 ? void 0 : _k.avatar, did: (_l = authSession.user) === null || _l === void 0 ? void 0 : _l.did, variant: "circle", shape: "circle" }) }), _jsxs(Stack, { flex: 1, overflow: "hidden", sx: {
+                            display: 'flex',
+                            flexDirection: 'column',
+                            alignItems: 'flex-end',
+                        }, children: [_jsxs(MessageUserName, { children: [(_m = authSession.user) === null || _m === void 0 ? void 0 : _m.fullName, extraUserInfo] }), _jsx(Box, { className: "message-question", sx: { whiteSpace: 'pre-wrap', wordBreak: 'break-word', textAlign: 'left' }, children: (_o = message.parameters) === null || _o === void 0 ? void 0 : _o.question })] })] })), _jsxs(Stack, { className: "ai-chat-message-ai", direction: "row", gap: 1.5, children: [!hideAvatar && (_jsx(Box, { children: _jsx(Avatar, { size: 40, did: (_p = globalThis.blocklet) === null || _p === void 0 ? void 0 : _p.appId, variant: "circle", shape: "circle", src: (_q = assistant.release) === null || _q === void 0 ? void 0 : _q.logo }) })), _jsxs(Box, { flex: 1, overflow: "hidden", children: [!hideAvatar && (_jsxs(MessageUserName, { children: [((_r = assistant.release) === null || _r === void 0 ? void 0 : _r.title) || assistant.name, extraUserInfo] })), _jsxs(React.Suspense, { children: [hasResult ? (_jsxs(Stack, { gap: 1, className: "message-response", children: [(_t = (_s = message.result) === null || _s === void 0 ? void 0 : _s.messages) === null || _t === void 0 ? void 0 : _t.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;
+                                            }), ((_u = message.result) === null || _u === void 0 ? void 0 : _u.content) && (_jsx(MarkdownRenderer, { className: isMessageLoading ? 'writing' : '', children: message.result.content })), !!((_w = (_v = message.result) === null || _v === void 0 ? void 0 : _v.images) === null || _w === void 0 ? void 0 : _w.length) && (_jsx(ImagePreview, { itemWidth: 100, spacing: 1, dataSource: message.result.images.map((i) => ({ src: i.url })) })), !isMessageLoading && ((_x = message.result) === null || _x === void 0 ? void 0 : _x.content) && (_jsx(MessageActions, { className: "message-actions", content: message.result.content }))] })) : (isMessageLoading && (_jsx(Skeleton, { variant: "rectangular", height: 24 + 8 + 8, 
+                                        // only response with loading
+                                        className: "message-response" }))), !!((_z = (_y = message.result) === null || _y === void 0 ? void 0 : _y.objects) === null || _z === void 0 ? void 0 : _z.length) &&
+                                        ((_1 = (_0 = message.result) === null || _0 === void 0 ? void 0 : _0.objects) === null || _1 === void 0 ? void 0 : _1.map((object) => (_jsx(MessageMetadataRenderer, { object: object.data }, object.taskId)))), message.error && (_jsx(MessageErrorView, { assistantId: assistantId, assistant: assistant, error: message.error }))] })] })] })] }));
+}
+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 }));
+}

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

@@ -0,0 +1,42 @@
+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 { assistantId, sessionId } = _a, props = __rest(_a, ["assistantId", "sessionId"]);
+    const [assistant] = useAssistantState({ assistantId });
+    const [session, { messages = [] }] = useSessionState({ sessionId, required: true });
+    const opener = useMemo(() => {
+        var _a;
+        const { openerMessage } = (_a = assistant.release) !== null && _a !== void 0 ? _a : {};
+        if (openerMessage) {
+            return {
+                taskId: '',
+                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, { assistantId: assistantId, assistant: assistant, message: opener }), messages.map((message, index) => {
+                var _a, _b;
+                return (_jsx(MessageItemView, { assistantId: assistantId, assistant: assistant, message: message, previousMessageTime: (_b = (_a = messages[index - 1]) === null || _a === void 0 ? void 0 : _a.createdAt) !== null && _b !== void 0 ? _b : session.createdAt }, message.taskId));
+            })] })));
+}

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

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Link, Stack, Typography } from '@mui/material';
+export default function ReferenceLinks({ links }) {
+    return (_jsxs(Stack, { sx: { wordBreak: 'break-word' }, children: [_jsx(Typography, { variant: "subtitle2", children: "References:" }), links === null || links === void 0 ? void 0 : links.map((item, index) => _jsx(ReferenceLinkItemView, { link: item }, index))] }));
+}
+function ReferenceLinkItemView({ link, }) {
+    return (_jsx(Stack, { children: _jsx(Link, { href: link.url, children: link.title || link.url }) }));
+}

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

@@ -0,0 +1,53 @@
+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 { MenuItem, TextField } from '@mui/material';
+import { forwardRef } from 'react';
+import { useLocaleContext } from '../../../../locale';
+const LanguageField = forwardRef((_a, ref) => {
+    var { readOnly, parameter, onChange } = _a, props = __rest(_a, ["readOnly", "parameter", "onChange"]);
+    const { locale } = useLocaleContext();
+    return (_jsx(TextField, Object.assign({ ref: ref, select: true, onChange: (e) => onChange(e.target.value) }, props, { InputProps: Object.assign(Object.assign({}, props.InputProps), { readOnly }), children: languages.map((option) => (_jsx(MenuItem, { value: option.en, children: locale === 'zh' ? option.cn : option.en }, option.en))) })));
+});
+export default LanguageField;
+const languages = [
+    { en: 'English', cn: '英语' },
+    { en: 'Simplified Chinese', cn: '中文-简体' },
+    { en: 'Traditional Chinese', cn: '中文-繁体' },
+    { en: 'Spanish', cn: '西班牙语' },
+    { en: 'French', cn: '法语' },
+    { en: 'German', cn: '德语' },
+    { en: 'Italian', cn: '意大利语' },
+    { en: 'Portuguese', cn: '葡萄牙语' },
+    { en: 'Japanese', cn: '日语' },
+    { en: 'Korean', cn: '韩语' },
+    { en: 'Russian', cn: '俄语' },
+    { en: 'Polish', cn: '波兰语' },
+    { en: 'Arabic', cn: '阿拉伯语' },
+    { en: 'Dutch', cn: '荷兰语' },
+    { en: 'Swedish', cn: '瑞典语' },
+    { en: 'Finnish', cn: '芬兰语' },
+    { en: 'Czech', cn: '捷克语' },
+    { en: 'Danish', cn: '丹麦语' },
+    { en: 'Greek', cn: '希腊语' },
+    { en: 'Romanian', cn: '罗马尼亚语' },
+    { en: 'Hungarian', cn: '匈牙利语' },
+    { en: 'Bulgarian', cn: '保加利亚语' },
+    { en: 'Slovak', cn: '斯洛伐克语' },
+    { en: 'Norwegian', cn: '挪威语' },
+    { en: 'Hebrew', cn: '希伯来语' },
+    { en: 'Turkish', cn: '土耳其语' },
+    { en: 'Thai', cn: '泰语' },
+    { en: 'Indonesian', cn: '印尼语' },
+    { en: 'Vietnamese', cn: '越南语' },
+    { en: 'Hindi', cn: '印地语' },
+];

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

@@ -0,0 +1,19 @@
+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 { TextField } from '@mui/material';
+import { forwardRef } from 'react';
+const NumberField = forwardRef((_a, ref) => {
+    var { readOnly, parameter } = _a, props = __rest(_a, ["readOnly", "parameter"]);
+    return (_jsx(TextField, Object.assign({ ref: ref }, props, { InputProps: Object.assign(Object.assign({}, props.InputProps), { readOnly, inputProps: Object.assign({ type: 'number', inputMode: 'numeric', pattern: '[0-9]*', min: parameter === null || parameter === void 0 ? void 0 : parameter.min, max: parameter === null || parameter === void 0 ? void 0 : parameter.max }, props.inputProps) }), onChange: (e) => { var _a; return (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, Number(e.target.value)); } })));
+});
+export default NumberField;

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

@@ -0,0 +1,22 @@
+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 { MenuItem, TextField } from '@mui/material';
+import { forwardRef } from 'react';
+const SelectField = forwardRef((_a, ref) => {
+    var _b, _c, _d, _e;
+    var { readOnly, parameter, onChange } = _a, props = __rest(_a, ["readOnly", "parameter", "onChange"]);
+    return (_jsx(TextField, Object.assign({ ref: ref, select: true, onChange: (e) => onChange(e.target.value) }, props, { InputProps: Object.assign(Object.assign({}, props.InputProps), { readOnly }), SelectProps: Object.assign(Object.assign({}, props.SelectProps), { MenuProps: Object.assign(Object.assign({}, (_b = props.SelectProps) === null || _b === void 0 ? void 0 : _b.MenuProps), { sx: Object.assign(Object.assign({}, (_d = (_c = props.SelectProps) === null || _c === void 0 ? void 0 : _c.MenuProps) === null || _d === void 0 ? void 0 : _d.sx), { '.MuiMenuItem-root': {
+                        whiteSpace: 'pre-wrap',
+                    } }) }) }), children: (_e = parameter === null || parameter === void 0 ? void 0 : parameter.options) === null || _e === void 0 ? void 0 : _e.map((option) => (_jsx(MenuItem, { value: option.value, children: option.label }, option.id))) })));
+});
+export default SelectField;

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

@@ -0,0 +1,19 @@
+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 { TextField } from '@mui/material';
+import { forwardRef } from 'react';
+const StringField = forwardRef((_a, ref) => {
+    var { readOnly, parameter, onChange } = _a, props = __rest(_a, ["readOnly", "parameter", "onChange"]);
+    return (_jsx(TextField, Object.assign({ ref: ref, multiline: parameter === null || parameter === void 0 ? void 0 : parameter.multiline, minRows: (parameter === null || parameter === void 0 ? void 0 : parameter.multiline) ? 2 : undefined, onChange: (e) => onChange(e.target.value) }, props, { InputProps: Object.assign(Object.assign({}, props.InputProps), { inputProps: Object.assign(Object.assign({}, props.inputProps), { maxLength: parameter === null || parameter === void 0 ? void 0 : parameter.maxLength }), readOnly }) })));
+});
+export default StringField;

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

@@ -0,0 +1,31 @@
+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 LanguageField from './LanguageField';
+import NumberField from './NumberField';
+import SelectField from './SelectField';
+import StringField from './StringField';
+export default function ParameterField(_a) {
+    var { parameter } = _a, props = __rest(_a, ["parameter"]);
+    if (parameter.type === 'source')
+        return null;
+    if (parameter.key === 'datasetId') {
+        return null;
+    }
+    const Field = {
+        number: NumberField,
+        string: StringField,
+        select: SelectField,
+        language: LanguageField,
+    }[parameter.type || 'string'] || StringField;
+    return (_jsx(Field, Object.assign({ required: parameter === null || parameter === void 0 ? void 0 : parameter.required, label: parameter === null || parameter === void 0 ? void 0 : parameter.label, helperText: parameter === null || parameter === void 0 ? void 0 : parameter.helper, placeholder: parameter === null || parameter === void 0 ? void 0 : parameter.placeholder }, { parameter }, { size: "small" }, props)));
+}

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

@@ -0,0 +1,88 @@
+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, Fragment as _Fragment } from "react/jsx-runtime";
+import { Alert, Box, Stack } from '@mui/material';
+import omit from 'lodash/omit';
+import { useMemo, useState } from 'react';
+import { useSessionContext } from '../../../../session';
+import { createSession } from '../../api/session';
+import { useCurrentPage } from '../../hooks/navigate';
+import { useAssistantState } from '../../state/assistant';
+import { createSessionState } from '../../state/session';
+import { MessageSuggestedQuestion } from '../common/MessageSuggestedQuestions';
+import ParameterForm from '../form/ParameterForm';
+import { globalLoadingState } from '../GlobalLoading';
+import MessageItemView from '../message/MessageItemView';
+import PoweredBy from '../PoweredBy';
+export default function InitialForm({ page }) {
+    var _a;
+    const { session: authSession } = useSessionContext();
+    const [assistant] = useAssistantState({ assistantId: page.assistantId });
+    const { parameters } = assistant;
+    const [error, setError] = useState();
+    const isChat = parameters === null || parameters === void 0 ? void 0 : parameters.some((i) => i.key === 'question');
+    const opener = useMemo(() => {
+        var _a;
+        const { openerMessage } = (_a = assistant.release) !== null && _a !== void 0 ? _a : {};
+        if (openerMessage) {
+            return {
+                taskId: '',
+                sessionId: '',
+                createdAt: new Date().toISOString(),
+                updatedAt: new Date().toISOString(),
+                result: { content: openerMessage },
+            };
+        }
+        return undefined;
+    }, [assistant.release]);
+    const { assistantId } = useCurrentPage();
+    const [creating, setCreating] = useState(false);
+    const onSubmit = (...args_1) => __awaiter(this, [...args_1], void 0, function* (parameters = {}, entry) {
+        if (!authSession.user) {
+            yield new Promise((resolve) => {
+                authSession.login(() => {
+                    resolve();
+                });
+            });
+        }
+        if (creating)
+            return;
+        setCreating(true);
+        try {
+            yield globalLoadingState.getState().run(() => __awaiter(this, void 0, void 0, function* () {
+                const { created: session } = yield createSession({
+                    assistantId,
+                    name: parameters.question,
+                    parameters: omit(parameters, isChat ? ['question'] : []),
+                    entry,
+                });
+                createSessionState({ sessionId: session.id }).getState().execute({
+                    assistantId,
+                    parameters,
+                });
+                setError(undefined);
+                page.navigate({ page: 'session', assistantId, sessionId: session.id });
+            }));
+        }
+        catch (error) {
+            setError(error);
+        }
+        finally {
+            setCreating(false);
+        }
+    });
+    if (authSession.loading)
+        return null;
+    return (_jsxs(_Fragment, { children: [opener && (_jsx(Box, { my: 2, children: _jsx(MessageItemView, { assistantId: assistantId, hideAvatar: true, assistant: assistant, message: opener }) })), ((_a = assistant.entries) === null || _a === void 0 ? void 0 : _a.length) && (_jsx(EntryListView, { assistant: assistant, onEntryClick: (entry) => onSubmit(entry.parameters, { id: entry.id, title: entry.title }) })), _jsx(Box, { flex: 1 }), _jsxs(Box, { sx: { position: 'sticky', bottom: 0 }, children: [_jsx(ParameterForm, { assistant: assistant, onSubmit: onSubmit }), error && _jsx(Alert, { severity: "error", children: error.message }), _jsx(PoweredBy, { assistantId: page.assistantId, sx: { my: 1 } })] })] }));
+}
+function EntryListView({ assistant, onEntryClick, }) {
+    var _a;
+    return (_jsx(Stack, { gap: 1, alignItems: "flex-start", children: (_a = assistant.entries) === null || _a === void 0 ? void 0 : _a.map((entry) => entry.title && (_jsx(MessageSuggestedQuestion, { onClick: () => onEntryClick === null || onEntryClick === void 0 ? void 0 : onEntryClick(entry), children: entry.title }, entry.title))) }));
+}

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

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Typography } from '@mui/material';
+import Balancer, { Provider } from 'react-wrap-balancer';
+import { Avatar } from '../../../../arcblock/ux';
+export default function RuntimeChatHeader({ assistant }) {
+    var _a, _b, _c, _d, _e;
+    return (_jsx(Box, { className: "ai-chat-header", sx: { pt: 10 }, children: _jsxs(Provider, { children: [((_a = assistant.release) === null || _a === void 0 ? void 0 : _a.logo) && (_jsx(Box, { sx: { display: 'flex', justifyContent: 'center', alignItems: 'center' }, children: _jsx(Box, { component: Avatar, className: "logo", size: 100, did: (_b = globalThis.blocklet) === null || _b === void 0 ? void 0 : _b.appId, src: (_c = assistant.release) === null || _c === void 0 ? void 0 : _c.logo, sx: { borderRadius: 1 } }) })), _jsx(Typography, { component: "h1", sx: {
+                        fontWeight: 'bold',
+                        fontSize: 18,
+                        mt: 1,
+                        lineHeight: '28px',
+                        textAlign: 'center',
+                        color: '#010714',
+                    }, children: _jsxs(Balancer, { children: ["\u200C\u200C\u200C\u200C\u200C\u200C", ((_d = assistant.release) === null || _d === void 0 ? void 0 : _d.title) || (assistant === null || assistant === void 0 ? void 0 : assistant.name)] }) }), _jsx(Typography, { component: "p", sx: {
+                        mt: 2.5,
+                        fontSize: 16,
+                        lineHeight: '28px',
+                        textAlign: 'center',
+                        whiteSpace: 'pre-wrap',
+                        color: '#465566',
+                    }, children: _jsxs(Balancer, { children: ["\u200C\u200C\u200C\u200C\u200C\u200C\u200C", ((_e = assistant.release) === null || _e === void 0 ? void 0 : _e.description) || (assistant === null || assistant === void 0 ? void 0 : assistant.description)] }) })] }) }));
+}

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

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useAssistantState } from '../../state/assistant';
+import Layout from '../layout';
+import InitialForm from './InitialForm';
+import RuntimeChatHeader from './RuntimeChatHeader';
+export default function RuntimeChatHome({ page }) {
+    const [assistant] = useAssistantState({ assistantId: page.assistantId });
+    return (_jsxs(Layout, { disableBottomPadding: true, containerProps: {
+            sx: {
+                display: 'flex',
+                flexDirection: 'column',
+                height: '100%',
+            },
+        }, children: [_jsx(RuntimeChatHeader, { assistant: assistant }), _jsx(InitialForm, { page: page })] }));
+}

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

@@ -0,0 +1,61 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { RuntimeOutputVariable } from '@blocklet/ai-runtime/types';
+import { Alert, Box, alpha } from '@mui/material';
+import { useState } from 'react';
+import { useAssistantState } from '../../state/assistant';
+import { useSessionState } from '../../state/session';
+import { MessageSuggestedQuestions } from '../common';
+import ParameterForm from '../form/ParameterForm';
+import Layout from '../layout';
+import MessageListView from '../message/MessageListView';
+import PoweredBy from '../PoweredBy';
+import { useScrollToBottomModule } from '../ScrollView';
+import RuntimeChatHeader from './RuntimeChatHeader';
+export default function RuntimeChatSession({ page }) {
+    const [assistant] = useAssistantState({ assistantId: page.assistantId });
+    return (_jsxs(Layout, { disableBottomPadding: true, containerProps: {
+            sx: {
+                display: 'flex',
+                flexDirection: 'column',
+                justifyContent: 'space-between',
+                height: '100%',
+            },
+        }, children: [_jsx(RuntimeChatHeader, { assistant: assistant }), _jsx(ChatForm, { page: page })] }));
+}
+function ChatForm({ page }) {
+    var _a, _b, _c, _d, _e, _f, _g;
+    const [session, state] = useSessionState({ sessionId: page.sessionId, required: true });
+    const [assistant] = useAssistantState({ assistantId: page.assistantId });
+    const lastMessage = (_a = state.messages) === null || _a === void 0 ? void 0 : _a.slice(-1)[0];
+    const suggestedQuestions = (_d = (_c = (_b = lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.result) === null || _b === void 0 ? void 0 : _b.objects) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.data[RuntimeOutputVariable.suggestedQuestions];
+    const scrollToBottom = useScrollToBottomModule().useScrollToBottom();
+    const [error, setError] = useState();
+    const onSubmit = (parameters) => {
+        scrollToBottom({ behavior: 'smooth' });
+        if (!session)
+            return;
+        state
+            .execute({
+            assistantId: page.assistantId,
+            parameters: Object.assign({}, parameters),
+        })
+            .then(() => {
+            setError(undefined);
+        })
+            .catch((error) => {
+            setError(error);
+        });
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(MessageListView, { className: "ai-chat-message-list", my: 5, assistantId: page.assistantId, sessionId: page.sessionId }), !!(suggestedQuestions === null || suggestedQuestions === void 0 ? void 0 : suggestedQuestions.length) && (_jsx(Box, { ml: 6.5, mr: 2.5, mt: -4, children: _jsx(MessageSuggestedQuestions, { dataSource: suggestedQuestions, onClick: (item) => {
+                        onSubmit(Object.assign(Object.assign({}, lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.parameters), { question: item.question }));
+                    } }) })), _jsx(Box, { flex: 1 }), _jsxs(Box, { className: "ai-chat-question-container", sx: {
+                    pt: 1,
+                    position: 'sticky',
+                    bottom: 0,
+                    // 从上透明到白色 0.72 的径向渐变
+                    background: (theme) => `linear-gradient(180deg, ${alpha(theme.palette.background.default, 0.1)}, ${alpha(theme.palette.background.default, 1)} 5%)`,
+                    '.ai-chat-question-bar > .MuiFormControl-root > .MuiInputBase-root': {
+                        backdropFilter: 'blur(60px)',
+                    },
+                }, children: [error && (_jsx(Alert, { severity: "error", sx: { mb: 1 }, children: error.message })), _jsx(ParameterForm, { sessionId: page.sessionId, defaultValues: (_e = lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.parameters) !== null && _e !== void 0 ? _e : session.parameters, assistant: assistant, onSubmit: onSubmit, isSubmitting: state.running, submitButtonTitle: (_g = (_f = assistant.release) === null || _f === void 0 ? void 0 : _f.submitButton) === null || _g === void 0 ? void 0 : _g.title }), _jsx(PoweredBy, { assistantId: page.assistantId, sx: { my: 0.5 } })] })] }));
+}

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

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import RuntimeChatHome from './RuntimeChatHome';
+import RuntimeChatSession from './RuntimeChatSession';
+export default function RuntimeChat({ page }) {
+    if (page.page === 'session') {
+        return _jsx(RuntimeChatSession, { page: page });
+    }
+    return _jsx(RuntimeChatHome, { page: page });
+}

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

@@ -0,0 +1,97 @@
+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 { Alert, Box, Stack } from '@mui/material';
+import { Suspense, useEffect, useMemo, useState } from 'react';
+import { useForm } from 'react-hook-form';
+import { useLocaleContext } from '../../../../locale';
+import { alpha } from '../../../../mui/material';
+import { useSessionContext } from '../../../../session';
+import { createSession } from '../../api/session';
+import { useAssistantState } from '../../state/assistant';
+import { createSessionState } from '../../state/session';
+import ParameterFormFields from '../form/ParameterFormFields';
+import RuntimeFormSubmit from './RuntimeFormSubmit';
+export default function RuntimeFormForms(_a) {
+    var _b, _c, _d;
+    var { page } = _a, props = __rest(_a, ["page"]);
+    const { t } = useLocaleContext();
+    const [agent] = useAssistantState({ assistantId: page.assistantId });
+    const lastParameters = useMemo(() => {
+        var _a;
+        if (page.sessionId) {
+            const { session, messages = [] } = createSessionState({ sessionId: page.sessionId }).getState();
+            const lastMessage = messages[messages.length - 1];
+            return (_a = lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.parameters) !== null && _a !== void 0 ? _a : session === null || session === void 0 ? void 0 : session.parameters;
+        }
+        return undefined;
+    }, [page.sessionId]);
+    const defaultForm = useMemo(() => {
+        var _a, _b;
+        return Object.fromEntries((_b = (_a = agent.parameters) === null || _a === void 0 ? void 0 : _a.map((parameter) => [
+            parameter.key,
+            (lastParameters === null || lastParameters === void 0 ? void 0 : lastParameters[parameter.key]) || parameter.defaultValue,
+        ])) !== null && _b !== void 0 ? _b : []);
+    }, [agent.parameters, lastParameters]);
+    const form = useForm({ defaultValues: defaultForm });
+    const [error, setError] = useState();
+    const { session } = useSessionContext();
+    useEffect(() => {
+        form.reset(defaultForm);
+    }, [defaultForm]);
+    const onSubmit = (parameters) => __awaiter(this, void 0, void 0, function* () {
+        try {
+            const { created: session } = yield createSession({ assistantId: page.assistantId, parameters });
+            createSessionState({ sessionId: session.id, session });
+            page.navigate({ page: 'session', assistantId: page.assistantId, sessionId: session.id });
+            yield createSessionState({ sessionId: session.id })
+                .getState()
+                .execute({ assistantId: page.assistantId, parameters });
+        }
+        catch (error) {
+            setError(error);
+            throw error;
+        }
+    });
+    const handleSubmit = (e) => __awaiter(this, void 0, void 0, function* () {
+        e.preventDefault();
+        if (!session.user) {
+            yield new Promise((resolve) => {
+                session.login(() => resolve());
+            });
+        }
+        return form.handleSubmit(onSubmit)(e);
+    });
+    const openerMessage = (_b = agent.release) === null || _b === void 0 ? void 0 : _b.openerMessage;
+    return (_jsxs(Stack, Object.assign({ gap: 10, component: "form" }, props, { onSubmit: handleSubmit, children: [_jsxs(Stack, { gap: 2, children: [_jsx(Stack, { sx: { fontSize: 32, py: 2.5, mb: -2 }, children: "\uD83D\uDC69\uD83C\uDFFB\u200D\uD83D\uDCBB" }), openerMessage && _jsx(Box, { sx: { color: 'text.secondary' }, children: openerMessage }), _jsx(ParameterFormFields, { parameters: agent.parameters, form: form })] }), _jsx(Suspense, { children: _jsxs(Stack, { sx: {
+                        gap: 1,
+                        position: 'sticky',
+                        bottom: 0,
+                        pb: 1,
+                        pt: 1,
+                        // 从上透明到白色 0.72 的径向渐变
+                        background: (theme) => `linear-gradient(180deg, ${alpha(theme.palette.background.default, 0.1)}, ${alpha(theme.palette.background.default, 1)} 5%)`,
+                    }, children: [error && _jsx(Alert, { severity: "error", children: error.message }), _jsx(RuntimeFormSubmit, { page: page, type: "submit", variant: "contained", fullWidth: true, loading: form.formState.isSubmitting, sx: {
+                                borderRadius: 100,
+                                height: 44,
+                                background: 'linear-gradient(90deg, rgb(69, 228, 250) 0%, rgb(138, 69, 250) 52.08%, rgb(250, 69, 188) 100%)',
+                            }, children: ((_d = (_c = agent.release) === null || _c === void 0 ? void 0 : _c.submitButton) === null || _d === void 0 ? void 0 : _d.title) || t('submit') })] }) })] })));
+}

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

@@ -0,0 +1,19 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Stack, Typography } from '@mui/material';
+import { Avatar } from '../../../../arcblock/ux';
+export default function RuntimeFormHeader(_a) {
+    var _b, _c, _d;
+    var { agent } = _a, props = __rest(_a, ["agent"]);
+    return (_jsxs(Stack, Object.assign({ direction: "row", justifyContent: "space-between", alignItems: "center", gap: 2, bgcolor: "rgb(246, 242, 255)" }, props, { children: [_jsxs(Stack, { children: [_jsx(Typography, { component: "h5", sx: { fontSize: 32, fontWeight: 700 }, children: ((_b = agent.release) === null || _b === void 0 ? void 0 : _b.title) || agent.name }), _jsx(Typography, { sx: { fontSize: 16, color: 'rgb(147, 151, 161)' }, children: ((_c = agent.release) === null || _c === void 0 ? void 0 : _c.description) || agent.description })] }), _jsx(Stack, { children: _jsx(Box, { component: Avatar, size: 88, src: (_d = agent.release) === null || _d === void 0 ? void 0 : _d.logo, did: blocklet === null || blocklet === void 0 ? void 0 : blocklet.appId, borderRadius: 1 }) })] })));
+}