@blocklet/pages-kit 0.2.299 → 0.2.301

package/lib/cjs/builtin/async/ai-runtime/{components/runtime/state/assistant.js → state/agent.js}

@@ -9,24 +9,24 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAssistantState = exports.createAssistantState = void 0;
+exports.useAgentState = exports.createAgentState = void 0;
 const zustand_1 = require("zustand");
 const immer_1 = require("zustand/middleware/immer");
-const assistant_1 = require("../../../api/assistant");
+const agent_1 = require("../api/agent");
 const STATES = {};
-const createAssistantState = ({ aid, working, assistant, }) => {
+const createAgentState = ({ aid, working, agent }) => {
     var _a;
     const key = working ? `${aid}-working` : aid;
     (_a = STATES[key]) !== null && _a !== void 0 ? _a : (STATES[key] = (0, zustand_1.create)()((0, immer_1.immer)((set) => ({
-        assistant,
+        agent,
         load: () => __awaiter(void 0, void 0, void 0, function* () {
             set((state) => {
                 state.loading = true;
             });
             try {
-                const assistant = yield (0, assistant_1.getAssistant)({ assistantId: aid, working });
+                const agent = yield (0, agent_1.getAgent)({ aid, working });
                 set((state) => {
-                    state.assistant = assistant;
+                    state.agent = agent;
                 });
             }
             catch (error) {
@@ -44,18 +44,18 @@ const createAssistantState = ({ aid, working, assistant, }) => {
     }))));
     return STATES[key];
 };
-exports.createAssistantState = createAssistantState;
+exports.createAgentState = createAgentState;
 const LOADING_TASKS = {};
-function useAssistantState({ aid, working }) {
+function useAgentState({ aid, working }) {
     var _a;
-    const state = (0, exports.createAssistantState)({ aid, working })();
-    if (!state.assistant) {
+    const state = (0, exports.createAgentState)({ aid, working })();
+    if (!state.agent) {
         if (state.error)
             throw state.error;
         const key = working ? `${aid}-working` : aid;
         (_a = LOADING_TASKS[key]) !== null && _a !== void 0 ? _a : (LOADING_TASKS[key] = state.load());
         throw LOADING_TASKS[key];
     }
-    return [state.assistant, state];
+    return [state.agent, state];
 }
-exports.useAssistantState = useAssistantState;
+exports.useAgentState = useAgentState;

package/lib/cjs/builtin/async/ai-runtime/{components/runtime/state → state}/runtime.js

@@ -12,19 +12,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useRuntimeState = void 0;
 const types_1 = require("@blocklet/ai-runtime/types");
 const react_1 = require("react");
-const react_router_dom_1 = require("react-router-dom");
-const session_1 = require("../../../../../session");
-const error_1 = require("../../../error");
-const assistant_1 = require("./assistant");
+const session_1 = require("../../../session");
+const Runtime_1 = require("../contexts/Runtime");
+const agent_1 = require("./agent");
 const session_2 = require("./session");
 function useRuntimeState() {
     var _a;
-    const [query] = (0, react_router_dom_1.useSearchParams)();
-    const aid = query.get('aid');
-    if (!aid)
-        throw new error_1.CustomError(404, 'Missing required query parameters `aid`');
-    const working = query.get('working') === 'true';
-    const [agent] = (0, assistant_1.useAssistantState)({ aid, working });
+    const { aid, working } = (0, Runtime_1.useRuntimeContext)();
+    const [agent] = (0, agent_1.useAgentState)({ aid, working });
     const sessionState = (0, session_2.createSessionState)({ aid })();
     const { session: authSession } = (0, session_1.useSessionContext)();
     // reset state after logged out

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

@@ -15,41 +15,48 @@ var __asyncValues = (this && this.__asyncValues) || function (o) {
     function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
     function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSessionState = exports.createSessionState = void 0;
-const types_1 = require("@blocklet/ai-runtime/types");
-const pick_1 = __importDefault(require("lodash/pick"));
+exports.createSessionState = void 0;
+const aid_1 = require("@blocklet/ai-runtime/common/aid");
 const zustand_1 = require("zustand");
 const immer_1 = require("zustand/middleware/immer");
 const message_1 = require("../api/message");
 const session_1 = require("../api/session");
-const utils_1 = require("../utils");
 const STATES = {};
-const createSessionState = ({ sessionId, session }) => {
+const GET_MESSAGES_LIMIT = 100;
+const GET_MESSAGES_ORDER_DIRECTION = 'desc';
+const createSessionState = ({ aid }) => {
     var _a;
-    (_a = STATES[sessionId]) !== null && _a !== void 0 ? _a : (STATES[sessionId] = (0, zustand_1.create)()((0, immer_1.immer)((set, get) => ({
-        session,
-        updateSession: (_b) => __awaiter(void 0, [_b], void 0, function* ({ parameters }) {
-            const { updated } = yield (0, session_1.updateSession)({ sessionId, parameters });
+    (_a = STATES[aid]) !== null && _a !== void 0 ? _a : (STATES[aid] = (0, zustand_1.create)()((0, immer_1.immer)((set, get) => ({
+        reset: () => {
             set((state) => {
-                state.session = updated;
+                state.loading = undefined;
+                state.loaded = undefined;
+                state.running = undefined;
+                state.session = undefined;
+                state.messages = undefined;
+                state.noMoreMessage = undefined;
+                state.messageLoading = undefined;
+                state.error = undefined;
             });
-        }),
+        },
         load: () => __awaiter(void 0, void 0, void 0, function* () {
+            var _b;
             set((state) => {
                 state.loading = true;
             });
             try {
-                const [{ session }, { messages }] = yield Promise.all([
-                    (0, session_1.getSession)({ sessionId }),
-                    (0, message_1.getMessages)({ sessionId }),
-                ]);
+                const { sessions } = yield (0, session_1.getSessions)({ aid });
+                const session = (_b = sessions[0]) !== null && _b !== void 0 ? _b : (yield (0, session_1.createSession)({ aid })).created;
+                const { messages } = yield (0, message_1.getMessages)({
+                    sessionId: session.id,
+                    orderDirection: GET_MESSAGES_ORDER_DIRECTION,
+                    limit: GET_MESSAGES_LIMIT,
+                });
                 set((state) => {
                     state.session = session;
-                    state.messages = messages;
+                    state.messages = messages.toReversed();
+                    state.noMoreMessage = messages.length < GET_MESSAGES_LIMIT;
                 });
             }
             catch (error) {
@@ -60,37 +67,67 @@ const createSessionState = ({ sessionId, session }) => {
             }
             finally {
                 set((state) => {
+                    state.loaded = true;
                     state.loading = false;
                 });
             }
         }),
-        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 });
+        loadMoreMessages: () => __awaiter(void 0, void 0, void 0, function* () {
+            var _c;
+            set((state) => {
+                state.messageLoading = true;
+            });
+            const { session, messages } = get();
+            if (!session)
+                return;
+            try {
+                const result = yield (0, message_1.getMessages)({
+                    sessionId: session.id,
+                    before: (_c = messages === null || messages === void 0 ? void 0 : messages.slice(-1)[0]) === null || _c === void 0 ? void 0 : _c.id,
+                    orderDirection: GET_MESSAGES_ORDER_DIRECTION,
+                    limit: GET_MESSAGES_LIMIT,
+                });
+                set((state) => {
+                    var _a;
+                    state.messages = ((_a = state.messages) !== null && _a !== void 0 ? _a : []).concat(result.messages.toReversed());
+                    state.noMoreMessage = result.messages.length < GET_MESSAGES_LIMIT;
+                });
+            }
+            finally {
+                set((state) => {
+                    state.messageLoading = false;
+                });
+            }
+        }),
+        execute: (_d) => __awaiter(void 0, [_d], void 0, function* ({ aid, working, parameters, onResponseStart, }) {
+            var _e, e_1, _f, _g;
+            let { session } = get();
+            if (!session) {
+                yield get().load();
+                session = get().session;
+            }
+            if (!session)
+                throw new Error('This session is not initialized');
+            const { id: sessionId } = session;
+            const identity = (0, aid_1.parseIdentity)(aid, { rejectWhenError: true });
             let message;
-            const childMessages = [];
-            const childMessagesMap = {};
             set((state) => {
                 state.running = true;
                 state.error = undefined;
             });
-            let realParameters = Object.assign(Object.assign({}, parameters), { $clientTime: new Date().toISOString() });
-            if (includeSessionParameters) {
-                realParameters = Object.assign(Object.assign({}, (_g = get().session) === null || _g === void 0 ? void 0 : _g.parameters), parameters);
-            }
             try {
-                const stream = (0, session_1.runAssistant)({
+                const stream = (0, session_1.runAgent)({
+                    aid,
                     sessionId,
-                    identity,
-                    parameters: realParameters,
+                    working,
+                    parameters: Object.assign(Object.assign({}, parameters), { $clientTime: new Date().toISOString() }),
                 });
                 let responseStarted = false;
                 try {
-                    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;
+                    for (var _h = true, stream_1 = __asyncValues(stream), stream_1_1; stream_1_1 = yield stream_1.next(), _e = stream_1_1.done, !_e; _h = true) {
+                        _g = stream_1_1.value;
+                        _h = false;
+                        const value = _g;
                         if (!responseStarted) {
                             responseStarted = true;
                             onResponseStart === null || onResponseStart === void 0 ? void 0 : onResponseStart();
@@ -99,8 +136,8 @@ const createSessionState = ({ sessionId, session }) => {
                             if (!message) {
                                 message = {
                                     taskId: value.taskId,
-                                    sessionId,
                                     assistantId: identity.assistantId,
+                                    sessionId,
                                     parameters,
                                     createdAt: new Date().toISOString(),
                                     updatedAt: new Date().toISOString(),
@@ -113,49 +150,23 @@ const createSessionState = ({ sessionId, session }) => {
                                 });
                             }
                             if (message.taskId === value.taskId) {
-                                set((state) => {
-                                    var _a, _b, _c, _d, _e, _f, _g;
-                                    var _h;
-                                    const msg = (_a = state.messages) === null || _a === void 0 ? void 0 : _a.findLast((i) => i.taskId === message.taskId);
-                                    if (!msg)
-                                        return;
-                                    (_b = msg.result) !== null && _b !== void 0 ? _b : (msg.result = {});
-                                    msg.result.content = (msg.result.content || '') + (value.delta.content || '');
-                                    if ((_d = (_c = value.delta) === null || _c === void 0 ? void 0 : _c.images) === null || _d === void 0 ? void 0 : _d.length) {
-                                        msg.result.images = ((_e = msg.result.images) !== null && _e !== void 0 ? _e : []).concat(value.delta.images);
-                                    }
-                                    if (value.delta.object) {
-                                        (_f = (_h = msg.result).objects) !== null && _f !== void 0 ? _f : (_h.objects = []);
-                                        msg.result.objects.push({ taskId: value.taskId, data: value.delta.object });
+                                requestAnimationFrame(() => {
+                                    set((state) => {
+                                        var _a, _b, _c, _d, _e, _f;
+                                        var _g;
+                                        const msg = (_a = state.messages) === null || _a === void 0 ? void 0 : _a.findLast((i) => i.taskId === message.taskId);
+                                        if (!msg)
+                                            return;
+                                        (_b = msg.result) !== null && _b !== void 0 ? _b : (msg.result = {});
+                                        msg.result.content = (msg.result.content || '') + (value.delta.content || '');
+                                        if ((_d = (_c = value.delta) === null || _c === void 0 ? void 0 : _c.images) === null || _d === void 0 ? void 0 : _d.length) {
+                                            msg.result.images = ((_e = msg.result.images) !== null && _e !== void 0 ? _e : []).concat(value.delta.images);
+                                        }
                                         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, Object.values(types_1.RuntimeOutputVariable)));
+                                            (_f = (_g = msg.result).objects) !== null && _f !== void 0 ? _f : (_g.objects = []);
+                                            msg.result.objects.push({ taskId: value.taskId, data: value.delta.object });
                                         }
-                                    }
-                                });
-                            }
-                            else if (value.respondAs && value.respondAs !== 'none') {
-                                let childMessage = childMessagesMap[value.taskId];
-                                if (!childMessage) {
-                                    childMessage = {
-                                        taskId: value.taskId,
-                                        respondAs: value.respondAs,
-                                    };
-                                    childMessagesMap[value.taskId] = childMessage;
-                                    childMessages.push(childMessage);
-                                }
-                                (_h = childMessage.result) !== null && _h !== void 0 ? _h : (childMessage.result = {});
-                                childMessage.result.content = (childMessage.result.content || '') + (value.delta.content || '');
-                                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;
-                                    const msg = (_a = state.messages) === null || _a === void 0 ? void 0 : _a.findLast((i) => i.taskId === message.taskId);
-                                    if (!msg)
-                                        return;
-                                    (_b = msg.result) !== null && _b !== void 0 ? _b : (msg.result = {});
-                                    msg.result.messages = JSON.parse(JSON.stringify(childMessages));
+                                    });
                                 });
                             }
                         }
@@ -174,7 +185,7 @@ const createSessionState = ({ sessionId, session }) => {
                 catch (e_1_1) { e_1 = { error: e_1_1 }; }
                 finally {
                     try {
-                        if (!_m && !_d && (_e = stream_1.return)) yield _e.call(stream_1);
+                        if (!_h && !_e && (_f = stream_1.return)) yield _f.call(stream_1);
                     }
                     finally { if (e_1) throw e_1.error; }
                 }
@@ -197,18 +208,6 @@ const createSessionState = ({ sessionId, session }) => {
             }
         }),
     }))));
-    return STATES[sessionId];
+    return STATES[aid];
 };
 exports.createSessionState = createSessionState;
-const LOADING_TASKS = {};
-function useSessionState({ sessionId, required }) {
-    var _a;
-    const state = (0, exports.createSessionState)({ sessionId })();
-    if (!state.session) {
-        (_a = LOADING_TASKS[sessionId]) !== null && _a !== void 0 ? _a : (LOADING_TASKS[sessionId] = state.load());
-        if (required)
-            throw LOADING_TASKS[sessionId];
-    }
-    return [state.session, state];
-}
-exports.useSessionState = useSessionState;

package/lib/esm/builtin/async/ai-runtime/api/{assistant.js → agent.js}

@@ -10,13 +10,11 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 import { joinURL } from 'ufo';
 import { getComponentMountPoint } from '../../../utils';
 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, working, }) {
-        const { projectId, projectRef, assistantId } = parseIdentity(id, { rejectWhenError: true });
+export function getAgent(_a) {
+    return __awaiter(this, arguments, void 0, function* ({ aid, working }) {
         return request({
-            url: joinURL(getComponentMountPoint(AI_STUDIO_DID), '/api/projects', projectId, 'refs', projectRef, 'assistants', assistantId),
+            url: joinURL(getComponentMountPoint(AI_STUDIO_DID), '/api/agents', aid),
             query: { working },
         });
     });

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

@@ -20,20 +20,16 @@ var __asyncGenerator = (this && this.__asyncGenerator) || function (thisArg, _ar
     function reject(value) { resume("throw", value); }
     function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }
 };
-import { joinURL, withQuery } from 'ufo';
+import { joinURL } from 'ufo';
 import { EventSourceParserStream } from '../../../stream';
 import { getComponentMountPoint } from '../../../utils';
 import { AI_STUDIO_DID } from '../constants';
-import { parseIdentity } from '../utils';
 import { fetch, request } from './request';
 export function getSessions(_a) {
-    return __awaiter(this, arguments, void 0, function* ({ projectId, projectRef, assistantId, }) {
+    return __awaiter(this, arguments, void 0, function* ({ aid }) {
         return request({
-            url: withQuery(joinURL(getComponentMountPoint(AI_STUDIO_DID), '/api/sessions'), {
-                projectId,
-                projectRef,
-                assistantId,
-            }),
+            url: joinURL(getComponentMountPoint(AI_STUDIO_DID), '/api/sessions'),
+            query: { aid },
         });
     });
 }
@@ -45,22 +41,23 @@ export function getSession(_a) {
     });
 }
 export function createSession(_a) {
-    return __awaiter(this, arguments, void 0, function* ({ assistantId, name, parameters, entry, }) {
+    return __awaiter(this, arguments, void 0, function* ({ aid, name, }) {
         return request({
             method: 'POST',
             url: joinURL(getComponentMountPoint(AI_STUDIO_DID), '/api/sessions'),
-            body: Object.assign(Object.assign({}, parseIdentity(assistantId)), { name,
-                parameters,
-                entry }),
+            body: {
+                aid,
+                name,
+            },
         });
     });
 }
 export function updateSession(_a) {
-    return __awaiter(this, arguments, void 0, function* ({ sessionId, name, parameters, }) {
+    return __awaiter(this, arguments, void 0, function* ({ sessionId, name, }) {
         return request({
             method: 'PATCH',
             url: joinURL(getComponentMountPoint(AI_STUDIO_DID), '/api/sessions', sessionId),
-            body: { name, parameters },
+            body: { name },
         });
     });
 }
@@ -72,8 +69,8 @@ export function deleteSession(_a) {
         });
     });
 }
-export function runAssistant(_a) {
-    return __asyncGenerator(this, arguments, function* runAssistant_1({ sessionId, identity, working, parameters, }) {
+export function runAgent(_a) {
+    return __asyncGenerator(this, arguments, function* runAgent_1({ aid, sessionId, working, parameters, }) {
         var _b;
         const res = yield __await(fetch(joinURL(getComponentMountPoint(AI_STUDIO_DID), '/api/ai/call'), {
             method: 'POST',
@@ -81,7 +78,12 @@ 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 })),
+            body: JSON.stringify({
+                sessionId,
+                parameters: Object.assign(Object.assign({}, parameters), { $clientTime: new Date().toISOString() }),
+                aid,
+                working,
+            }),
         }));
         if (!(res.status >= 200 && res.status < 300)) {
             let json;

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

@@ -23,7 +23,7 @@ import { Icon } from '@iconify/react';
 import { Box, Tooltip } from '@mui/material';
 import { useRef, useState } from 'react';
 import LoadingButton from './LoadingButton';
-export function ActionButton(_a) {
+export default function ActionButton(_a) {
     var { tip, tipSucceed, title, titleSucceed, icon, iconSucceed, autoReset, placement = 'top' } = _a, props = __rest(_a, ["tip", "tipSucceed", "title", "titleSucceed", "icon", "iconSucceed", "autoReset", "placement"]);
     const [copied, setCopied] = useState(false);
     const [error, setError] = useState();

package/lib/esm/builtin/async/ai-runtime/components/{parameters → AgentInputField}/index.js

@@ -15,7 +15,7 @@ import NumberField from './NumberField';
 import RadioField from './RadioField';
 import SelectField from './SelectField';
 import StringField from './StringField';
-export default function ParameterField(_a) {
+export default function AgentInputField(_a) {
     var _b;
     var { parameter } = _a, props = __rest(_a, ["parameter"]);
     if (parameter.type === 'source')

package/lib/esm/builtin/async/ai-runtime/components/{GlobalLoading.js → GlobalLoading/index.js}

@@ -11,7 +11,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import { LinearProgress } from '@mui/material';
-import { globalLoadingState } from '../state/loading';
+import { globalLoadingState } from './state';
+export { globalLoadingState } from './state';
 export default function GlobalLoading(_a) {
     var props = __rest(_a, []);
     const state = globalLoadingState();

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

@@ -0,0 +1,23 @@
+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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from '@emotion/css';
+import { Stack, Typography } from '@mui/material';
+import Balancer, { Provider } from 'react-wrap-balancer';
+import { useRuntimeState } from '../../state/runtime';
+export default function SimpleHeader(_a) {
+    var { TitleProps, DescriptionProps } = _a, props = __rest(_a, ["TitleProps", "DescriptionProps"]);
+    const { agent, appearancePage } = useRuntimeState();
+    const title = (appearancePage === null || appearancePage === void 0 ? void 0 : appearancePage.name) || agent.name;
+    const description = (appearancePage === null || appearancePage === void 0 ? void 0 : appearancePage.description) || agent.description;
+    return (_jsx(Stack, Object.assign({ gap: 2, mt: 8, mb: 4 }, props, { className: cx('aigne-header aigne-simple-header', props.className), children: _jsxs(Provider, { children: [title && (_jsx(Typography, Object.assign({ width: "100%", component: "h5", fontSize: 30, fontWeight: 700, textAlign: "center" }, TitleProps, { children: _jsx(Balancer, { children: title }) }))), description && (_jsx(Typography, Object.assign({ width: "100%", textAlign: "center" }, DescriptionProps, { children: _jsx(Balancer, { children: description }) })))] }) })));
+}

package/lib/esm/builtin/async/ai-runtime/components/{runtime-form/RuntimeFormSubmit.js → Layout/SimpleLayout.js}

@@ -10,8 +10,9 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import LoadingButton from '../LoadingButton';
-export default function RuntimeFormSubmit(_a) {
-    var { page } = _a, props = __rest(_a, ["page"]);
-    return _jsx(LoadingButton, Object.assign({}, props));
+import { cx } from '@emotion/css';
+import { Stack } from '@mui/material';
+export default function SimpleLayout(_a) {
+    var props = __rest(_a, []);
+    return (_jsx(Stack, Object.assign({ flexGrow: 1, maxWidth: "md", width: "100%", mx: "auto", px: { xs: 2, sm: 3 } }, props, { className: cx('aigne-layout aigne-layout-simple', props.className) })));
 }

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

@@ -16,7 +16,7 @@ import React from 'react';
 import { useLocaleContext } from '../../../locale';
 import MarkdownAsync from '../../react-markdown';
 import ReactSyntaxHighlighterAsync from '../../react-syntax-highlighter';
-import { ActionButton } from './ActionButton';
+import ActionButton from './ActionButton';
 const ReactSyntaxHighlighter = React.lazy(() => ReactSyntaxHighlighterAsync().then((m) => ({ default: m.Prism })));
 const Markdown = React.lazy(() => Promise.all([
     MarkdownAsync(),

package/lib/esm/builtin/async/ai-runtime/components/{RuntimeProvider.js → RuntimeCommonProvider.js}

@@ -7,7 +7,7 @@ import { LocaleProvider, useLocaleContext } from '../../../locale';
 import { translations } from '../locales';
 import GlobalLoading from './GlobalLoading';
 import ThemeProvider from './ThemeProvider';
-export default function RuntimeProvider({ children }) {
+export default function RuntimeCommonProvider({ children }) {
     return (_jsx(RuntimeLocaleProvider, { 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 }) {

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

@@ -1,12 +1,3 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -20,63 +11,34 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Box } from '@mui/material';
-import { useEffect, useMemo, useState } from 'react';
-import ScrollToBottomAsync from '../../react-scroll-to-bottom';
-const scrollToBottomModuleLoader = {};
-function loadScrollToBottomModule() {
-    var _a;
-    (_a = scrollToBottomModuleLoader.promise) !== null && _a !== void 0 ? _a : (scrollToBottomModuleLoader.promise = ScrollToBottomAsync()
-        .then((mod) => {
-        scrollToBottomModuleLoader.mod = mod;
-        return mod;
-    })
-        .catch((error) => {
-        scrollToBottomModuleLoader.error = error;
-        throw error;
-    }));
-    return scrollToBottomModuleLoader;
-}
-export function useScrollToBottomModule() {
-    const loader = loadScrollToBottomModule();
-    const [mod, setMod] = useState(loader.mod);
-    const [error, setError] = useState(loader.error);
-    useEffect(() => {
-        (() => __awaiter(this, void 0, void 0, function* () {
-            try {
-                yield loader.promise;
-                if (loader.mod)
-                    setMod(loader.mod);
-                else if (loader.error)
-                    setError(loader.error);
-            }
-            catch (error) {
-                setError(error);
-            }
-        }))();
-    }, []);
-    if (mod)
-        return mod;
-    if (error)
-        throw error;
-    throw loader.promise;
-}
+import { useEffect, useMemo } from 'react';
+import * as scrollToBottom from 'react-scroll-to-bottom';
+// @ts-ignore
+import useInternalContext from 'react-scroll-to-bottom/lib/esm/hooks/internal/useInternalContext';
+// @ts-ignore
+const Composer = scrollToBottom.Composer;
 export default function ScrollView(_a) {
-    var { children, initialScrollBehavior } = _a, props = __rest(_a, ["children", "initialScrollBehavior"]);
-    const { Composer } = useScrollToBottomModule();
-    return (_jsx(Composer, { initialScrollBehavior: initialScrollBehavior, children: _jsx(ScrollViewWithinWindow, Object.assign({}, props, { children: children })) }));
+    var { disabled, children, scroll, component, initialScrollBehavior } = _a, props = __rest(_a, ["disabled", "children", "scroll", "component", "initialScrollBehavior"]);
+    if (disabled) {
+        if (component) {
+            return (_jsx(Box, Object.assign({ component: component }, props, { children: children })));
+        }
+        return children;
+    }
+    return (_jsx(Composer, { initialScrollBehavior: initialScrollBehavior, children: _jsx(ScrollViewWithinWindow, Object.assign({ scroll: scroll, component: component }, props, { children: children })) }));
 }
 function ScrollViewWithinWindow(_a) {
-    var { children, scroller, component } = _a, props = __rest(_a, ["children", "scroller", "component"]);
-    const { setTarget } = useScrollToBottomModule().useInternalContext();
+    var { children, scroll, component } = _a, props = __rest(_a, ["children", "scroll", "component"]);
+    const { setTarget } = useInternalContext();
     const ele = useFakeScrollElementOfWindow();
     useEffect(() => {
-        if (scroller === 'window') {
+        if (scroll === 'window') {
             setTarget(ele);
         }
-    }, [scroller]);
+    }, [scroll]);
     if (!component)
         return children;
-    return (_jsx(Box, Object.assign({ component: component }, props, { ref: !scroller ? setTarget : undefined, children: children })));
+    return (_jsx(Box, Object.assign({ component: component }, props, { ref: !scroll ? setTarget : undefined, children: children })));
 }
 function useFakeScrollElementOfWindow() {
     return useMemo(() => {