@blocklet/pages-kit 0.2.291 → 0.2.293

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

@@ -1,4 +1,27 @@
 "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 __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) {
@@ -26,7 +49,6 @@ 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");
@@ -35,16 +57,22 @@ 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 MessageItemView_1 = __importDefault(require("../message/MessageItemView"));
+const MessageErrorView_1 = __importDefault(require("../message/MessageErrorView"));
+const MessageItemView_1 = __importStar(require("../message/MessageItemView"));
 const PoweredBy_1 = __importDefault(require("../PoweredBy"));
 function InitialForm({ page }) {
-    var _a;
+    var _a, _b;
     const { assistantId } = page;
     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');
+    (0, react_1.useEffect)(() => {
+        var _a;
+        if (error && authSession.user && ((_a = error === null || error === void 0 ? void 0 : error.error) === null || _a === void 0 ? void 0 : _a.status) === 401) {
+            onSubmit(error.parameters);
+            setError(undefined);
+        }
+    }, [authSession.user]);
     const opener = (0, react_1.useMemo)(() => {
         var _a;
         const { openerMessage } = (_a = assistant.release) !== null && _a !== void 0 ? _a : {};
@@ -52,6 +80,7 @@ function InitialForm({ page }) {
             return {
                 taskId: '',
                 sessionId: '',
+                assistantId: '',
                 createdAt: new Date().toISOString(),
                 updatedAt: new Date().toISOString(),
                 result: { content: openerMessage },
@@ -60,14 +89,7 @@ function InitialForm({ page }) {
         return undefined;
     }, [assistant.release]);
     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();
-                });
-            });
-        }
+    const onSubmit = (parameters) => __awaiter(this, void 0, void 0, function* () {
         if (creating)
             return;
         setCreating(true);
@@ -75,20 +97,20 @@ function InitialForm({ page }) {
             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,
+                    name: typeof (parameters === null || parameters === void 0 ? void 0 : parameters.question) === 'string' ? parameters.question : undefined,
+                    parameters,
                 });
                 (0, session_3.createSessionState)({ sessionId: session.id, session }).getState().execute({
                     assistantId,
                     parameters,
                 });
-                setError(undefined);
                 page.navigate({ page: 'session', assistantId, sessionId: session.id });
             }));
+            setError(undefined);
         }
         catch (error) {
-            setError(error);
+            setError({ error, parameters });
+            throw error;
         }
         finally {
             setCreating(false);
@@ -96,11 +118,11 @@ 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, 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: {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { mt: 5, mb: 5, px: 2 }, children: [opener && ((0, jsx_runtime_1.jsx)(material_1.Box, { mb: 2, children: (0, jsx_runtime_1.jsx)(MessageItemView_1.default, { page: page, 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), sx: { pl: 6.5, pr: 2.5 } })), error && ((0, jsx_runtime_1.jsx)(MessageItemView_1.MessageItemWrapper, { assistant: assistant, agentMessage: (0, jsx_runtime_1.jsx)(MessageErrorView_1.default, { error: error.error, page: page }), sx: { mt: 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 } })] })] }));
+                }, children: [(0, jsx_runtime_1.jsx)(ParameterForm_1.default, { disabled: ((_b = error === null || error === void 0 ? void 0 : error.error) === null || _b === void 0 ? void 0 : _b.status) === 401, page: page, assistant: assistant, onSubmit: onSubmit }), (0, jsx_runtime_1.jsx)(PoweredBy_1.default, { assistantId: page.assistantId, sx: { my: 1, px: 2 } })] })] }));
 }
 exports.default = InitialForm;
 function EntryListView(_a) {

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

@@ -11,6 +11,8 @@ 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 MessageErrorView_1 = __importDefault(require("../message/MessageErrorView"));
+const MessageItemView_1 = require("../message/MessageItemView");
 const MessageListView_1 = __importDefault(require("../message/MessageListView"));
 const PoweredBy_1 = __importDefault(require("../PoweredBy"));
 const ScrollView_1 = require("../ScrollView");
@@ -36,17 +38,22 @@ function RuntimeChatSession({ page }) {
             setError(undefined);
         })
             .catch((error) => {
-            setError(error);
+            setError({ error, parameters });
         });
     };
-    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 }));
-                    } })) : !((_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: {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                    mb: {
+                        xs: 1,
+                        md: 2,
+                    },
+                }, children: [(0, jsx_runtime_1.jsx)(MessageListView_1.default, { className: "ai-chat-message-list", my: 5, px: 2, page: page }), (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 }));
+                            } })) : !((_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 }), error && ((0, jsx_runtime_1.jsx)(MessageItemView_1.MessageItemWrapper, { assistant: assistant, agentMessage: (0, jsx_runtime_1.jsx)(MessageErrorView_1.default, { error: error.error, page: page }), sx: { mt: 2, 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: {
                     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)} 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 }), (0, jsx_runtime_1.jsx)(PoweredBy_1.default, { assistantId: page.assistantId, sx: { my: 0.5, px: 2 } })] })] }));
+                }, children: [(0, jsx_runtime_1.jsx)(ParameterForm_1.default, { page: page, defaultValues: lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.parameters, assistant: assistant, onSubmit: onSubmit, isSubmitting: state.running }), (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-form/RuntimeFormForms.js

@@ -67,12 +67,16 @@ function RuntimeFormForms(_a) {
     const form = (0, react_hook_form_1.useForm)({ defaultValues: defaultForm });
     const [error, setError] = (0, react_2.useState)();
     const [expand, setExpand] = (0, react_2.useState)(false);
-    const { session } = (0, session_1.useSessionContext)();
+    const { session: authSession } = (0, session_1.useSessionContext)();
     const [submitting, setSubmitting] = (0, react_2.useState)(false);
     (0, react_2.useEffect)(() => {
         form.reset(defaultForm);
     }, [defaultForm]);
     const onSubmit = (parameters) => __awaiter(this, void 0, void 0, function* () {
+        if (!authSession.user) {
+            // TODO:
+            return;
+        }
         try {
             setSubmitting(true);
             let { sessionId } = page;
@@ -104,11 +108,6 @@ function RuntimeFormForms(_a) {
     const handleSubmit = (e) => __awaiter(this, void 0, void 0, function* () {
         var _e;
         e.preventDefault();
-        if (!session.user) {
-            yield new Promise((resolve) => {
-                session.login(() => resolve());
-            });
-        }
         (_e = agent.parameters) === null || _e === void 0 ? void 0 : _e.some((parameter) => {
             if (parameter.required && (0, isEmpty_1.default)(form.getValues(parameter.key))) {
                 setExpand(true);

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

@@ -17,18 +17,15 @@ 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("../message/MessageItemView"));
 function RuntimeFormResult(_a) {
     var { page } = _a, props = __rest(_a, ["page"]);
-    return ((0, jsx_runtime_1.jsx)(material_1.Stack, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(react_1.Suspense, { children: page.sessionId ? (0, jsx_runtime_1.jsx)(ResultView, { page: page }) : null }) }) })));
+    return ((0, jsx_runtime_1.jsx)(material_1.Stack, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(react_1.Suspense, { children: page.page === 'session' && (0, jsx_runtime_1.jsx)(ResultView, { page: page }) }) }) })));
 }
 exports.default = RuntimeFormResult;
 function ResultView({ page }) {
-    const { sessionId, assistantId } = page;
-    const [assistant] = (0, assistant_1.useAssistantState)({ assistantId });
-    const [, { messages = [] }] = (0, session_1.useSessionState)({ sessionId });
+    const [, { messages = [] }] = (0, session_1.useSessionState)(page);
     const message = messages[messages.length - 1];
-    return ((0, jsx_runtime_1.jsx)(material_1.Stack, { gap: 2, children: message && ((0, jsx_runtime_1.jsx)(MessageItemView_1.default, { hideAvatar: true, assistantId: assistantId, assistant: assistant, message: message }, message.taskId)) }));
+    return ((0, jsx_runtime_1.jsx)(material_1.Stack, { gap: 2, children: message && (0, jsx_runtime_1.jsx)(MessageItemView_1.default, { hideAvatar: true, page: page, message: message }, message.taskId) }));
 }

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

@@ -35,6 +35,10 @@ function RuntimeForm({ page }) {
                         display: 'flex',
                         flexDirection: 'column',
                         justifyContent: 'space-between',
+                        mb: {
+                            xs: 1,
+                            md: 0,
+                        },
                     }, children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: isMobile ? spacing : 1, spacing: spacing, children: [(0, jsx_runtime_1.jsx)(RuntimeFormHeader_1.default, { agent: agent }), (0, jsx_runtime_1.jsx)(RuntimeFormResult_1.default, { page: page })] }), !isMobile && (0, jsx_runtime_1.jsx)(PoweredBy_1.default, { assistantId: page.assistantId, sx: { mt: spacing, mb: 0.5, px: 2, pt: 0 } })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
                         flex: {
                             md: 1,

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

@@ -13,27 +13,29 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const session_1 = require("../../api/session");
+const session_1 = require("../../../../session");
+const session_2 = require("../../api/session");
 const useAsync_1 = __importDefault(require("../../hooks/useAsync"));
 const assistant_1 = require("../../state/assistant");
 const loading_1 = require("../../state/loading");
-const session_2 = require("../../state/session");
+const session_3 = require("../../state/session");
 const utils_1 = require("../../utils");
 function CheckSession({ cacheId, page, autoCreateSession, children, }) {
+    var _a;
     const { assistantId, sessionId } = page;
     (0, assistant_1.useAssistantState)({ assistantId });
     const result = (0, useAsync_1.default)(() => {
-        if (sessionId && (0, session_2.createSessionState)({ sessionId }).getState().session)
+        if (sessionId && (0, session_3.createSessionState)({ sessionId }).getState().session)
             return undefined;
         return loading_1.globalLoadingState.getState().run(() => __awaiter(this, void 0, void 0, function* () {
             var _a;
             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);
+                    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_2.createSessionState)({ sessionId: session.id, session }).getState().load();
+                        yield (0, session_3.createSessionState)({ sessionId: session.id, session }).getState().load();
                         return [{ page: 'session', assistantId, sessionId: session.id }];
                     }
                 }
@@ -43,7 +45,7 @@ function CheckSession({ cacheId, page, autoCreateSession, children, }) {
             }
             else {
                 try {
-                    const state = (0, session_2.createSessionState)({ sessionId });
+                    const state = (0, session_3.createSessionState)({ sessionId });
                     yield state.getState().load();
                 }
                 catch (error) {
@@ -58,6 +60,13 @@ function CheckSession({ cacheId, page, autoCreateSession, children, }) {
         if (result)
             page.navigate(...result);
     }, [result, page.navigate]);
+    const { session: authSession } = (0, session_1.useSessionContext)();
+    (0, react_1.useEffect)(() => {
+        var _a;
+        if (!((_a = authSession.user) === null || _a === void 0 ? void 0 : _a.did)) {
+            page.navigate({ page: 'assistant', assistantId: page.assistantId, sessionId: undefined }, { replace: true });
+        }
+    }, [(_a = authSession.user) === null || _a === void 0 ? void 0 : _a.did]);
     if (result)
         return null;
     return children;

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

@@ -0,0 +1,31 @@
+"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.useLogin = void 0;
+const react_1 = require("react");
+const session_1 = require("../../../session");
+const assistant_1 = require("../state/assistant");
+const session_2 = require("../state/session");
+const subscription_1 = require("../state/subscription");
+function useLogin({ page }) {
+    const { session: authSession } = (0, session_1.useSessionContext)();
+    return (0, react_1.useCallback)(() => __awaiter(this, void 0, void 0, function* () {
+        yield new Promise((resolve) => {
+            authSession.login(() => resolve());
+        });
+        yield Promise.all([
+            (0, assistant_1.createAssistantState)({ assistantId: page.assistantId }).getState().load(),
+            (0, subscription_1.createSubscriptionState)({ aid: page.assistantId }).getState().load(),
+            page.sessionId && (0, session_2.createSessionState)({ sessionId: page.sessionId }).getState().load(),
+        ]);
+    }), [authSession, page]);
+}
+exports.useLogin = useLogin;

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

@@ -11,13 +11,18 @@ const react_1 = require("react");
 const ux_1 = require("../../../arcblock/ux");
 const locale_1 = require("../../../locale");
 const header_1 = require("../../../page/header");
+const session_1 = require("../../../session");
 const SocialShare_1 = __importDefault(require("../components/SocialShare"));
 const ThemeProvider_1 = __importDefault(require("../components/ThemeProvider"));
 const subscribe_1 = require("./subscribe");
 const logoSize = 44;
 function useSetHeader({ assistant, assistantId }) {
-    const { subscribeLink, requireSubscribe } = (0, subscribe_1.useSubscribeLink)({ assistantId });
+    var _a;
+    const { subscribeLink, isPaymentProject } = (0, subscribe_1.useSubscribeLink)({ assistantId });
+    const theme = (0, material_1.useTheme)();
+    const isMobile = (0, material_1.useMediaQuery)(theme.breakpoints.down('sm'));
     const { t, locale } = (0, locale_1.useLocaleContext)();
+    const { session: authSession } = (0, session_1.useSessionContext)();
     // set logo
     (0, react_1.useEffect)(() => {
         const { release } = assistant;
@@ -26,27 +31,32 @@ function useSetHeader({ assistant, assistantId }) {
                     width: logoSize,
                     height: logoSize,
                 } }));
-            state.brand = (release === null || release === void 0 ? void 0 : release.title) || assistant.name;
-            state.description = assistant.createdBy && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
-                    display: 'inline-flex',
-                    alignItems: 'center',
-                    gap: 0.5,
-                    mt: 0.5,
-                }, children: [t('by'), " ", (0, jsx_runtime_1.jsx)(DID_1.default, { did: assistant.createdBy, copyable: false })] }));
+            if (!isMobile) {
+                state.brand = (release === null || release === void 0 ? void 0 : release.title) || assistant.name;
+                state.description = assistant.createdBy && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                        display: 'inline-flex',
+                        alignItems: 'center',
+                        gap: 0.5,
+                        mt: 0.5,
+                    }, children: [t('by'), " ", (0, jsx_runtime_1.jsx)(DID_1.default, { did: assistant.createdBy, copyable: false })] }));
+            }
             const shareContent = `${(release === null || release === void 0 ? void 0 : release.title) || assistant.name}
 
 ${release === null || release === void 0 ? void 0 : release.description}
 `;
-            state.addons = (...exists) => [
-                (0, jsx_runtime_1.jsx)(ThemeProvider_1.default, { children: (0, jsx_runtime_1.jsx)(material_1.Button, { disabled: !requireSubscribe, variant: "outlined", href: subscribeLink, 
-                        // @ts-ignore
-                        color: "black", sx: {
-                            // 字母不大写
-                            textTransform: 'none',
-                        }, children: subscribeLink ? t('subscribe') : t('subscribed') }) }),
-                (0, jsx_runtime_1.jsx)(SocialShare_1.default, { content: shareContent }),
-                ...exists,
-            ].filter(Boolean);
+            state.addons = (...exists) => {
+                var _a;
+                return [
+                    ((_a = authSession === null || authSession === void 0 ? void 0 : authSession.user) === null || _a === void 0 ? void 0 : _a.did) && isPaymentProject && ((0, jsx_runtime_1.jsx)(ThemeProvider_1.default, { children: (0, jsx_runtime_1.jsx)(material_1.Button, { disabled: !subscribeLink, variant: "outlined", href: subscribeLink, 
+                            // @ts-ignore
+                            color: "black", sx: {
+                                // 字母不大写
+                                textTransform: 'none',
+                            }, children: subscribeLink ? t('subscribe') : t('subscribed') }) })),
+                    (0, jsx_runtime_1.jsx)(SocialShare_1.default, { content: shareContent }),
+                    ...exists,
+                ].filter(Boolean);
+            };
         });
         return () => header_1.useHeaderState.setState((state) => {
             state.logo = undefined;
@@ -54,6 +64,6 @@ ${release === null || release === void 0 ? void 0 : release.description}
             state.description = undefined;
             state.addons = (...exists) => [...exists];
         });
-    }, [locale]);
+    }, [locale, isMobile, (_a = authSession.user) === null || _a === void 0 ? void 0 : _a.did]);
 }
 exports.useSetHeader = useSetHeader;

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

@@ -8,21 +8,23 @@ const constants_1 = require("../constants");
 const assistant_1 = require("../state/assistant");
 const subscription_1 = require("../state/subscription");
 function useSubscribeLink({ assistantId }) {
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e;
     const [, state] = (0, subscription_1.useSubscriptionState)({ aid: assistantId });
     const [assistant] = (0, assistant_1.useAssistantState)({ assistantId });
-    const { session } = (0, session_1.useSessionContext)();
+    const { session: authSession } = (0, session_1.useSessionContext)();
     const requireSubscribe = ((_b = (_a = assistant.release) === null || _a === void 0 ? void 0 : _a.payment) === null || _b === void 0 ? void 0 : _b.enable) && !state.subscription;
-    const subscribeLink = requireSubscribe && session.user && ((_c = state.release) === null || _c === void 0 ? void 0 : _c.paymentLinkId)
+    const isPaymentProject = (_d = (_c = assistant.release) === null || _c === void 0 ? void 0 : _c.payment) === null || _d === void 0 ? void 0 : _d.enable;
+    const subscribeLink = requireSubscribe && authSession.user && ((_e = state.release) === null || _e === void 0 ? void 0 : _e.paymentLinkId)
         ? getSubscribeLink({
             aid: assistantId,
-            userId: session.user.did,
+            userId: authSession.user.did,
             paymentLinkId: state.release.paymentLinkId,
         })
         : undefined;
     return {
         requireSubscribe,
         subscribeLink,
+        isPaymentProject,
     };
 }
 exports.useSubscribeLink = useSubscribeLink;

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

@@ -1,25 +1,28 @@
 "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 __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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ChatBot = exports.getServerSideProps = void 0;
+exports.ChatBot = exports.AIRuntime = exports.PhotoGalleryItem = exports.ChatOutput = exports.BaseOutputs = exports.AutoForm = exports.PhotoGallery = exports.SimpleChat = exports.SimplePage = exports.Runtime = 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");
 const runtime_chat_1 = __importDefault(require("./components/runtime-chat"));
 const runtime_form_1 = __importDefault(require("./components/runtime-form"));
@@ -28,36 +31,41 @@ const ScrollView_1 = __importDefault(require("./components/ScrollView"));
 const CheckSession_1 = __importDefault(require("./components/session/CheckSession"));
 const header_1 = require("./hooks/header");
 const navigate_1 = require("./hooks/navigate");
-const assistant_2 = require("./state/assistant");
-const utils_2 = require("./utils");
-function getServerSideProps() {
-    return __awaiter(this, void 0, void 0, function* () {
-        const query = (0, utils_1.getQuery)(globalThis.location.href);
-        const assistantId = typeof query.assistantId === 'string' ? query.assistantId : undefined;
-        const identity = assistantId ? (0, utils_2.parseIdentity)(assistantId) : undefined;
-        const assistant = identity && (yield (0, assistant_1.getAssistant)(identity));
-        return { props: { preload: assistantId ? { assistantId, assistant } : undefined } };
-    });
-}
-exports.getServerSideProps = getServerSideProps;
+const assistant_1 = require("./state/assistant");
+__exportStar(require("./components/runtime/contexts/CurrentAgent"), exports);
+__exportStar(require("./components/runtime/contexts/CurrentMessage"), exports);
+__exportStar(require("./components/runtime/state/runtime"), exports);
+__exportStar(require("./components/runtime/state/session"), exports);
+var runtime_1 = require("./components/runtime");
+Object.defineProperty(exports, "Runtime", { enumerable: true, get: function () { return __importDefault(runtime_1).default; } });
+var SimplePage_1 = require("./components/runtime/components/SimplePage");
+Object.defineProperty(exports, "SimplePage", { enumerable: true, get: function () { return __importDefault(SimplePage_1).default; } });
+var SimpleChat_1 = require("./components/runtime/components/SimpleChat");
+Object.defineProperty(exports, "SimpleChat", { enumerable: true, get: function () { return __importDefault(SimpleChat_1).default; } });
+var PhotoGallery_1 = require("./components/runtime/components/PhotoGallery");
+Object.defineProperty(exports, "PhotoGallery", { enumerable: true, get: function () { return __importDefault(PhotoGallery_1).default; } });
+var AutoForm_1 = require("./components/runtime/components/AutoForm");
+Object.defineProperty(exports, "AutoForm", { enumerable: true, get: function () { return __importDefault(AutoForm_1).default; } });
+var SimpleOutput_1 = require("./components/runtime/components/SimpleOutput");
+Object.defineProperty(exports, "BaseOutputs", { enumerable: true, get: function () { return __importDefault(SimpleOutput_1).default; } });
+var ChatOutput_1 = require("./components/runtime/components/ChatOutput");
+Object.defineProperty(exports, "ChatOutput", { enumerable: true, get: function () { return __importDefault(ChatOutput_1).default; } });
+var PhotoGalleryItem_1 = require("./components/runtime/components/PhotoGalleryItem");
+Object.defineProperty(exports, "PhotoGalleryItem", { enumerable: true, get: function () { return __importDefault(PhotoGalleryItem_1).default; } });
 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 }) {
+function AIRuntime({ cacheId }) {
     var _a;
     const page = (0, navigate_1.useCurrentPage)();
     const { assistantId } = page;
-    const [assistant] = (0, assistant_2.useAssistantState)({ assistantId });
+    const [assistant] = (0, assistant_1.useAssistantState)({ assistantId });
     (0, header_1.useSetHeader)({ assistant, assistantId });
-    (0, react_1.useMemo)(() => {
-        // preload assistant from server side props
-        if (preload)
-            (0, assistant_2.createAssistantState)(preload);
-    }, []);
     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 }) }) }) }));
 }
+exports.AIRuntime = AIRuntime;
 function ChatBot(props) {
     if (!props.assistantId)
         throw new Error('Missing required parameter assistantId');

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

@@ -14,6 +14,12 @@ exports.translations = {
             shareToLinkedin: 'Share to Linkedin',
             copyLink: 'Copy Link',
         },
+        photoWall: {
+            dialog: {
+                title: 'AI Art Image',
+                prompt: 'Prompt',
+            },
+        },
         questionPlaceholder: 'Ask Anything...',
         parameters: 'Parameters',
         parametersTitle: 'Tell me what do you want?',
@@ -53,6 +59,12 @@ exports.translations = {
   Subscribe now to unlock more possibilities!`,
         requireNewSubscriptionFooter: 'You need to subscribe to access this feature:',
         thanksForSubscription: 'Thanks for subscribing, now you can start enjoying it!',
+        requireLogin: `Thank you for using our service!
+
+  In order to use our service properly, please click below to log in now!
+`,
+        thanksForLogin: 'Now you can start experiencing it to the fullest!',
+        loginNow: 'Login Now',
         clickTheButton: 'Click The Button 👉',
         cleanSessionTip: 'Clean conversation messages',
         poweredBy: 'Powered by',
@@ -77,6 +89,8 @@ exports.translations = {
         uploadFile: 'Upload File',
         submit: 'Submit',
         send: 'Send',
+        session: 'Session',
+        loadMore: 'Load More',
     },
     zh: {
         by: '来自',
@@ -90,6 +104,12 @@ exports.translations = {
             shareToLinkedin: '分享到 Linkedin',
             copyLink: '复制链接',
         },
+        photoWall: {
+            dialog: {
+                title: 'AI 艺术图片',
+                prompt: '提示词',
+            },
+        },
         questionPlaceholder: '问点什么...',
         parameters: '参数',
         parametersTitle: '告诉我你想要什么？',
@@ -129,6 +149,12 @@ exports.translations = {
   立即订阅以解锁更多可能性！`,
         requireNewSubscriptionFooter: '您需要订阅才能访问此功能：',
         thanksForSubscription: '感谢您的订阅，现在，您可以开始尽情体验了！',
+        requireLogin: `感谢您使用我们的服务！
+
+  为了能正常使用我们的服务，请点击下方立即登录!
+`,
+        thanksForLogin: '现在，您可以开始尽情体验了！',
+        loginNow: '立即登录',
         clickTheButton: '点我生成 👉',
         cleanSessionTip: '清除会话消息记录',
         poweredBy: '技术支持来自',
@@ -153,5 +179,7 @@ exports.translations = {
         uploadFile: '上传文件',
         submit: '提交',
         send: '发送',
+        session: '会话',
+        loadMore: '加载更多',
     },
 };