@blocklet/pages-kit 0.2.291 → 0.2.293

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

@@ -32,11 +32,7 @@ const createSessionState = ({ sessionId, session }) => {
     var _a;
     (_a = STATES[sessionId]) !== null && _a !== void 0 ? _a : (STATES[sessionId] = (0, zustand_1.create)()((0, immer_1.immer)((set, get) => ({
         session,
-        clearSession: (_b) => __awaiter(void 0, [_b], void 0, function* ({ sessionId }) {
-            yield (0, message_1.deleteMessages)({ sessionId });
-            yield get().load();
-        }),
-        updateSession: (_c) => __awaiter(void 0, [_c], void 0, function* ({ parameters }) {
+        updateSession: (_b) => __awaiter(void 0, [_b], void 0, function* ({ parameters }) {
             const { updated } = yield (0, session_1.updateSession)({ sessionId, parameters });
             set((state) => {
                 state.session = updated;
@@ -68,9 +64,9 @@ const createSessionState = ({ sessionId, session }) => {
                 });
             }
         }),
-        execute: (_d) => __awaiter(void 0, [_d], void 0, function* ({ assistantId, parameters, onResponseStart, includeSessionParameters, }) {
-            var _e, e_1, _f, _g;
-            var _h, _j, _k, _l, _m;
+        execute: (_c) => __awaiter(void 0, [_c], void 0, function* ({ assistantId, parameters, onResponseStart, includeSessionParameters, }) {
+            var _d, e_1, _e, _f;
+            var _g, _h, _j, _k, _l;
             const identity = (0, utils_1.parseIdentity)(assistantId, { rejectWhenError: true });
             let message;
             const childMessages = [];
@@ -81,7 +77,7 @@ const createSessionState = ({ sessionId, session }) => {
             });
             let realParameters = Object.assign(Object.assign({}, parameters), { $clientTime: new Date().toISOString() });
             if (includeSessionParameters) {
-                realParameters = Object.assign(Object.assign({}, (_h = get().session) === null || _h === void 0 ? void 0 : _h.parameters), parameters);
+                realParameters = Object.assign(Object.assign({}, (_g = get().session) === null || _g === void 0 ? void 0 : _g.parameters), parameters);
             }
             try {
                 const stream = (0, session_1.runAssistant)({
@@ -91,10 +87,10 @@ const createSessionState = ({ sessionId, session }) => {
                 });
                 let responseStarted = false;
                 try {
-                    for (var _o = true, stream_1 = __asyncValues(stream), stream_1_1; stream_1_1 = yield stream_1.next(), _e = stream_1_1.done, !_e; _o = true) {
-                        _g = stream_1_1.value;
-                        _o = false;
-                        const value = _g;
+                    for (var _m = true, stream_1 = __asyncValues(stream), stream_1_1; stream_1_1 = yield stream_1.next(), _d = stream_1_1.done, !_d; _m = true) {
+                        _f = stream_1_1.value;
+                        _m = false;
+                        const value = _f;
                         if (!responseStarted) {
                             responseStarted = true;
                             onResponseStart === null || onResponseStart === void 0 ? void 0 : onResponseStart();
@@ -104,6 +100,7 @@ const createSessionState = ({ sessionId, session }) => {
                                 message = {
                                     taskId: value.taskId,
                                     sessionId,
+                                    assistantId: identity.assistantId,
                                     parameters,
                                     createdAt: new Date().toISOString(),
                                     updatedAt: new Date().toISOString(),
@@ -132,7 +129,7 @@ const createSessionState = ({ sessionId, session }) => {
                                         msg.result.objects.push({ taskId: value.taskId, data: value.delta.object });
                                         if (value.delta.object) {
                                             (_g = state.metadata) !== null && _g !== void 0 ? _g : (state.metadata = {});
-                                            (0, utils_1.deepMerge)(state.metadata, (0, pick_1.default)(value.delta.object, types_1.RuntimeOutputVariableNames));
+                                            (0, utils_1.deepMerge)(state.metadata, (0, pick_1.default)(value.delta.object, Object.values(types_1.RuntimeOutputVariable)));
                                         }
                                     }
                                 });
@@ -147,10 +144,10 @@ const createSessionState = ({ sessionId, session }) => {
                                     childMessagesMap[value.taskId] = childMessage;
                                     childMessages.push(childMessage);
                                 }
-                                (_j = childMessage.result) !== null && _j !== void 0 ? _j : (childMessage.result = {});
+                                (_h = childMessage.result) !== null && _h !== void 0 ? _h : (childMessage.result = {});
                                 childMessage.result.content = (childMessage.result.content || '') + (value.delta.content || '');
-                                if ((_l = (_k = value.delta) === null || _k === void 0 ? void 0 : _k.images) === null || _l === void 0 ? void 0 : _l.length) {
-                                    childMessage.result.images = ((_m = childMessage.result.images) !== null && _m !== void 0 ? _m : []).concat(value.delta.images);
+                                if ((_k = (_j = value.delta) === null || _j === void 0 ? void 0 : _j.images) === null || _k === void 0 ? void 0 : _k.length) {
+                                    childMessage.result.images = ((_l = childMessage.result.images) !== null && _l !== void 0 ? _l : []).concat(value.delta.images);
                                 }
                                 set((state) => {
                                     var _a, _b;
@@ -177,7 +174,7 @@ const createSessionState = ({ sessionId, session }) => {
                 catch (e_1_1) { e_1 = { error: e_1_1 }; }
                 finally {
                     try {
-                        if (!_o && !_e && (_f = stream_1.return)) yield _f.call(stream_1);
+                        if (!_m && !_d && (_e = stream_1.return)) yield _e.call(stream_1);
                     }
                     finally { if (e_1) throw e_1.error; }
                 }

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

@@ -9,12 +9,12 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSubscriptionState = exports.createAssistantState = void 0;
+exports.useSubscriptionState = exports.createSubscriptionState = void 0;
 const zustand_1 = require("zustand");
 const immer_1 = require("zustand/middleware/immer");
 const subscription_1 = require("../api/subscription");
 const STATES = {};
-const createAssistantState = ({ aid }) => {
+const createSubscriptionState = ({ aid }) => {
     var _a;
     (_a = STATES[aid]) !== null && _a !== void 0 ? _a : (STATES[aid] = (0, zustand_1.create)()((0, immer_1.immer)((set) => ({
         load: () => __awaiter(void 0, void 0, void 0, function* () {
@@ -38,11 +38,11 @@ const createAssistantState = ({ aid }) => {
     }))));
     return STATES[aid];
 };
-exports.createAssistantState = createAssistantState;
+exports.createSubscriptionState = createSubscriptionState;
 const LOADING_TASKS = {};
 function useSubscriptionState({ aid }) {
     var _a;
-    const state = (0, exports.createAssistantState)({ aid })();
+    const state = (0, exports.createSubscriptionState)({ aid })();
     if (!state.loaded && !state.subscription) {
         (_a = LOADING_TASKS[aid]) !== null && _a !== void 0 ? _a : (LOADING_TASKS[aid] = state.load());
         throw LOADING_TASKS[aid];

package/lib/cjs/components/CustomComponentRenderer/index.js

@@ -26,7 +26,6 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-require("../../utils/inject-global-components");
 const material_1 = require("@mui/material");
 const react_error_boundary_1 = require("react-error-boundary");
 const property_1 = require("../../utils/property");

package/lib/cjs/components/CustomComponentRenderer/state.js

@@ -52,61 +52,66 @@ const types_1 = require("../../types");
 const preload_1 = require("../../types/preload");
 const property_1 = require("../../utils/property");
 const PRELOAD_COMPONENTS_STATE = window[preload_1.PreloadComponentsStateGlobalVariableName];
-exports.customComponentStates = (0, zustand_1.create)()((0, immer_1.immer)((set, get) => ({
-    state: {
-        config: Object.assign({}, PRELOAD_COMPONENTS_STATE === null || PRELOAD_COMPONENTS_STATE === void 0 ? void 0 : PRELOAD_COMPONENTS_STATE.config),
-        components: Object.fromEntries(Object.entries(Object.assign({}, PRELOAD_COMPONENTS_STATE === null || PRELOAD_COMPONENTS_STATE === void 0 ? void 0 : PRELOAD_COMPONENTS_STATE.components)).map(([componentId, preload]) => {
-            let Component;
-            if (preload.componentModuleGlobalVariable) {
-                const m = window[preload.componentModuleGlobalVariable];
-                if (typeof m === 'function')
-                    Component = m();
+let states;
+const customComponentStates = () => {
+    states !== null && states !== void 0 ? states : (states = (0, zustand_1.create)()((0, immer_1.immer)((set, get) => ({
+        state: {
+            config: Object.assign({}, PRELOAD_COMPONENTS_STATE === null || PRELOAD_COMPONENTS_STATE === void 0 ? void 0 : PRELOAD_COMPONENTS_STATE.config),
+            components: Object.fromEntries(Object.entries(Object.assign({}, PRELOAD_COMPONENTS_STATE === null || PRELOAD_COMPONENTS_STATE === void 0 ? void 0 : PRELOAD_COMPONENTS_STATE.components)).map(([componentId, preload]) => {
+                let Component;
+                if (preload.componentModuleGlobalVariable) {
+                    const m = window[preload.componentModuleGlobalVariable];
+                    if (typeof m === 'function')
+                        Component = m();
+                }
+                return [componentId, Object.assign(Object.assign({}, preload), { Component })];
+            })),
+            instances: Object.assign({}, PRELOAD_COMPONENTS_STATE === null || PRELOAD_COMPONENTS_STATE === void 0 ? void 0 : PRELOAD_COMPONENTS_STATE.instances),
+        },
+        getComponent({ instanceId, componentId, locale }) {
+            var _a, _b;
+            const { config: { supportedLocales }, components, instances, } = get().state;
+            if (!(supportedLocales === null || supportedLocales === void 0 ? void 0 : supportedLocales.some((i) => i.locale === locale)))
+                return null;
+            const c = components[componentId];
+            if (!c)
+                return null;
+            const { component, Component } = c;
+            if (!Component)
+                return null;
+            if (!instanceId) {
+                return { component, Component };
             }
-            return [componentId, Object.assign(Object.assign({}, preload), { Component })];
-        })),
-        instances: Object.assign({}, PRELOAD_COMPONENTS_STATE === null || PRELOAD_COMPONENTS_STATE === void 0 ? void 0 : PRELOAD_COMPONENTS_STATE.instances),
-    },
-    getComponent({ instanceId, componentId, locale }) {
-        var _a, _b;
-        const { config: { supportedLocales }, components, instances, } = get().state;
-        if (!(supportedLocales === null || supportedLocales === void 0 ? void 0 : supportedLocales.some((i) => i.locale === locale)))
-            return null;
-        const c = components[componentId];
-        if (!c)
-            return null;
-        const { component, Component } = c;
-        if (!Component)
-            return null;
-        if (!instanceId) {
-            return { component, Component };
-        }
-        const instance = instances[instanceId];
-        if (!instance)
-            return null;
-        const props = (_b = (_a = instance.locales) === null || _a === void 0 ? void 0 : _a[locale]) === null || _b === void 0 ? void 0 : _b.props;
-        if (!props)
-            return null;
-        return { component, Component, props };
-    },
-    loadComponents(input) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const result = yield loadComponents(input);
-            if (result) {
-                set((s) => {
-                    s.state.config = result.config;
-                    Object.assign(s.state.components, result.components);
-                    Object.entries(result.instances).forEach(([instanceId, instance]) => {
-                        var _a, _b;
-                        var _c, _d;
-                        (_a = (_c = s.state.instances)[instanceId]) !== null && _a !== void 0 ? _a : (_c[instanceId] = { componentId: instance.componentId });
-                        (_b = (_d = s.state.instances[instanceId]).locales) !== null && _b !== void 0 ? _b : (_d.locales = {});
-                        Object.assign(s.state.instances[instanceId].locales, instance.locales);
+            const instance = instances[instanceId];
+            if (!instance)
+                return null;
+            const props = (_b = (_a = instance.locales) === null || _a === void 0 ? void 0 : _a[locale]) === null || _b === void 0 ? void 0 : _b.props;
+            if (!props)
+                return null;
+            return { component, Component, props };
+        },
+        loadComponents(input) {
+            return __awaiter(this, void 0, void 0, function* () {
+                const result = yield loadComponents(input);
+                if (result) {
+                    set((s) => {
+                        s.state.config = result.config;
+                        Object.assign(s.state.components, result.components);
+                        Object.entries(result.instances).forEach(([instanceId, instance]) => {
+                            var _a, _b;
+                            var _c, _d;
+                            (_a = (_c = s.state.instances)[instanceId]) !== null && _a !== void 0 ? _a : (_c[instanceId] = { componentId: instance.componentId });
+                            (_b = (_d = s.state.instances[instanceId]).locales) !== null && _b !== void 0 ? _b : (_d.locales = {});
+                            Object.assign(s.state.instances[instanceId].locales, instance.locales);
+                        });
                     });
-                });
-            }
-        });
-    },
-})));
+                }
+            });
+        },
+    }))));
+    return states;
+};
+exports.customComponentStates = customComponentStates;
 function loadComponents(input) {
     return __awaiter(this, void 0, void 0, function* () {
         const result = yield (0, api_1.preloadComponents)(Object.assign(Object.assign({}, input), { module: types_1.PreloadComponentScriptModule.ESM }));
@@ -150,17 +155,19 @@ const COMPONENT_LOADER_MAP = {};
 function usePreloadComponent({ instanceId, componentId, properties, locale, dev }) {
     var _a;
     const previousRef = (0, react_1.useRef)();
-    const requestLocale = (0, exports.customComponentStates)((s) => { var _a; return ((_a = s.state.config.supportedLocales) === null || _a === void 0 ? void 0 : _a.some((i) => i.locale === locale)) ? locale : undefined; });
-    const defaultLocale = (0, exports.customComponentStates)((s) => s.state.config.defaultLocale);
+    const requestLocale = (0, exports.customComponentStates)()((s) => { var _a; return ((_a = s.state.config.supportedLocales) === null || _a === void 0 ? void 0 : _a.some((i) => i.locale === locale)) ? locale : undefined; });
+    const defaultLocale = (0, exports.customComponentStates)()((s) => s.state.config.defaultLocale);
     const realLocale = requestLocale || defaultLocale;
-    const result = (0, exports.customComponentStates)((s) => realLocale ? s.getComponent({ instanceId, componentId, locale: realLocale }) : undefined);
+    const result = (0, exports.customComponentStates)()((s) => realLocale ? s.getComponent({ instanceId, componentId, locale: realLocale }) : undefined);
     if (result) {
         previousRef.current = result;
         return result;
     }
     if (realLocale && instanceId) {
         const key = [instanceId, realLocale].join('-');
-        (_a = COMPONENT_LOADER_MAP[key]) !== null && _a !== void 0 ? _a : (COMPONENT_LOADER_MAP[key] = exports.customComponentStates.getState().loadComponents({
+        (_a = COMPONENT_LOADER_MAP[key]) !== null && _a !== void 0 ? _a : (COMPONENT_LOADER_MAP[key] = (0, exports.customComponentStates)()
+            .getState()
+            .loadComponents({
             mode: dev === null || dev === void 0 ? void 0 : dev.mode,
             locale: realLocale,
             instances: [{ id: instanceId, component: { id: componentId }, properties }],

package/lib/cjs/components/index.js

@@ -18,6 +18,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CustomComponentRenderer = void 0;
+require("../utils/inject-global-components");
 var CustomComponentRenderer_1 = require("./CustomComponentRenderer");
 Object.defineProperty(exports, "CustomComponentRenderer", { enumerable: true, get: function () { return __importDefault(CustomComponentRenderer_1).default; } });
 __exportStar(require("./CustomComponentRenderer"), exports);

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

@@ -13,10 +13,11 @@ import { AI_STUDIO_DID } from '../constants';
 import { parseIdentity } from '../utils';
 import { request } from './request';
 export function getAssistant(_a) {
-    return __awaiter(this, arguments, void 0, function* ({ assistantId: id }) {
+    return __awaiter(this, arguments, void 0, function* ({ assistantId: id, working, }) {
         const { projectId, projectRef, assistantId } = parseIdentity(id, { rejectWhenError: true });
         return request({
             url: joinURL(getComponentMountPoint(AI_STUDIO_DID), '/api/projects', projectId, 'refs', projectRef, 'assistants', assistantId),
+            query: { working },
         });
     });
 }

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

@@ -7,14 +7,27 @@ 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;
+};
 import { joinURL } from 'ufo';
 import { getComponentMountPoint } from '../../../utils';
 import { AI_STUDIO_DID } from '../constants';
 import { request } from './request';
 export function getMessages(_a) {
-    return __awaiter(this, arguments, void 0, function* ({ sessionId, }) {
+    return __awaiter(this, void 0, void 0, function* () {
+        var { sessionId } = _a, query = __rest(_a, ["sessionId"]);
         return request({
             url: joinURL(getComponentMountPoint(AI_STUDIO_DID), '/api/sessions', sessionId, 'messages'),
+            query,
         });
     });
 }

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

@@ -19,6 +19,8 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { createFetch } from '@blocklet/js-sdk';
+import { withQuery } from 'ufo';
+import { CustomError } from '../error';
 let isDEV = false;
 try {
     // @ts-ignore
@@ -31,8 +33,8 @@ export const fetch = createFetch({}, { lazy: isDEV, lazyTime: 1000 });
 export function request(_a) {
     return __awaiter(this, void 0, void 0, function* () {
         var _b, _c, _d;
-        var { url, body } = _a, init = __rest(_a, ["url", "body"]);
-        const result = yield fetch(url, Object.assign(Object.assign({}, init), { headers: {
+        var { url, query, body } = _a, init = __rest(_a, ["url", "query", "body"]);
+        const result = yield fetch(withQuery(url, query !== null && query !== void 0 ? query : {}), Object.assign(Object.assign({}, init), { headers: {
                 'Content-Type': 'application/json',
             }, body: typeof body === 'object' ? JSON.stringify(body) : body }));
         if (!(result.status >= 200 && result.status < 300)) {
@@ -44,7 +46,7 @@ export function request(_a) {
                 console.error('parse response error', error);
             }
             const message = (_d = (_c = (_b = json === null || json === void 0 ? void 0 : json.error) === null || _b === void 0 ? void 0 : _b.message) !== null && _c !== void 0 ? _c : json === null || json === void 0 ? void 0 : json.message) !== null && _d !== void 0 ? _d : json === null || json === void 0 ? void 0 : json.error;
-            throw new Error(typeof message === 'string' ? message : `request error ${result.status}`);
+            throw new CustomError(result.status, typeof message === 'string' ? message : `request error ${result.status}`);
         }
         return result.json();
     });

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

@@ -73,7 +73,7 @@ export function deleteSession(_a) {
     });
 }
 export function runAssistant(_a) {
-    return __asyncGenerator(this, arguments, function* runAssistant_1({ sessionId, identity, parameters, }) {
+    return __asyncGenerator(this, arguments, function* runAssistant_1({ sessionId, identity, working, parameters, }) {
         var _b;
         const res = yield __await(fetch(joinURL(getComponentMountPoint(AI_STUDIO_DID), '/api/ai/call'), {
             method: 'POST',
@@ -81,7 +81,7 @@ export function runAssistant(_a) {
                 'Content-Type': 'application/json',
                 Accept: 'text/event-stream',
             },
-            body: JSON.stringify(Object.assign(Object.assign({ sessionId, parameters: Object.assign(Object.assign({}, parameters), { $clientTime: new Date().toISOString() }) }, identity), { ref: identity.projectRef, working: true })),
+            body: JSON.stringify(Object.assign(Object.assign({ sessionId, parameters: Object.assign(Object.assign({}, parameters), { $clientTime: new Date().toISOString() }) }, identity), { ref: identity.projectRef, working })),
         }));
         if (!(res.status >= 200 && res.status < 300)) {
             let json;

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

@@ -9,19 +9,11 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { Box, Link, Stack, Typography } from '@mui/material';
 import { useLocaleContext } from '../../../locale';
-import { useSubscribeLink } from '../hooks/subscribe';
 export default function PoweredBy(_a) {
     var { assistantId } = _a, props = __rest(_a, ["assistantId"]);
     const { t } = useLocaleContext();
-    const { subscribeLink } = useSubscribeLink({ assistantId });
-    return (_jsxs(Stack, Object.assign({ py: 0.5 }, props, { children: [subscribeLink && (_jsxs(Box, { className: "ai-chat-require-subscribe-footer", sx: {
-                    px: 2,
-                    fontSize: 12,
-                    lineHeight: '20px',
-                    textAlign: 'center',
-                    color: 'rgba(75, 85, 99, 1)',
-                }, children: [t('requireNewSubscriptionFooter'), _jsx(Link, { href: subscribeLink, sx: { ml: 0.5 }, children: t('subscribeNow') })] })), _jsx(Stack, { className: "ai-chat-powered-by", direction: "row", justifyContent: "center", children: _jsxs(Typography, { variant: "caption", sx: { display: 'inline-flex', alignItems: 'center', a: { display: 'inline-flex', alignItems: 'center' } }, children: [_jsxs(Typography, { component: "span", fontSize: 12, color: "text.poweredBy", children: [t('poweredBy'), ' '] }), "\u00A0", _jsxs(Link, { href: "https://www.arcblock.io", target: "_blank", color: "text.poweredBy", children: [_jsx(Box, { component: "img", src: "https://www.arcblock.io/.well-known/service/blocklet/logo", sx: { height: 16, verticalAlign: 'middle', mr: 0.5, borderRadius: 0.5 } }), "ArcBlock"] }), "\u00A0\u00B7\u00A0", _jsxs(Link, { href: "https://www.aigne.io", target: "_blank", color: "text.poweredBy", children: [_jsx(Box, { component: "img", src: "https://www.aigne.io/.well-known/service/blocklet/logo", sx: { height: 16, verticalAlign: 'middle', mr: 0.5, borderRadius: 0.5 } }), "AIGNE"] })] }) })] })));
+    return (_jsx(Stack, Object.assign({ py: 0.5 }, props, { children: _jsx(Stack, { className: "ai-chat-powered-by", direction: "row", justifyContent: "center", children: _jsxs(Typography, { variant: "caption", sx: { display: 'inline-flex', alignItems: 'center', a: { display: 'inline-flex', alignItems: 'center' } }, children: [_jsxs(Typography, { component: "span", fontSize: 12, color: "text.poweredBy", children: [t('poweredBy'), ' '] }), "\u00A0", _jsxs(Link, { href: "https://www.arcblock.io", target: "_blank", color: "text.poweredBy", children: [_jsx(Box, { component: "img", src: "https://www.arcblock.io/.well-known/service/blocklet/logo", sx: { height: 16, verticalAlign: 'middle', mr: 0.5, borderRadius: 0.5 } }), "ArcBlock"] }), "\u00A0\u00B7\u00A0", _jsxs(Link, { href: "https://www.aigne.io", target: "_blank", color: "text.poweredBy", children: [_jsx(Box, { component: "img", src: "https://www.aigne.io/.well-known/service/blocklet/logo", sx: { height: 16, verticalAlign: 'middle', mr: 0.5, borderRadius: 0.5 } }), "AIGNE"] })] }) }) })));
 }

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

@@ -12,5 +12,5 @@ export default function RuntimeProvider({ children }) {
     return (_jsx(LocaleProvider, { translations: translations, locale: locale, fallbackLocale: "en", children: _jsx(ThemeProvider, { children: _jsxs(ErrorBoundary, { FallbackComponent: ErrorRender, children: [_jsx(GlobalLoading, { sx: { position: 'fixed', left: 0, top: 0, width: '100%', zIndex: 'snackbar' } }), _jsx(React.Suspense, { fallback: _jsx(Stack, { flexGrow: 1, alignItems: "center", justifyContent: "center", children: _jsx(CircularProgress, { size: 24 }) }), children: children })] }) }) }));
 }
 function ErrorRender({ error }) {
-    return (_jsx(Result, Object.assign({ status: error.status || 'error' }, (Number(error.status) === 404 ? { message: error.message } : {}), { sx: { bgcolor: 'transparent', mt: '20%' } })));
+    return (_jsx(Result, { status: error.status || 'error', description: error.message, sx: { bgcolor: 'transparent', mt: '20%' } }));
 }

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

@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ArrowDropDownRounded } from '@mui/icons-material';
-import { GlobalStyles, ThemeProvider as MuiThemeProvider, alpha, createTheme, useTheme, } from '@mui/material';
+import { GlobalStyles, ThemeProvider as MuiThemeProvider, alpha, createTheme, inputBaseClasses, useTheme, } from '@mui/material';
 import { useMemo } from 'react';
 export default function ThemeProvider({ children, template, transparentHeaderBg, }) {
     const theme = useTheme();
@@ -52,7 +52,7 @@ export default function ThemeProvider({ children, template, transparentHeaderBg,
                             style: ({ theme }) => theme.unstable_sx({
                                 '.MuiInputBase-root': {
                                     fieldset: { borderColor: 'rgba(229, 231, 235, 1)' },
-                                    '&:hover': {
+                                    [`:not(.${inputBaseClasses.disabled}):hover`]: {
                                         fieldset: {
                                             border: 'none',
                                             boxShadow: `0px 0px 0px 4px ${alpha(theme.palette.primary.main, 0.2)}, 0px 0px 0px 1px ${theme.palette.primary.main}`,

package/lib/esm/builtin/async/ai-runtime/components/form/ParameterForm.js

@@ -21,8 +21,9 @@ import QuestionField from './QuestionField';
 import SettingButton from './SettingButton';
 export default function ParameterForm(_a) {
     var _b, _c, _d;
-    var { sessionId, disabled, readOnly, onSubmit, defaultValues, hideSubmit, isSubmitting, assistant, submitButtonTitle = (_c = (_b = assistant.release) === null || _b === void 0 ? void 0 : _b.submitButton) === null || _c === void 0 ? void 0 : _c.title, } = _a;
+    var { page, disabled, readOnly, onSubmit, defaultValues, hideSubmit, isSubmitting, assistant, submitButtonTitle = (_c = (_b = assistant.release) === null || _b === void 0 ? void 0 : _b.submitButton) === null || _c === void 0 ? void 0 : _c.title, } = _a;
     const { t } = useLocaleContext();
+    const { sessionId } = page;
     const parameters = useMemo(() => {
         var _a;
         return (_a = assistant.parameters) === null || _a === void 0 ? void 0 : _a.filter((i) => i.key && !['question', 'datasetId'].includes(i.key) && SUPPORTED_PARAMETER_TYPES.includes(i.type || 'string'));
@@ -41,9 +42,8 @@ export default function ParameterForm(_a) {
     }, [defaultForm]);
     const handleSubmit = (parameters) => __awaiter(this, void 0, void 0, function* () {
         if (onSubmit) {
-            form.setFocus('question');
             yield onSubmit(parameters);
-            form.reset(omit(parameters, 'question'));
+            form.reset(Object.assign(Object.assign({}, parameters), { question: '' }));
         }
     });
     const [expand, setExpand] = useState(false);
@@ -56,5 +56,5 @@ export default function ParameterForm(_a) {
                                     transform: `rotateX(${expand ? '180deg' : '0deg'})`,
                                     transition: 'transform .3s ease-in-out',
                                 } }) }) }), _jsx(Collapse, { in: expand, orientation: "vertical", sx: { maxHeight: '40vh', overflowY: 'auto' }, children: _jsx(ParameterFormFields, { autoFocus: !sessionId, disabled: disabled, readOnly: readOnly, parameters: parameters, form: form, sx: { pb: 2, px: 2 } }) })] })), _jsx(Box, { px: 2, children: !hideSubmit &&
-                    (isChat ? (_jsx(QuestionField, { sessionId: sessionId, showSettingButton: !!sessionId, assistant: assistant, disabled: disabled, submitButtonTitle: submitButtonTitle || t('send'), readOnly: readOnly, isSubmitting: isSubmitting, form: form, autoFocus: !!sessionId })) : (_jsxs(Stack, { className: "ai-chat-generation-bar", direction: "row", alignItems: "center", justifyContent: "flex-end", gap: 2, children: [sessionId && _jsx(SettingButton, { form: form, sessionId: sessionId }), _jsx(Box, { flex: 1 }), _jsx(Tooltip, { title: submitButtonTitle, disableInteractive: true, placement: "top", children: _jsx("span", { children: _jsx(LoadingButton, { disabled: disabled, type: "submit", variant: "contained", color: "secondary", loading: form.formState.isSubmitting || isSubmitting, children: submitButtonTitle || t('send') }) }) })] }))) })] }));
+                    (isChat ? (_jsx(QuestionField, { page: page, showSettingButton: !!sessionId, assistant: assistant, disabled: disabled, submitButtonTitle: submitButtonTitle || t('send'), readOnly: readOnly, isSubmitting: isSubmitting, form: form, autoFocus: !!sessionId })) : (_jsxs(Stack, { className: "ai-chat-generation-bar", direction: "row", alignItems: "center", justifyContent: "flex-end", gap: 2, children: [page.page === 'session' && _jsx(SettingButton, { form: form, page: page }), _jsx(Box, { flex: 1 }), _jsx(Tooltip, { title: submitButtonTitle, disableInteractive: true, placement: "top", children: _jsx("span", { children: _jsx(LoadingButton, { disabled: disabled, type: "submit", variant: "contained", color: "secondary", loading: form.formState.isSubmitting || isSubmitting, children: submitButtonTitle || t('send') }) }) })] }))) })] }));
 }

package/lib/esm/builtin/async/ai-runtime/components/form/ParameterFormFields.js

@@ -44,7 +44,11 @@ export default function ParameterFormFields(_a) {
                                         mb: 0.5,
                                         fontWeight: 500,
                                         color: 'rgba(18, 22, 24, 1)',
-                                    }, children: (parameter === null || parameter === void 0 ? void 0 : parameter.label) || parameter.key }), _jsx(ParameterField, { inputRef: field.ref, autoFocus: autoFocus && isFirstParameter, readOnly: readOnly, size: "small", hiddenLabel: true, fullWidth: true, label: undefined, parameter: parameter, maxRows: !(parameter === null || parameter === void 0 ? void 0 : parameter.type) || (parameter === null || parameter === void 0 ? void 0 : parameter.type) === 'string' ? 5 : undefined, value: field.value || '', onChange: (value) => field.onChange({ target: { value } }), error: Boolean(fieldState.error), helperText: ((_a = fieldState.error) === null || _a === void 0 ? void 0 : _a.message) || (parameter === null || parameter === void 0 ? void 0 : parameter.helper), sx: { bgcolor: 'background.paper' } })] }));
+                                    }, children: (parameter === null || parameter === void 0 ? void 0 : parameter.label) || parameter.key }), _jsx(ParameterField, { inputRef: field.ref, autoFocus: autoFocus && isFirstParameter, readOnly: readOnly, size: "small", hiddenLabel: true, fullWidth: true, label: undefined, parameter: parameter, maxRows: !(parameter === null || parameter === void 0 ? void 0 : parameter.type) || (parameter === null || parameter === void 0 ? void 0 : parameter.type) === 'string' ? 5 : undefined, value: field.value || '', onChange: (value) => field.onChange({ target: { value } }), error: Boolean(fieldState.error), helperText: ((_a = fieldState.error) === null || _a === void 0 ? void 0 : _a.message) || (parameter === null || parameter === void 0 ? void 0 : parameter.helper), sx: {
+                                        '& .MuiInputBase-root': {
+                                            bgcolor: 'background.paper',
+                                        },
+                                    } })] }));
                     } }) }, parameter.id));
         }) })));
 }

package/lib/esm/builtin/async/ai-runtime/components/form/QuestionField.js

@@ -6,7 +6,7 @@ import { Controller } from 'react-hook-form';
 import { useLocaleContext } from '../../../../locale';
 import LoadingButton from '../LoadingButton';
 import SettingButton from './SettingButton';
-export default function QuestionField({ sessionId, assistant, showSettingButton, form, isSubmitting, autoFocus, readOnly, disabled, submitButtonTitle, }) {
+export default function QuestionField({ page, assistant, showSettingButton, form, isSubmitting, autoFocus, readOnly, disabled, submitButtonTitle, }) {
     const { t } = useLocaleContext();
     const defaultPlaceholder = t('questionPlaceholder');
     const placeholder = useMemo(() => { var _a, _b; return ((_b = (_a = assistant.parameters) === null || _a === void 0 ? void 0 : _a.find((i) => i.key === 'question')) === null || _b === void 0 ? void 0 : _b.placeholder) || defaultPlaceholder; }, [submitButtonTitle, assistant, defaultPlaceholder]);
@@ -23,7 +23,7 @@ export default function QuestionField({ sessionId, assistant, showSettingButton,
             }, InputProps: {
                 readOnly,
                 sx: { p: 1, bgcolor: 'white', borderRadius: 1 },
-                startAdornment: showSettingButton && sessionId && (_jsx(SettingButton, { form: form, sessionId: sessionId, sx: { minWidth: 32, minHeight: 32 }, tabIndex: -1 })),
+                startAdornment: showSettingButton && page.page === 'session' && (_jsx(SettingButton, { form: form, page: page, sx: { minWidth: 32, minHeight: 32 }, tabIndex: -1 })),
                 className: 'ai-chat-question-field',
                 endAdornment: (_jsx(Tooltip, { title: submitButtonTitle, disableInteractive: true, placement: "top", children: _jsx("span", { children: _jsx(LoadingButton, { disabled: disabled, id: "question-submit", ref: submitRef, type: "submit", variant: "contained", 
                             // @ts-ignore

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

@@ -23,12 +23,12 @@ import { Icon } from '@iconify/react';
 import { Box, Button, ClickAwayListener, Paper, Popper } from '@mui/material';
 import { useState } from 'react';
 import { useLocaleContext } from '../../../../locale';
-import { useSessionState } from '../../state/session';
+import { createSession } from '../../api/session';
+import { globalLoadingState } from '../../state/loading';
 import LoadingListItemButton from '../LoadingListItemButton';
 export default function SettingButton(_a) {
-    var { sessionId, form } = _a, props = __rest(_a, ["sessionId", "form"]);
+    var { page, form } = _a, props = __rest(_a, ["page", "form"]);
     const { t } = useLocaleContext();
-    const [, state] = useSessionState({ sessionId, required: true });
     const [openSetting, setOpenSetting] = useState(false);
     const settingOptions = [
         // {
@@ -41,15 +41,22 @@ export default function SettingButton(_a) {
         //   },
         // },
         {
-            key: 'clearSession',
-            label: t('clearSession'),
+            key: 'newSession',
+            label: t('newObject', { object: t('session') }),
             onClick: () => __awaiter(this, void 0, void 0, function* () {
                 form.setFocus('question');
-                yield state.clearSession({
-                    sessionId,
-                });
+                yield globalLoadingState.getState().run(() => __awaiter(this, void 0, void 0, function* () {
+                    const { created: session } = yield createSession({
+                        assistantId: page.assistantId,
+                    });
+                    page.navigate({
+                        page: 'session',
+                        assistantId: page.assistantId,
+                        sessionId: session.id,
+                    });
+                }));
             }),
-            icon: 'tabler:eraser',
+            icon: 'tabler:plus',
             sx: {
                 color: 'rgba(225, 29, 72, 1)',
             },

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

@@ -1,12 +1,18 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Alert, Box, Button } from '@mui/material';
 import { useLocaleContext } from '../../../../locale';
+import { useLogin } from '../../hooks/auth';
 import { useSubscribeLink } from '../../hooks/subscribe';
+import { useAssistantState } from '../../state/assistant';
 import MarkdownRenderer from '../MarkdownRenderer';
-export default function MessageErrorView({ assistantId, assistant, error, }) {
+export default function MessageErrorView({ page, error }) {
     var _a, _b, _c;
     const { t } = useLocaleContext();
-    const { subscribeLink } = useSubscribeLink({ assistantId });
+    const [assistant] = useAssistantState(page);
+    const { subscribeLink } = useSubscribeLink(page);
+    const login = useLogin({ page });
+    if (!error)
+        return null;
     if (error.type === 'InvalidSubscriptionError') {
         return (_jsxs(Box, { className: "ai-chat-message-error", children: [_jsx(Box, { className: "message-response", children: _jsx(MarkdownRenderer, { children: t('requireNewSubscription', {
                             price: (_b = (_a = assistant.release) === null || _a === void 0 ? void 0 : _a.payment) === null || _b === void 0 ? void 0 : _b.price,
@@ -14,5 +20,10 @@ export default function MessageErrorView({ assistantId, assistant, error, }) {
                     // @ts-ignore
                     _jsx(Button, { variant: "contained", color: "black", href: subscribeLink, children: t('subscribeNow') })) : (_jsx(Box, { className: "message-response", children: t('thanksForSubscription') })) })] }));
     }
-    return (_jsx(Alert, { className: "ai-chat-message-error", severity: "error", children: (error.type === 'ReachMaxRoundLimitError' && ((_c = assistant === null || assistant === void 0 ? void 0 : assistant.release) === null || _c === void 0 ? void 0 : _c.reachMaxRoundLimitTip)) || error.message }));
+    if (error.status === 401) {
+        return (_jsxs(Box, { className: "ai-chat-message-error", children: [_jsx(Box, { className: "message-response", children: _jsx(MarkdownRenderer, { children: t('requireLogin') }) }), _jsx(Box, { mt: 1, children: _jsx(Button, { variant: "contained", 
+                        // @ts-ignore
+                        color: "black", onClick: login, children: t('loginNow') }) })] }));
+    }
+    return (_jsx(Alert, { className: "ai-chat-message-error", severity: "error", sx: { mr: 5 }, children: (error.type === 'ReachMaxRoundLimitError' && ((_c = assistant === null || assistant === void 0 ? void 0 : assistant.release) === null || _c === void 0 ? void 0 : _c.reachMaxRoundLimitTip)) || error.message }));
 }