@blocklet/pages-kit 0.2.286 → 0.2.288

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

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Alert, Box, Button } from '@mui/material';
+import { useLocaleContext } from '../../../../locale';
+import { useSubscribeLink } from '../../hooks/subscribe';
+import MarkdownRenderer from '../MarkdownRenderer';
+export default function MessageErrorView({ assistantId, assistant, error, }) {
+    var _a, _b, _c;
+    const { t } = useLocaleContext();
+    const { subscribeLink } = useSubscribeLink({ assistantId });
+    if (error.type === 'InvalidSubscriptionError') {
+        return (_jsxs(Box, { className: "ai-chat-message-error", children: [_jsx(Box, { sx: {
+                        bgcolor: 'grey.100',
+                        p: 1.5,
+                        borderRadius: 1,
+                    }, children: _jsx(MarkdownRenderer, { children: t('requireNewSubscription', {
+                            price: (_b = (_a = assistant.release) === null || _a === void 0 ? void 0 : _a.payment) === null || _b === void 0 ? void 0 : _b.price,
+                        }) }) }), _jsx(Box, { mt: 1, children: subscribeLink ? (_jsx(Button, { variant: "contained", href: subscribeLink, children: t('subscribeNow') })) : (_jsx(Box, { sx: {
+                            bgcolor: 'grey.100',
+                            p: 1.5,
+                            borderRadius: 1,
+                        }, children: t('thanksForSubscription') })) })] }));
+    }
+    return (_jsx(Alert, { className: "ai-chat-message-error", severity: "error", children: (error.type === 'ReachMaxRoundLimitError' && ((_c = assistant === null || assistant === void 0 ? void 0 : assistant.release) === null || _c === void 0 ? void 0 : _c.reachMaxRoundLimitTip)) || error.message }));
+}

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

@@ -0,0 +1,100 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import ImagePreview from '@blocklet/ai-kit/components/image-preview';
+import { Box, Skeleton, Stack, Typography } from '@mui/material';
+import dayjs from 'dayjs';
+import React, { useMemo } from 'react';
+import { Avatar } from '../../../../arcblock/ux';
+import { useSessionContext } from '../../../../session';
+import { MessageMetadataRenderer } from '../common';
+import MarkdownRenderer from '../MarkdownRenderer';
+import MessageActions from './MessageActions';
+import MessageErrorView from './MessageErrorView';
+export default function MessageItemView({ assistantId, assistant, message, hideAvatar, }) {
+    var _a, _b;
+    const showUserMessage = ((_a = assistant.release) === null || _a === void 0 ? void 0 : _a.template) !== 'form' && !!((_b = message.parameters) === null || _b === void 0 ? void 0 : _b.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: [showUserMessage && _jsx(UserMessage, { message: message }), _jsx(AgentMessage, { assistantId: assistantId, assistant: assistant, message: message, hideAvatar: hideAvatar })] }));
+}
+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',
+    },
+};
+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({ assistantId, assistant, message, hideAvatar, }) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+    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;
+    return (_jsxs(Stack, { className: "ai-chat-message-ai", direction: "row", gap: 1.5, children: [!hideAvatar && (_jsx(Box, { children: _jsx(Avatar, { size: 40, did: (_d = globalThis.blocklet) === null || _d === void 0 ? void 0 : _d.appId, variant: "circle", shape: "circle", src: (_e = assistant.release) === null || _e === void 0 ? void 0 : _e.logo }) })), _jsxs(Box, { flex: 1, overflow: "hidden", children: [!hideAvatar && (_jsxs(MessageUserName, { children: [((_f = assistant.release) === null || _f === void 0 ? void 0 : _f.title) || assistant.name, _jsx(MessageTime, { time: message.createdAt })] })), _jsxs(React.Suspense, { children: [showMainMessage ? (_jsxs(Stack, { gap: 1, className: "message-response", children: [(_h = (_g = message.result) === null || _g === void 0 ? void 0 : _g.messages) === null || _h === void 0 ? void 0 : _h.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;
+                                    }), ((_j = message.result) === null || _j === void 0 ? void 0 : _j.content) && (_jsx(MarkdownRenderer, { className: isMessageLoading ? 'writing' : '', children: message.result.content })), !isMessageLoading && ((_k = message.result) === null || _k === void 0 ? void 0 : _k.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" }))), !!((_m = (_l = message.result) === null || _l === void 0 ? void 0 : _l.objects) === null || _m === void 0 ? void 0 : _m.length) &&
+                                ((_p = (_o = message.result) === null || _o === void 0 ? void 0 : _o.objects) === null || _p === void 0 ? void 0 : _p.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 }));
+}
+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

@@ -0,0 +1,41 @@
+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) => {
+                return (_jsx(MessageItemView, { assistantId: assistantId, assistant: assistant, message: message }, message.taskId));
+            })] })));
+}

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

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Link, Stack } from '@mui/material';
+export default function ReferenceLinks({ links }) {
+    return (_jsx(Stack, { sx: { wordBreak: 'break-word' }, children: links === null || links === void 0 ? void 0 : links.map((item) => _jsx(ReferenceLinkItemView, { link: item }, item.url)) }));
+}
+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({ 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,103 @@
+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 { Alert, Box, Stack, alpha } from '@mui/material';
+import omit from 'lodash/omit';
+import { 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 MessageItemView from '../message/MessageItemView';
+import PoweredBy from '../PoweredBy';
+export default function InitialForm({ page }) {
+    var _a;
+    const { assistantId } = page;
+    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 [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, session }).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, mx: 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 }), sx: { px: 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, { assistant: assistant, onSubmit: onSubmit }), error && _jsx(Alert, { severity: "error", children: error.message }), _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))) })));
+}

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

@@ -0,0 +1,34 @@
+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, Typography } from '@mui/material';
+import Balancer, { Provider } from 'react-wrap-balancer';
+import { Avatar } from '../../../../arcblock/ux';
+export default function RuntimeChatHeader(_a) {
+    var _b, _c, _d, _e;
+    var { assistant } = _a, props = __rest(_a, ["assistant"]);
+    return (_jsx(Box, Object.assign({ className: "ai-chat-header", pt: 10 }, props, { children: _jsxs(Provider, { children: [_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/RuntimeChatSession.js

@@ -0,0 +1,46 @@
+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 MessageListView from '../message/MessageListView';
+import PoweredBy from '../PoweredBy';
+import { useScrollToBottomModule } from '../ScrollView';
+import { EntryListView } from './InitialForm';
+export default function RuntimeChatSession({ page }) {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    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, px: 2, assistantId: page.assistantId, sessionId: page.sessionId }), _jsx(Box, { ml: 6.5, mr: 2.5, mt: -4, px: 2, children: (suggestedQuestions === null || suggestedQuestions === void 0 ? void 0 : suggestedQuestions.length) ? (_jsx(MessageSuggestedQuestions, { dataSource: suggestedQuestions, onClick: (item) => {
+                        onSubmit(Object.assign(Object.assign({}, lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.parameters), { question: item.question }));
+                    } })) : !((_e = state.messages) === null || _e === void 0 ? void 0 : _e.length) && ((_f = assistant.entries) === null || _f === void 0 ? void 0 : _f.length) ? (_jsx(EntryListView, { assistant: assistant, onEntryClick: (entry) => onSubmit(Object.assign(Object.assign({}, lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.parameters), entry.parameters)) })) : null }), _jsx(Box, { flex: 1 }), error && (_jsx(Alert, { severity: "error", sx: { mb: 1, mx: 2 }, children: error.message })), _jsxs(Box, { className: "ai-runtime-form-container", sx: {
+                    pt: 2,
+                    position: 'sticky',
+                    bottom: 0,
+                    // 从上透明到白色 0.72 的径向渐变
+                    background: (theme) => `linear-gradient(180deg, ${alpha(theme.palette.background.default, 0.1)}, ${alpha(theme.palette.background.default, 1)} 16px)`,
+                }, children: [_jsx(ParameterForm, { sessionId: page.sessionId, defaultValues: lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.parameters, assistant: assistant, onSubmit: onSubmit, isSubmitting: state.running, submitButtonTitle: (_h = (_g = assistant.release) === null || _g === void 0 ? void 0 : _g.submitButton) === null || _h === void 0 ? void 0 : _h.title }), _jsx(PoweredBy, { assistantId: page.assistantId, sx: { my: 0.5, px: 2 } })] })] }));
+}

package/lib/esm/builtin/async/ai-runtime/components/runtime-chat/index.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, jsxs as _jsxs } from "react/jsx-runtime";
+import { Stack } from '@mui/material';
+import { useAssistantState } from '../../state/assistant';
+import InitialForm from './InitialForm';
+import RuntimeChatHeader from './RuntimeChatHeader';
+import RuntimeChatSession from './RuntimeChatSession';
+export default function RuntimeChat(_a) {
+    var { page } = _a, props = __rest(_a, ["page"]);
+    const [assistant] = useAssistantState({ assistantId: page.assistantId });
+    return (_jsxs(Stack, Object.assign({ flexGrow: 1, width: "100%", height: "100%", maxWidth: 750, mx: "auto", justifyContent: page.page === 'session' ? 'space-between' : 'unset' }, props, { children: [_jsx(RuntimeChatHeader, { assistant: assistant, sx: { mx: 2 } }), page.page === 'session' ? _jsx(RuntimeChatSession, { page: page }) : _jsx(InitialForm, { page: page })] })));
+}