@blocklet/pages-kit 0.2.285 → 0.2.287

package/lib/cjs/builtin/async/ai-runtime/components/lottie/index.js

@@ -0,0 +1,34 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+function Lottie({ src }) {
+    (0, react_1.useEffect)(() => {
+        Promise.resolve().then(() => __importStar(require('@lottiefiles/lottie-player')));
+    }, []);
+    return (0, jsx_runtime_1.jsx)("lottie-player", { autoplay: true, loop: true, mode: "normal", src: src }, src);
+}
+exports.default = Lottie;

package/lib/cjs/builtin/async/ai-runtime/components/message/MessageActions.js

@@ -0,0 +1,38 @@
+"use strict";
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const locale_1 = require("../../../../locale");
+const ActionButton_1 = require("../ActionButton");
+function MessageActions(_a) {
+    var { content } = _a, props = __rest(_a, ["content"]);
+    const { t } = (0, locale_1.useLocaleContext)();
+    const commonActionButtonsSx = {
+        border: '0px !important',
+        minWidth: '32px',
+        color: 'rgba(75, 85, 99, 1)',
+        '.MuiButton-startIcon': {
+            marginRight: '0px !important',
+        },
+    };
+    return ((0, jsx_runtime_1.jsx)(material_1.Stack, Object.assign({ direction: "row", gap: 1 }, props, { children: (0, jsx_runtime_1.jsx)(ActionButton_1.ActionButton, { autoReset: true, size: "small", variant: "outlined", 
+            // @ts-ignore
+            color: "black", tip: t('copyToClipboard'), 
+            // title={t('copy')}
+            // titleSucceed={t('copied')}
+            icon: "tabler:copy", iconSucceed: "tabler:copy-check-filled", sx: Object.assign({}, commonActionButtonsSx), onClick: () => {
+                window.navigator.clipboard.writeText(content);
+            } }) })));
+}
+exports.default = MessageActions;

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

@@ -0,0 +1,30 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const locale_1 = require("../../../../locale");
+const subscribe_1 = require("../../hooks/subscribe");
+const MarkdownRenderer_1 = __importDefault(require("../MarkdownRenderer"));
+function MessageErrorView({ assistantId, assistant, error, }) {
+    var _a, _b, _c;
+    const { t } = (0, locale_1.useLocaleContext)();
+    const { subscribeLink } = (0, subscribe_1.useSubscribeLink)({ assistantId });
+    if (error.type === 'InvalidSubscriptionError') {
+        return ((0, jsx_runtime_1.jsxs)(material_1.Box, { className: "ai-chat-message-error", children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                        bgcolor: 'grey.100',
+                        p: 1.5,
+                        borderRadius: 1,
+                    }, children: (0, jsx_runtime_1.jsx)(MarkdownRenderer_1.default, { children: t('requireNewSubscription', {
+                            price: (_b = (_a = assistant.release) === null || _a === void 0 ? void 0 : _a.payment) === null || _b === void 0 ? void 0 : _b.price,
+                        }) }) }), (0, jsx_runtime_1.jsx)(material_1.Box, { mt: 1, children: subscribeLink ? ((0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", href: subscribeLink, children: t('subscribeNow') })) : ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                            bgcolor: 'grey.100',
+                            p: 1.5,
+                            borderRadius: 1,
+                        }, children: t('thanksForSubscription') })) })] }));
+    }
+    return ((0, jsx_runtime_1.jsx)(material_1.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 }));
+}
+exports.default = MessageErrorView;

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

@@ -0,0 +1,134 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const image_preview_1 = __importDefault(require("@blocklet/ai-kit/components/image-preview"));
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+const material_1 = require("@mui/material");
+const dayjs_1 = __importDefault(require("dayjs"));
+const react_1 = __importStar(require("react"));
+const ux_1 = require("../../../../arcblock/ux");
+const locale_1 = require("../../../../locale");
+const session_1 = require("../../../../session");
+const common_1 = require("../common");
+const MarkdownRenderer_1 = __importDefault(require("../MarkdownRenderer"));
+const MessageActions_1 = __importDefault(require("./MessageActions"));
+const MessageErrorView_1 = __importDefault(require("./MessageErrorView"));
+// if today, show time only, else show date and time
+const formatTodayTime = (time) => {
+    const today = (0, dayjs_1.default)().format('YYYY-MM-DD');
+    const date = (0, dayjs_1.default)(time).format('YYYY-MM-DD');
+    return today === date ? (0, dayjs_1.default)(time).format('HH:mm') : (0, dayjs_1.default)(time).format('YYYY-MM-DD HH:mm');
+};
+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 } = (0, session_1.useSessionContext)();
+    const { locale } = (0, locale_1.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 = (0, react_1.useMemo)(() => {
+        if (messageTimeType !== 'previous')
+            return false;
+        if (!previousMessageTime)
+            return true;
+        const p = (0, dayjs_1.default)(previousMessageTime);
+        const c = (0, dayjs_1.default)(message.createdAt);
+        return c.valueOf() - p.valueOf() >= 300e3; // 和上一条消息时间间隔不超过 5 分钟，则不显示时间
+    }, [previousMessageTime, messageTimeType]);
+    const extraUserInfo = [
+        messageTimeType === 'user' && (message === null || message === void 0 ? void 0 : message.createdAt) && ((0, jsx_runtime_1.jsx)(material_1.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 ((0, jsx_runtime_1.jsxs)(material_1.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 && ((0, jsx_runtime_1.jsx)(material_1.Box, { className: "ai-chat-message-time", sx: { textAlign: 'center', fontSize: 13, color: 'text.secondary', mb: -1.5 }, children: (0, jsx_runtime_1.jsx)(ux_1.RelativeTime, { locale: locale, value: message.createdAt, relativeRange: 600e3 }) })), showUserMessage && ((0, jsx_runtime_1.jsxs)(material_1.Stack, { className: "ai-chat-message-user", direction: "row", gap: 1.5, sx: {
+                    display: 'flex',
+                    flexDirection: 'row-reverse',
+                    textAlign: 'right',
+                    justifyContent: 'flex-end',
+                }, children: [(0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(ux_1.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" }) }), (0, jsx_runtime_1.jsxs)(material_1.Stack, { flex: 1, overflow: "hidden", sx: {
+                            display: 'flex',
+                            flexDirection: 'column',
+                            alignItems: 'flex-end',
+                        }, children: [(0, jsx_runtime_1.jsxs)(MessageUserName, { children: [(_m = authSession.user) === null || _m === void 0 ? void 0 : _m.fullName, extraUserInfo] }), (0, jsx_runtime_1.jsx)(material_1.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 })] })] })), (0, jsx_runtime_1.jsxs)(material_1.Stack, { className: "ai-chat-message-ai", direction: "row", gap: 1.5, children: [!hideAvatar && ((0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(ux_1.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 }) })), (0, jsx_runtime_1.jsxs)(material_1.Box, { flex: 1, overflow: "hidden", children: [!hideAvatar && ((0, jsx_runtime_1.jsxs)(MessageUserName, { children: [((_r = assistant.release) === null || _r === void 0 ? void 0 : _r.title) || assistant.name, extraUserInfo] })), (0, jsx_runtime_1.jsxs)(react_1.default.Suspense, { children: [hasResult ? ((0, jsx_runtime_1.jsxs)(material_1.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) ? ((0, jsx_runtime_1.jsx)(MarkdownRenderer_1.default, { 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) ? ((0, jsx_runtime_1.jsx)(image_preview_1.default, { 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) && ((0, jsx_runtime_1.jsx)(MarkdownRenderer_1.default, { 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) && ((0, jsx_runtime_1.jsx)(image_preview_1.default, { 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) && ((0, jsx_runtime_1.jsx)(MessageActions_1.default, { className: "message-actions", content: message.result.content }))] })) : (isMessageLoading && ((0, jsx_runtime_1.jsx)(material_1.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) => ((0, jsx_runtime_1.jsx)(common_1.MessageMetadataRenderer, { object: object.data }, object.taskId)))), message.error && ((0, jsx_runtime_1.jsx)(MessageErrorView_1.default, { assistantId: assistantId, assistant: assistant, error: message.error }))] })] })] })] }));
+}
+exports.default = MessageItemView;
+function MessageUserName({ children }) {
+    return ((0, jsx_runtime_1.jsx)(material_1.Typography, { component: "div", noWrap: true, sx: {
+            fontSize: 14,
+            lineHeight: '24px',
+            fontWeight: 500,
+            display: 'flex',
+            alignItems: 'center',
+            gap: 1,
+        }, children: children }));
+}

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

@@ -0,0 +1,48 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_1 = require("react");
+const assistant_1 = require("../../state/assistant");
+const session_1 = require("../../state/session");
+const MessageItemView_1 = __importDefault(require("./MessageItemView"));
+function MessageListView(_a) {
+    var { assistantId, sessionId } = _a, props = __rest(_a, ["assistantId", "sessionId"]);
+    const [assistant] = (0, assistant_1.useAssistantState)({ assistantId });
+    const [session, { messages = [] }] = (0, session_1.useSessionState)({ sessionId, required: true });
+    const opener = (0, react_1.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 ((0, jsx_runtime_1.jsxs)(material_1.Stack, Object.assign({ gap: 2.5 }, props, { children: [opener && (0, jsx_runtime_1.jsx)(MessageItemView_1.default, { assistantId: assistantId, assistant: assistant, message: opener }), messages.map((message, index) => {
+                var _a, _b;
+                return ((0, jsx_runtime_1.jsx)(MessageItemView_1.default, { 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));
+            })] })));
+}
+exports.default = MessageListView;

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+function ReferenceLinks({ links }) {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { sx: { wordBreak: 'break-word' }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "subtitle2", children: "References:" }), links === null || links === void 0 ? void 0 : links.map((item, index) => (0, jsx_runtime_1.jsx)(ReferenceLinkItemView, { link: item }, index))] }));
+}
+exports.default = ReferenceLinks;
+function ReferenceLinkItemView({ link, }) {
+    return ((0, jsx_runtime_1.jsx)(material_1.Stack, { children: (0, jsx_runtime_1.jsx)(material_1.Link, { href: link.url, children: link.title || link.url }) }));
+}

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

@@ -0,0 +1,55 @@
+"use strict";
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_1 = require("react");
+const locale_1 = require("../../../../locale");
+const LanguageField = (0, react_1.forwardRef)((_a, ref) => {
+    var { readOnly, parameter, onChange } = _a, props = __rest(_a, ["readOnly", "parameter", "onChange"]);
+    const { locale } = (0, locale_1.useLocaleContext)();
+    return ((0, jsx_runtime_1.jsx)(material_1.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) => ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: option.en, children: locale === 'zh' ? option.cn : option.en }, option.en))) })));
+});
+exports.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/cjs/builtin/async/ai-runtime/components/parameters/NumberField.js

@@ -0,0 +1,21 @@
+"use strict";
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_1 = require("react");
+const NumberField = (0, react_1.forwardRef)((_a, ref) => {
+    var { readOnly, parameter } = _a, props = __rest(_a, ["readOnly", "parameter"]);
+    return ((0, jsx_runtime_1.jsx)(material_1.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)); } })));
+});
+exports.default = NumberField;

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

@@ -0,0 +1,24 @@
+"use strict";
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_1 = require("react");
+const SelectField = (0, react_1.forwardRef)((_a, ref) => {
+    var _b, _c, _d, _e;
+    var { readOnly, parameter, onChange } = _a, props = __rest(_a, ["readOnly", "parameter", "onChange"]);
+    return ((0, jsx_runtime_1.jsx)(material_1.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) => ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: option.value, children: option.label }, option.id))) })));
+});
+exports.default = SelectField;

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

@@ -0,0 +1,21 @@
+"use strict";
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_1 = require("react");
+const StringField = (0, react_1.forwardRef)((_a, ref) => {
+    var { readOnly, parameter, onChange } = _a, props = __rest(_a, ["readOnly", "parameter", "onChange"]);
+    return ((0, jsx_runtime_1.jsx)(material_1.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 }) })));
+});
+exports.default = StringField;

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

@@ -0,0 +1,37 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const LanguageField_1 = __importDefault(require("./LanguageField"));
+const NumberField_1 = __importDefault(require("./NumberField"));
+const SelectField_1 = __importDefault(require("./SelectField"));
+const StringField_1 = __importDefault(require("./StringField"));
+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_1.default,
+        string: StringField_1.default,
+        select: SelectField_1.default,
+        language: LanguageField_1.default,
+    }[parameter.type || 'string'] || StringField_1.default;
+    return ((0, jsx_runtime_1.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)));
+}
+exports.default = ParameterField;

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

@@ -0,0 +1,94 @@
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const omit_1 = __importDefault(require("lodash/omit"));
+const react_1 = require("react");
+const session_1 = require("../../../../session");
+const session_2 = require("../../api/session");
+const navigate_1 = require("../../hooks/navigate");
+const assistant_1 = require("../../state/assistant");
+const session_3 = require("../../state/session");
+const MessageSuggestedQuestions_1 = require("../common/MessageSuggestedQuestions");
+const ParameterForm_1 = __importDefault(require("../form/ParameterForm"));
+const GlobalLoading_1 = require("../GlobalLoading");
+const MessageItemView_1 = __importDefault(require("../message/MessageItemView"));
+const PoweredBy_1 = __importDefault(require("../PoweredBy"));
+function InitialForm({ page }) {
+    var _a;
+    const { session: authSession } = (0, session_1.useSessionContext)();
+    const [assistant] = (0, assistant_1.useAssistantState)({ assistantId: page.assistantId });
+    const { parameters } = assistant;
+    const [error, setError] = (0, react_1.useState)();
+    const isChat = parameters === null || parameters === void 0 ? void 0 : parameters.some((i) => i.key === 'question');
+    const opener = (0, react_1.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 } = (0, navigate_1.useCurrentPage)();
+    const [creating, setCreating] = (0, react_1.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 GlobalLoading_1.globalLoadingState.getState().run(() => __awaiter(this, void 0, void 0, function* () {
+                const { created: session } = yield (0, session_2.createSession)({
+                    assistantId,
+                    name: parameters.question,
+                    parameters: (0, omit_1.default)(parameters, isChat ? ['question'] : []),
+                    entry,
+                });
+                (0, session_3.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 ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [opener && ((0, jsx_runtime_1.jsx)(material_1.Box, { my: 2, children: (0, jsx_runtime_1.jsx)(MessageItemView_1.default, { assistantId: assistantId, hideAvatar: true, assistant: assistant, message: opener }) })), ((_a = assistant.entries) === null || _a === void 0 ? void 0 : _a.length) && ((0, jsx_runtime_1.jsx)(EntryListView, { assistant: assistant, onEntryClick: (entry) => onSubmit(entry.parameters, { id: entry.id, title: entry.title }) })), (0, jsx_runtime_1.jsx)(material_1.Box, { flex: 1 }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { position: 'sticky', bottom: 0 }, children: [(0, jsx_runtime_1.jsx)(ParameterForm_1.default, { assistant: assistant, onSubmit: onSubmit }), error && (0, jsx_runtime_1.jsx)(material_1.Alert, { severity: "error", children: error.message }), (0, jsx_runtime_1.jsx)(PoweredBy_1.default, { assistantId: page.assistantId, sx: { my: 1 } })] })] }));
+}
+exports.default = InitialForm;
+function EntryListView({ assistant, onEntryClick, }) {
+    var _a;
+    return ((0, jsx_runtime_1.jsx)(material_1.Stack, { gap: 1, alignItems: "flex-start", children: (_a = assistant.entries) === null || _a === void 0 ? void 0 : _a.map((entry) => entry.title && ((0, jsx_runtime_1.jsx)(MessageSuggestedQuestions_1.MessageSuggestedQuestion, { onClick: () => onEntryClick === null || onEntryClick === void 0 ? void 0 : onEntryClick(entry), children: entry.title }, entry.title))) }));
+}

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

@@ -0,0 +1,48 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_wrap_balancer_1 = __importStar(require("react-wrap-balancer"));
+const ux_1 = require("../../../../arcblock/ux");
+function RuntimeChatHeader({ assistant }) {
+    var _a, _b, _c, _d, _e;
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, { className: "ai-chat-header", sx: { pt: 10 }, children: (0, jsx_runtime_1.jsxs)(react_wrap_balancer_1.Provider, { children: [((_a = assistant.release) === null || _a === void 0 ? void 0 : _a.logo) && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: { display: 'flex', justifyContent: 'center', alignItems: 'center' }, children: (0, jsx_runtime_1.jsx)(material_1.Box, { component: ux_1.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 } }) })), (0, jsx_runtime_1.jsx)(material_1.Typography, { component: "h1", sx: {
+                        fontWeight: 'bold',
+                        fontSize: 18,
+                        mt: 1,
+                        lineHeight: '28px',
+                        textAlign: 'center',
+                        color: '#010714',
+                    }, children: (0, jsx_runtime_1.jsxs)(react_wrap_balancer_1.default, { 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)] }) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { component: "p", sx: {
+                        mt: 2.5,
+                        fontSize: 16,
+                        lineHeight: '28px',
+                        textAlign: 'center',
+                        whiteSpace: 'pre-wrap',
+                        color: '#465566',
+                    }, children: (0, jsx_runtime_1.jsxs)(react_wrap_balancer_1.default, { 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)] }) })] }) }));
+}
+exports.default = RuntimeChatHeader;

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

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const assistant_1 = require("../../state/assistant");
+const layout_1 = __importDefault(require("../layout"));
+const InitialForm_1 = __importDefault(require("./InitialForm"));
+const RuntimeChatHeader_1 = __importDefault(require("./RuntimeChatHeader"));
+function RuntimeChatHome({ page }) {
+    const [assistant] = (0, assistant_1.useAssistantState)({ assistantId: page.assistantId });
+    return ((0, jsx_runtime_1.jsxs)(layout_1.default, { disableBottomPadding: true, containerProps: {
+            sx: {
+                display: 'flex',
+                flexDirection: 'column',
+                height: '100%',
+            },
+        }, children: [(0, jsx_runtime_1.jsx)(RuntimeChatHeader_1.default, { assistant: assistant }), (0, jsx_runtime_1.jsx)(InitialForm_1.default, { page: page })] }));
+}
+exports.default = RuntimeChatHome;