@blocklet/pages-kit 0.2.287 → 0.2.288

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

@@ -3,7 +3,7 @@ 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))] }));
+    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, }) {

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

@@ -32,6 +32,6 @@ function ParameterField(_a) {
         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)));
+    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;

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

@@ -8,26 +8,38 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         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 });
+exports.EntryListView = void 0;
 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 loading_1 = require("../../state/loading");
 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 { assistantId } = page;
     const { session: authSession } = (0, session_1.useSessionContext)();
     const [assistant] = (0, assistant_1.useAssistantState)({ assistantId: page.assistantId });
     const { parameters } = assistant;
@@ -47,7 +59,6 @@ function InitialForm({ page }) {
         }
         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) {
@@ -61,14 +72,14 @@ function InitialForm({ page }) {
             return;
         setCreating(true);
         try {
-            yield GlobalLoading_1.globalLoadingState.getState().run(() => __awaiter(this, void 0, void 0, function* () {
+            yield loading_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({
+                (0, session_3.createSessionState)({ sessionId: session.id, session }).getState().execute({
                     assistantId,
                     parameters,
                 });
@@ -85,10 +96,16 @@ function InitialForm({ page }) {
     });
     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 } })] })] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [opener && ((0, jsx_runtime_1.jsx)(material_1.Box, { my: 2, mx: 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 }), sx: { px: 2 } })), (0, jsx_runtime_1.jsx)(material_1.Box, { flex: 1 }), (0, jsx_runtime_1.jsxs)(material_1.Box, { className: "ai-runtime-form-container", sx: {
+                    position: 'sticky',
+                    bottom: 0,
+                    background: (theme) => `linear-gradient(180deg, ${(0, material_1.alpha)(theme.palette.background.default, 0.1)}, ${(0, material_1.alpha)(theme.palette.background.default, 1)} 16px)`,
+                }, 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, px: 2 } })] })] }));
 }
 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))) }));
+function EntryListView(_a) {
+    var _b;
+    var { assistant, onEntryClick } = _a, props = __rest(_a, ["assistant", "onEntryClick"]);
+    return ((0, jsx_runtime_1.jsx)(material_1.Stack, Object.assign({ gap: 1, alignItems: "flex-start" }, props, { children: (_b = assistant.entries) === null || _b === void 0 ? void 0 : _b.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))) })));
 }
+exports.EntryListView = EntryListView;

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

@@ -22,14 +22,26 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+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_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: {
+function RuntimeChatHeader(_a) {
+    var _b, _c, _d, _e;
+    var { assistant } = _a, props = __rest(_a, ["assistant"]);
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ className: "ai-chat-header", pt: 10 }, props, { children: (0, jsx_runtime_1.jsxs)(react_wrap_balancer_1.Provider, { children: [(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,
@@ -43,6 +55,6 @@ function RuntimeChatHeader({ assistant }) {
                         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)] }) })] }) }));
+                    }, 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/RuntimeChatSession.js

@@ -11,25 +11,12 @@ const assistant_1 = require("../../state/assistant");
 const session_1 = require("../../state/session");
 const common_1 = require("../common");
 const ParameterForm_1 = __importDefault(require("../form/ParameterForm"));
-const layout_1 = __importDefault(require("../layout"));
 const MessageListView_1 = __importDefault(require("../message/MessageListView"));
 const PoweredBy_1 = __importDefault(require("../PoweredBy"));
 const ScrollView_1 = require("../ScrollView");
-const RuntimeChatHeader_1 = __importDefault(require("./RuntimeChatHeader"));
+const InitialForm_1 = require("./InitialForm");
 function RuntimeChatSession({ 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',
-                justifyContent: 'space-between',
-                height: '100%',
-            },
-        }, children: [(0, jsx_runtime_1.jsx)(RuntimeChatHeader_1.default, { assistant: assistant }), (0, jsx_runtime_1.jsx)(ChatForm, { page: page })] }));
-}
-exports.default = RuntimeChatSession;
-function ChatForm({ page }) {
-    var _a, _b, _c, _d, _e, _f, _g;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     const [session, state] = (0, session_1.useSessionState)({ sessionId: page.sessionId, required: true });
     const [assistant] = (0, assistant_1.useAssistantState)({ assistantId: page.assistantId });
     const lastMessage = (_a = state.messages) === null || _a === void 0 ? void 0 : _a.slice(-1)[0];
@@ -52,16 +39,14 @@ function ChatForm({ page }) {
             setError(error);
         });
     };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(MessageListView_1.default, { className: "ai-chat-message-list", my: 5, assistantId: page.assistantId, sessionId: page.sessionId }), !!(suggestedQuestions === null || suggestedQuestions === void 0 ? void 0 : suggestedQuestions.length) && ((0, jsx_runtime_1.jsx)(material_1.Box, { ml: 6.5, mr: 2.5, mt: -4, children: (0, jsx_runtime_1.jsx)(common_1.MessageSuggestedQuestions, { dataSource: suggestedQuestions, onClick: (item) => {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(MessageListView_1.default, { className: "ai-chat-message-list", my: 5, px: 2, assistantId: page.assistantId, sessionId: page.sessionId }), (0, jsx_runtime_1.jsx)(material_1.Box, { ml: 6.5, mr: 2.5, mt: -4, px: 2, children: (suggestedQuestions === null || suggestedQuestions === void 0 ? void 0 : suggestedQuestions.length) ? ((0, jsx_runtime_1.jsx)(common_1.MessageSuggestedQuestions, { dataSource: suggestedQuestions, onClick: (item) => {
                         onSubmit(Object.assign(Object.assign({}, lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.parameters), { question: item.question }));
-                    } }) })), (0, jsx_runtime_1.jsx)(material_1.Box, { flex: 1 }), (0, jsx_runtime_1.jsxs)(material_1.Box, { className: "ai-chat-question-container", sx: {
-                    pt: 1,
+                    } })) : !((_e = state.messages) === null || _e === void 0 ? void 0 : _e.length) && ((_f = assistant.entries) === null || _f === void 0 ? void 0 : _f.length) ? ((0, jsx_runtime_1.jsx)(InitialForm_1.EntryListView, { assistant: assistant, onEntryClick: (entry) => onSubmit(Object.assign(Object.assign({}, lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.parameters), entry.parameters)) })) : null }), (0, jsx_runtime_1.jsx)(material_1.Box, { flex: 1 }), error && ((0, jsx_runtime_1.jsx)(material_1.Alert, { severity: "error", sx: { mb: 1, mx: 2 }, children: error.message })), (0, jsx_runtime_1.jsxs)(material_1.Box, { className: "ai-runtime-form-container", sx: {
+                    pt: 2,
                     position: 'sticky',
                     bottom: 0,
                     // 从上透明到白色 0.72 的径向渐变
-                    background: (theme) => `linear-gradient(180deg, ${(0, material_1.alpha)(theme.palette.background.default, 0.1)}, ${(0, material_1.alpha)(theme.palette.background.default, 1)} 5%)`,
-                    '.ai-chat-question-bar > .MuiFormControl-root > .MuiInputBase-root': {
-                        backdropFilter: 'blur(60px)',
-                    },
-                }, children: [error && ((0, jsx_runtime_1.jsx)(material_1.Alert, { severity: "error", sx: { mb: 1 }, children: error.message })), (0, jsx_runtime_1.jsx)(ParameterForm_1.default, { sessionId: page.sessionId, defaultValues: (_e = lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.parameters) !== null && _e !== void 0 ? _e : session.parameters, assistant: assistant, onSubmit: onSubmit, isSubmitting: state.running, submitButtonTitle: (_g = (_f = assistant.release) === null || _f === void 0 ? void 0 : _f.submitButton) === null || _g === void 0 ? void 0 : _g.title }), (0, jsx_runtime_1.jsx)(PoweredBy_1.default, { assistantId: page.assistantId, sx: { my: 0.5 } })] })] }));
+                    background: (theme) => `linear-gradient(180deg, ${(0, material_1.alpha)(theme.palette.background.default, 0.1)}, ${(0, material_1.alpha)(theme.palette.background.default, 1)} 16px)`,
+                }, children: [(0, jsx_runtime_1.jsx)(ParameterForm_1.default, { 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 }), (0, jsx_runtime_1.jsx)(PoweredBy_1.default, { assistantId: page.assistantId, sx: { my: 0.5, px: 2 } })] })] }));
 }
+exports.default = RuntimeChatSession;

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

@@ -1,15 +1,28 @@
 "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 RuntimeChatHome_1 = __importDefault(require("./RuntimeChatHome"));
+const material_1 = require("@mui/material");
+const assistant_1 = require("../../state/assistant");
+const InitialForm_1 = __importDefault(require("./InitialForm"));
+const RuntimeChatHeader_1 = __importDefault(require("./RuntimeChatHeader"));
 const RuntimeChatSession_1 = __importDefault(require("./RuntimeChatSession"));
-function RuntimeChat({ page }) {
-    if (page.page === 'session') {
-        return (0, jsx_runtime_1.jsx)(RuntimeChatSession_1.default, { page: page });
-    }
-    return (0, jsx_runtime_1.jsx)(RuntimeChatHome_1.default, { page: page });
+function RuntimeChat(_a) {
+    var { page } = _a, props = __rest(_a, ["page"]);
+    const [assistant] = (0, assistant_1.useAssistantState)({ assistantId: page.assistantId });
+    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, Object.assign({ flexGrow: 1, width: "100%", height: "100%", maxWidth: 750, mx: "auto", justifyContent: page.page === 'session' ? 'space-between' : 'unset' }, props, { children: [(0, jsx_runtime_1.jsx)(RuntimeChatHeader_1.default, { assistant: assistant, sx: { mx: 2 } }), page.page === 'session' ? (0, jsx_runtime_1.jsx)(RuntimeChatSession_1.default, { page: page }) : (0, jsx_runtime_1.jsx)(InitialForm_1.default, { page: page })] })));
 }
 exports.default = RuntimeChat;

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

@@ -32,6 +32,7 @@ const material_2 = require("../../../../mui/material");
 const session_1 = require("../../../../session");
 const session_2 = require("../../api/session");
 const assistant_1 = require("../../state/assistant");
+const loading_1 = require("../../state/loading");
 const session_3 = require("../../state/session");
 const ParameterFormFields_1 = __importDefault(require("../form/ParameterFormFields"));
 const RuntimeFormSubmit_1 = __importDefault(require("./RuntimeFormSubmit"));
@@ -59,22 +60,38 @@ function RuntimeFormForms(_a) {
     const form = (0, react_hook_form_1.useForm)({ defaultValues: defaultForm });
     const [error, setError] = (0, react_1.useState)();
     const { session } = (0, session_1.useSessionContext)();
+    const [submitting, setSubmitting] = (0, react_1.useState)(false);
     (0, react_1.useEffect)(() => {
         form.reset(defaultForm);
     }, [defaultForm]);
     const onSubmit = (parameters) => __awaiter(this, void 0, void 0, function* () {
         try {
-            const { created: session } = yield (0, session_2.createSession)({ assistantId: page.assistantId, parameters });
-            (0, session_3.createSessionState)({ sessionId: session.id, session });
-            page.navigate({ page: 'session', assistantId: page.assistantId, sessionId: session.id });
-            yield (0, session_3.createSessionState)({ sessionId: session.id })
-                .getState()
-                .execute({ assistantId: page.assistantId, parameters });
+            setSubmitting(true);
+            let { sessionId } = page;
+            if (!sessionId) {
+                const session = yield loading_1.globalLoadingState.getState().run(() => __awaiter(this, void 0, void 0, function* () {
+                    const { created: session } = yield (0, session_2.createSession)({ assistantId: page.assistantId, parameters });
+                    yield (0, session_3.createSessionState)({ sessionId: session.id }).getState().load();
+                    return session;
+                }));
+                sessionId = session.id;
+                page.navigate({ page: 'session', assistantId: page.assistantId, sessionId: session.id });
+            }
+            const sid = sessionId;
+            yield new Promise((resolve, reject) => {
+                setTimeout(() => {
+                    const session = (0, session_3.createSessionState)({ sessionId: sid }).getState();
+                    session.execute({ assistantId: page.assistantId, parameters }).then(resolve).catch(reject);
+                });
+            });
         }
         catch (error) {
             setError(error);
             throw error;
         }
+        finally {
+            setSubmitting(false);
+        }
     });
     const handleSubmit = (e) => __awaiter(this, void 0, void 0, function* () {
         e.preventDefault();
@@ -94,7 +111,7 @@ function RuntimeFormForms(_a) {
                         pt: 1,
                         // 从上透明到白色 0.72 的径向渐变
                         background: (theme) => `linear-gradient(180deg, ${(0, material_2.alpha)(theme.palette.background.default, 0.1)}, ${(0, material_2.alpha)(theme.palette.background.default, 1)} 5%)`,
-                    }, children: [error && (0, jsx_runtime_1.jsx)(material_1.Alert, { severity: "error", children: error.message }), (0, jsx_runtime_1.jsx)(RuntimeFormSubmit_1.default, { page: page, type: "submit", variant: "contained", fullWidth: true, loading: form.formState.isSubmitting, sx: {
+                    }, children: [error && (0, jsx_runtime_1.jsx)(material_1.Alert, { severity: "error", children: error.message }), (0, jsx_runtime_1.jsx)(RuntimeFormSubmit_1.default, { page: page, type: "submit", variant: "contained", fullWidth: true, loading: submitting, sx: {
                                 borderRadius: 100,
                                 height: 44,
                                 background: 'linear-gradient(90deg, rgb(69, 228, 250) 0%, rgb(138, 69, 250) 52.08%, rgb(250, 69, 188) 100%)',

package/lib/cjs/builtin/async/ai-runtime/components/session/CheckSession.js

@@ -8,55 +8,58 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         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 react_1 = require("react");
-const session_1 = require("../../../../session");
-const session_2 = require("../../api/session");
+const session_1 = require("../../api/session");
+const useAsync_1 = __importDefault(require("../../hooks/useAsync"));
 const assistant_1 = require("../../state/assistant");
-const session_3 = require("../../state/session");
+const loading_1 = require("../../state/loading");
+const session_2 = require("../../state/session");
 const utils_1 = require("../../utils");
-const GlobalLoading_1 = require("../GlobalLoading");
-function CheckSession({ assistantId, sessionId, autoCreateSession, children, navigate, }) {
+function CheckSession({ cacheId, page, autoCreateSession, children, }) {
+    const { assistantId, sessionId } = page;
     (0, assistant_1.useAssistantState)({ assistantId });
-    const { session: authSession } = (0, session_1.useSessionContext)();
-    const [done, setDone] = (0, react_1.useState)(false);
-    const [error, setError] = (0, react_1.useState)();
-    (0, react_1.useEffect)(() => {
-        if (!authSession.user)
-            return;
-        GlobalLoading_1.globalLoadingState.getState().run(() => __awaiter(this, void 0, void 0, function* () {
+    const result = (0, useAsync_1.default)(() => {
+        if (sessionId && (0, session_2.createSessionState)({ sessionId }).getState().session)
+            return undefined;
+        return loading_1.globalLoadingState.getState().run(() => __awaiter(this, void 0, void 0, function* () {
             var _a;
-            try {
-                if (!sessionId) {
-                    if (authSession.user) {
-                        const { sessions } = yield (0, session_2.getSessions)((0, utils_1.parseIdentity)(assistantId, { rejectWhenError: true }));
-                        const session = (_a = sessions[0]) !== null && _a !== void 0 ? _a : (autoCreateSession ? (yield (0, session_2.createSession)({ assistantId })).created : undefined);
-                        if (session) {
-                            yield (0, session_3.createSessionState)({ sessionId: session.id, session }).getState().load();
-                            navigate === null || navigate === void 0 ? void 0 : navigate({ page: 'session', assistantId, sessionId: session.id });
-                        }
+            if (!sessionId) {
+                try {
+                    // get the last session or create a new session if `autoCreateSession` is enabled
+                    const { sessions } = yield (0, session_1.getSessions)((0, utils_1.parseIdentity)(assistantId, { rejectWhenError: true }));
+                    const session = (_a = sessions[0]) !== null && _a !== void 0 ? _a : (autoCreateSession ? (yield (0, session_1.createSession)({ assistantId })).created : undefined);
+                    if (session) {
+                        yield (0, session_2.createSessionState)({ sessionId: session.id, session }).getState().load();
+                        return [{ page: 'session', assistantId, sessionId: session.id }];
                     }
                 }
-                else {
-                    const state = (0, session_3.createSessionState)({ sessionId });
-                    yield state.getState().load();
+                catch (error) {
+                    console.error('get first session or auto create a new session error', { error });
                 }
-                setDone(true);
             }
-            catch (error) {
-                if (sessionId) {
-                    navigate === null || navigate === void 0 ? void 0 : navigate({ page: 'assistant', assistantId, sessionId: undefined }, { replace: true });
+            else {
+                try {
+                    const state = (0, session_2.createSessionState)({ sessionId });
+                    yield state.getState().load();
                 }
-                else {
-                    setError(error);
+                catch (error) {
+                    console.error('load session error', { error });
+                    return [{ page: 'assistant', assistantId, sessionId: undefined }, { replace: true }];
                 }
             }
+            return undefined;
         }));
-    }, [assistantId, sessionId, authSession.user]);
-    if (error)
-        throw error;
-    if (authSession.loading)
+    }, [sessionId, cacheId]);
+    (0, react_1.useEffect)(() => {
+        if (result)
+            page.navigate(...result);
+    }, [result, page.navigate]);
+    if (result)
         return null;
-    return done && children;
+    return children;
 }
 exports.default = CheckSession;

package/lib/cjs/builtin/async/ai-runtime/error.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomError = void 0;
+class CustomError extends Error {
+    constructor(status, message) {
+        super(message);
+        this.status = status;
+    }
+}
+exports.CustomError = CustomError;

package/lib/cjs/builtin/async/ai-runtime/hooks/navigate.js

@@ -4,6 +4,7 @@ exports.useCurrentPage = exports.useNavigateWithQuery = exports.useNavigateTo =
 const react_1 = require("react");
 const react_router_dom_1 = require("react-router-dom");
 const ufo_1 = require("ufo");
+const error_1 = require("../error");
 function useNavigateTo() {
     const location = (0, react_router_dom_1.useLocation)();
     return (0, react_1.useCallback)((query) => (0, ufo_1.withQuery)(`${location.pathname}${location.search}`, query), [location]);
@@ -32,6 +33,6 @@ function useCurrentPage(page) {
         return { page: currentPage, assistantId, navigate };
     if (currentPage === 'session' && assistantId && sessionId)
         return { page: currentPage, assistantId, sessionId, navigate };
-    throw new Error('Not Found: missing required query');
+    throw new error_1.CustomError(404, 'Missing required query parameters `assistantId`');
 }
 exports.useCurrentPage = useCurrentPage;

package/lib/cjs/builtin/async/ai-runtime/hooks/useAsync.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const PROMISE_CACHE = {};
+function useAsync(fn, keys) {
+    const key = keys.join('_');
+    let cache = PROMISE_CACHE[key];
+    if (!cache) {
+        const promise = fn();
+        const isPromise = promise instanceof Promise;
+        cache = {
+            promise: Promise.resolve(promise)
+                .then((result) => {
+                PROMISE_CACHE[key].result = result;
+            })
+                .catch((error) => {
+                PROMISE_CACHE[key].error = error;
+            })
+                .finally(() => {
+                PROMISE_CACHE[key].done = true;
+            }),
+            done: !isPromise,
+            result: isPromise ? undefined : promise,
+        };
+        PROMISE_CACHE[key] = cache;
+    }
+    if (cache.error)
+        throw cache.error;
+    if (cache.done)
+        return cache.result;
+    throw cache.promise;
+}
+exports.default = useAsync;

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

@@ -16,6 +16,8 @@ exports.ChatBot = exports.getServerSideProps = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const react_1 = require("react");
+const react_error_boundary_1 = require("react-error-boundary");
+const ux_1 = require("../../arcblock/ux");
 const utils_1 = require("../../utils");
 const assistant_1 = require("./api/assistant");
 const common_1 = require("./components/common");
@@ -38,26 +40,23 @@ function getServerSideProps() {
     });
 }
 exports.getServerSideProps = getServerSideProps;
-function AIRuntime({ preload }) {
-    const { assistantId, sessionId } = (0, navigate_1.useCurrentPage)();
-    const navigate = (0, navigate_1.useNavigateWithQuery)();
+function App(props) {
+    const cacheId = (0, react_1.useId)();
+    return ((0, jsx_runtime_1.jsx)(RuntimeProvider_1.default, { children: (0, jsx_runtime_1.jsx)(AIRuntime, Object.assign({}, props, { cacheId: cacheId })) }));
+}
+exports.default = App;
+function AIRuntime({ cacheId, preload }) {
+    var _a;
+    const page = (0, navigate_1.useCurrentPage)();
+    const { assistantId } = page;
+    const [assistant] = (0, assistant_2.useAssistantState)({ assistantId });
+    (0, header_1.useSetHeader)({ assistant });
     (0, react_1.useMemo)(() => {
         // preload assistant from server side props
         if (preload)
             (0, assistant_2.createAssistantState)(preload);
     }, []);
-    return ((0, jsx_runtime_1.jsx)(RuntimeProvider_1.default, { children: (0, jsx_runtime_1.jsx)(CheckSession_1.default, { assistantId: assistantId, sessionId: sessionId, navigate: navigate, children: (0, jsx_runtime_1.jsx)(ScrollView_1.default, { scroller: "window", initialScrollBehavior: "auto", children: (0, jsx_runtime_1.jsx)(material_1.Stack, { flexGrow: 1, height: "100%", className: "ai-runtime-root", children: (0, jsx_runtime_1.jsx)(Main, {}) }) }) }) }));
-}
-exports.default = AIRuntime;
-function Main() {
-    var _a;
-    const page = (0, navigate_1.useCurrentPage)();
-    const [assistant] = (0, assistant_2.useAssistantState)({ assistantId: page.assistantId });
-    (0, header_1.useSetHeader)({ assistant });
-    if (((_a = assistant.release) === null || _a === void 0 ? void 0 : _a.template) === 'form') {
-        return (0, jsx_runtime_1.jsx)(runtime_form_1.default, { page: page });
-    }
-    return (0, jsx_runtime_1.jsx)(runtime_chat_1.default, { page: page });
+    return ((0, jsx_runtime_1.jsx)(CheckSession_1.default, { cacheId: cacheId, page: page, children: (0, jsx_runtime_1.jsx)(ScrollView_1.default, { scroller: "window", initialScrollBehavior: "auto", children: (0, jsx_runtime_1.jsx)(material_1.Stack, { flexGrow: 1, height: "100%", className: "ai-runtime-root", children: ((_a = assistant.release) === null || _a === void 0 ? void 0 : _a.template) === 'form' ? (0, jsx_runtime_1.jsx)(runtime_form_1.default, { page: page }) : (0, jsx_runtime_1.jsx)(runtime_chat_1.default, { page: page }) }) }) }));
 }
 function ChatBot(props) {
     if (!props.assistantId)
@@ -70,6 +69,13 @@ function ChatBot(props) {
         assistantId: props.assistantId,
         navigate,
     });
-    return ((0, jsx_runtime_1.jsx)(RuntimeProvider_1.default, { children: (0, jsx_runtime_1.jsx)(CheckSession_1.default, { assistantId: props.assistantId, autoCreateSession: true, navigate: page.navigate, children: (0, jsx_runtime_1.jsx)(common_1.ChatBot, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)(runtime_chat_1.default, { page: page }) })) }) }));
+    const cacheId = (0, react_1.useId)();
+    return ((0, jsx_runtime_1.jsx)(RuntimeProvider_1.default, { children: (0, jsx_runtime_1.jsx)(react_error_boundary_1.ErrorBoundary, { FallbackComponent: ChatBotErrorView, children: (0, jsx_runtime_1.jsx)(react_1.Suspense, { children: (0, jsx_runtime_1.jsx)(common_1.ChatBot, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)(CheckSession_1.default, { cacheId: cacheId, autoCreateSession: true, page: page, children: (0, jsx_runtime_1.jsx)(runtime_chat_1.default, { page: page }) }) })) }) }) }));
 }
 exports.ChatBot = ChatBot;
+function ChatBotErrorView({ error }) {
+    (0, react_1.useEffect)(() => {
+        ux_1.Toast.error(error.message);
+    }, [error]);
+    return null;
+}

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

@@ -122,7 +122,7 @@ exports.translations = {
         thanksForSubscription: '感谢您的订阅，现在，您可以开始尽情体验了！',
         clickTheButton: '点我生成 👉',
         cleanSessionTip: '清除会话消息记录',
-        poweredBy: '技术支持源自',
+        poweredBy: '技术支持来自',
         selectPromptToStart: '选择一个提示词开始吧',
         history: '历史记录',
         unnamed: '未命名',

package/lib/cjs/builtin/async/ai-runtime/state/loading.js

@@ -0,0 +1,39 @@
+"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());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.globalLoadingState = void 0;
+const zustand_1 = require("zustand");
+const immer_1 = require("zustand/middleware/immer");
+exports.globalLoadingState = (0, zustand_1.create)()((0, immer_1.immer)((set, get) => ({
+    loading: false,
+    count: 0,
+    run: (fn) => __awaiter(void 0, void 0, void 0, function* () {
+        try {
+            get().start();
+            return (yield (typeof fn === 'function' ? fn() : fn));
+        }
+        finally {
+            get().end();
+        }
+    }),
+    start: () => {
+        set((state) => {
+            state.count += 1;
+            state.loading = true;
+        });
+    },
+    end: () => {
+        set((state) => {
+            state.count = Math.max(0, state.count - 1);
+            state.loading = state.count > 0;
+        });
+    },
+})));

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

@@ -34,7 +34,7 @@ const createSessionState = ({ sessionId, session }) => {
         session,
         clearSession: (_b) => __awaiter(void 0, [_b], void 0, function* ({ sessionId }) {
             yield (0, message_1.deleteMessages)({ sessionId });
-            get().load();
+            yield get().load();
         }),
         updateSession: (_c) => __awaiter(void 0, [_c], void 0, function* ({ parameters }) {
             const { updated } = yield (0, session_1.updateSession)({ sessionId, parameters });

package/lib/esm/builtin/async/ai-runtime/api/request.js

@@ -19,7 +19,15 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { createFetch } from '@blocklet/js-sdk';
-export const fetch = createFetch();
+let isDEV = false;
+try {
+    // @ts-ignore
+    isDEV = import.meta.env.DEV;
+}
+catch (_a) {
+    // ignore
+}
+export const fetch = createFetch({}, { lazy: isDEV, lazyTime: 1000 });
 export function request(_a) {
     return __awaiter(this, void 0, void 0, function* () {
         var _b, _c, _d;