@blocklet/pages-kit 0.2.286 → 0.2.288

package/lib/cjs/builtin/async/ai-runtime/components/form/SettingButton.js

@@ -0,0 +1,81 @@
+"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 __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 react_1 = require("@iconify/react");
+const material_1 = require("@mui/material");
+const react_2 = require("react");
+const locale_1 = require("../../../../locale");
+const session_1 = require("../../state/session");
+const LoadingListItemButton_1 = __importDefault(require("../LoadingListItemButton"));
+function SettingButton(_a) {
+    var { sessionId, form } = _a, props = __rest(_a, ["sessionId", "form"]);
+    const { t } = (0, locale_1.useLocaleContext)();
+    const [, state] = (0, session_1.useSessionState)({ sessionId, required: true });
+    const [openSetting, setOpenSetting] = (0, react_2.useState)(false);
+    const settingOptions = [
+        // {
+        //   key: 'parametersSetting',
+        //   label: t('parametersSetting'),
+        //   onClick: () => parametersDialogOpen(),
+        //   icon: 'tabler:adjustments-horizontal',
+        //   sx: {
+        //     color: 'rgba(3, 7, 18, 1)',
+        //   },
+        // },
+        {
+            key: 'clearSession',
+            label: t('clearSession'),
+            onClick: () => __awaiter(this, void 0, void 0, function* () {
+                form.setFocus('question');
+                yield state.clearSession({
+                    sessionId,
+                });
+            }),
+            icon: 'tabler:eraser',
+            sx: {
+                color: 'rgba(225, 29, 72, 1)',
+            },
+        },
+    ];
+    return [
+        (0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ id: "setting-button", onClick: () => setOpenSetting(!openSetting) }, props, { sx: Object.assign({ minWidth: 40, minHeight: 40, p: 0, mr: 1, alignSelf: 'flex-end' }, props.sx), children: (0, jsx_runtime_1.jsx)(material_1.Box, { component: react_1.Icon, icon: "tabler:menu-2", sx: { fontSize: 24, color: 'black.main' } }) }), "setting-button"),
+        (0, jsx_runtime_1.jsx)(material_1.Popper, { anchorEl: document.getElementById('setting-button'), open: openSetting, placement: "top-start", sx: { zIndex: (theme) => theme.zIndex.modal + 1 }, children: (0, jsx_runtime_1.jsx)(material_1.ClickAwayListener, { onClickAway: (e) => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    setOpenSetting(false);
+                }, children: (0, jsx_runtime_1.jsx)(material_1.Paper, { sx: {
+                        py: 0.5,
+                        boxShadow: '0px 8px 16px 0px rgba(2, 7, 19, 0.08), 0px 0px 0px 1px rgba(2, 7, 19, 0.08)',
+                    }, children: settingOptions.map((option) => {
+                        const { key, label, onClick, icon, sx } = option;
+                        return ((0, jsx_runtime_1.jsxs)(LoadingListItemButton_1.default, { onClick: () => __awaiter(this, void 0, void 0, function* () {
+                                yield onClick();
+                                setOpenSetting(false);
+                            }), sx: Object.assign({ fontSize: 13, lineHeight: '22px', py: 0.75, px: 1.5, fontWeight: 400 }, sx), children: [(0, jsx_runtime_1.jsx)(material_1.Box, { component: react_1.Icon, icon: icon, sx: { fontSize: 16, mr: 1 } }), label] }, key));
+                    }) }) }) }, "setting-popper"),
+    ];
+}
+exports.default = SettingButton;

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,129 @@
+"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"));
+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 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"));
+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 ((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: [showUserMessage && (0, jsx_runtime_1.jsx)(UserMessage, { message: message }), (0, jsx_runtime_1.jsx)(AgentMessage, { assistantId: assistantId, assistant: assistant, message: message, hideAvatar: hideAvatar })] }));
+}
+exports.default = MessageItemView;
+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 } = (0, session_1.useSessionContext)();
+    return ((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: (_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" }) }), (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: [(_c = authSession.user) === null || _c === void 0 ? void 0 : _c.fullName, (0, jsx_runtime_1.jsx)(MessageTime, { time: message.createdAt })] }), (0, jsx_runtime_1.jsx)(material_1.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 ((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: (_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 }) })), (0, jsx_runtime_1.jsxs)(material_1.Box, { flex: 1, overflow: "hidden", children: [!hideAvatar && ((0, jsx_runtime_1.jsxs)(MessageUserName, { children: [((_f = assistant.release) === null || _f === void 0 ? void 0 : _f.title) || assistant.name, (0, jsx_runtime_1.jsx)(MessageTime, { time: message.createdAt })] })), (0, jsx_runtime_1.jsxs)(react_1.default.Suspense, { children: [showMainMessage ? ((0, jsx_runtime_1.jsxs)(material_1.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) ? ((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;
+                                    }), ((_j = message.result) === null || _j === void 0 ? void 0 : _j.content) && ((0, jsx_runtime_1.jsx)(MarkdownRenderer_1.default, { className: isMessageLoading ? 'writing' : '', children: message.result.content })), !isMessageLoading && ((_k = message.result) === null || _k === void 0 ? void 0 : _k.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" }))), !!((_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) => ((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 })] })] })] }));
+}
+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 }));
+}
+function MessageTime({ time }) {
+    const t = (0, react_1.useMemo)(() => {
+        const date = (0, dayjs_1.default)(time);
+        if (!date.isValid())
+            return undefined;
+        return date.isSame((0, dayjs_1.default)(), 'date') ? date.format('HH:mm') : date.format('YYYY-MM-DD HH:mm');
+    }, [time]);
+    if (!t)
+        return null;
+    return ((0, jsx_runtime_1.jsx)(material_1.Typography, { sx: {
+            fontSize: 12,
+            lineHeight: '24px',
+            color: 'text.secondary',
+        }, children: t }, "user-time"));
+}

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

@@ -0,0 +1,47 @@
+"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) => {
+                return ((0, jsx_runtime_1.jsx)(MessageItemView_1.default, { assistantId: assistantId, assistant: assistant, message: message }, 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.jsx)(material_1.Stack, { sx: { wordBreak: 'break-word' }, children: links === null || links === void 0 ? void 0 : links.map((item) => (0, jsx_runtime_1.jsx)(ReferenceLinkItemView, { link: item }, item.url)) }));
+}
+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({ 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;