@blocklet/pages-kit 0.2.299 → 0.2.301

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

@@ -1,121 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const lab_1 = require("@mui/lab");
-const material_1 = require("@mui/material");
-const react_1 = require("react");
-const react_wrap_balancer_1 = __importStar(require("react-wrap-balancer"));
-const CustomComponentRenderer_1 = __importDefault(require("../../../../../../../components/CustomComponentRenderer"));
-const locale_1 = require("../../../../../../locale");
-const LoadingButton_1 = __importDefault(require("../../../LoadingButton"));
-const CurrentAgent_1 = __importStar(require("../../contexts/CurrentAgent"));
-const CurrentMessage_1 = __importDefault(require("../../contexts/CurrentMessage"));
-const runtime_1 = require("../../state/runtime");
-const map_right_1 = __importDefault(require("../../utils/map-right"));
-function PhotoGallery({ resultTitle, background, primaryColor, }) {
-    const { agent, appearancePage, childAgentId } = (0, runtime_1.useRuntimeState)();
-    const inheritedTheme = (0, material_1.useTheme)();
-    const theme = (0, react_1.useMemo)(() => {
-        let { primary } = inheritedTheme.palette;
-        try {
-            if (primaryColor) {
-                primary = inheritedTheme.palette.augmentColor({ color: { main: primaryColor } });
-            }
-        }
-        catch (error) {
-            console.error('augment primary color error', { error });
-        }
-        return (0, material_1.createTheme)(inheritedTheme, {
-            palette: { primary },
-            shape: {
-                borderRadius: 8,
-            },
-        });
-    }, [inheritedTheme, primaryColor]);
-    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 ((0, jsx_runtime_1.jsx)(material_1.ThemeProvider, { theme: theme, children: (0, jsx_runtime_1.jsxs)(Root, { className: "photo-wall-root", sx: { backgroundImage: `url(${background})` }, children: [(0, jsx_runtime_1.jsx)(material_1.Stack, { className: "photo-wall-header", children: (0, jsx_runtime_1.jsxs)(react_wrap_balancer_1.Provider, { children: [title && ((0, jsx_runtime_1.jsx)(material_1.Typography, { component: "h2", fontSize: 48, fontWeight: 700, textAlign: "center", children: (0, jsx_runtime_1.jsx)(react_wrap_balancer_1.default, { children: title }) })), description && ((0, jsx_runtime_1.jsx)(material_1.Typography, { fontSize: 20, textAlign: "center", children: (0, jsx_runtime_1.jsx)(react_wrap_balancer_1.default, { children: description }) }))] }) }), (0, jsx_runtime_1.jsx)(material_1.Stack, { className: "photo-wall-input", children: (0, jsx_runtime_1.jsx)(CurrentAgent_1.default, { agentId: childAgentId, children: (0, jsx_runtime_1.jsx)(AgentInputRender, {}) }) }), (0, jsx_runtime_1.jsxs)(material_1.Stack, { className: "photo-wall-output", gap: 2, children: [resultTitle && ((0, jsx_runtime_1.jsx)(material_1.Typography, { component: "h2", fontSize: 48, fontWeight: 700, textAlign: "center", children: (0, jsx_runtime_1.jsx)(react_wrap_balancer_1.default, { children: resultTitle }) })), (0, jsx_runtime_1.jsx)(OutputView, {})] })] }) }));
-}
-exports.default = PhotoGallery;
-const Root = (0, material_1.styled)(material_1.Stack)(({ theme }) => theme.unstable_sx({
-    gap: { xs: 3, sm: 4, md: 5 },
-    width: '100%',
-    backgroundSize: '100% auto',
-    backgroundRepeat: 'no-repeat',
-    backgroundPosition: 'top',
-    mt: 4,
-    '.photo-wall-header': {
-        maxWidth: 'md',
-        mx: 'auto',
-        width: '100%',
-        px: { xs: 2, sm: 3 },
-        gap: { xs: 2, sm: 3 },
-    },
-    '.photo-wall-input': {
-        maxWidth: 'md',
-        mx: 'auto',
-        width: '100%',
-        px: { xs: 2, sm: 3 },
-    },
-    '.photo-wall-output': {
-        width: '100%',
-        alignItems: 'center',
-        px: { xs: 2, sm: 3 },
-        '.photo-wall-item': {
-            borderRadius: 1,
-            img: {
-                borderRadius: 1,
-            },
-        },
-    },
-}));
-function AgentInputRender() {
-    const { appearanceInput } = (0, CurrentAgent_1.useCurrentAgent)();
-    if (!(appearanceInput === null || appearanceInput === void 0 ? void 0 : appearanceInput.componentId))
-        return null;
-    return ((0, jsx_runtime_1.jsx)(material_1.Stack, { children: (0, jsx_runtime_1.jsx)(CustomComponentRenderer_1.default, { componentId: appearanceInput.componentId, properties: appearanceInput.componentProps }) }));
-}
-function NoOutputs() {
-    return ((0, jsx_runtime_1.jsx)(material_1.Stack, { mt: 10, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { color: "text.disabled", children: "You haven't generated any pictures yet." }) }));
-}
-function OutputView() {
-    var _a, _b, _c, _d, _e;
-    const { t } = (0, locale_1.useLocaleContext)();
-    const { sessionState } = (0, runtime_1.useRuntimeState)();
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [sessionState.loaded && !((_a = sessionState.messages) === null || _a === void 0 ? void 0 : _a.length) && (0, jsx_runtime_1.jsx)(NoOutputs, {}), (0, jsx_runtime_1.jsxs)(lab_1.Masonry, { columns: { xs: 2, sm: 3, md: 4, lg: 5 }, spacing: 1, sequential: true, sx: { width: '100%', overflow: 'hidden' }, children: [sessionState.running && ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { className: "photo-wall-item", variant: "rectangular", sx: {
-                            // FIXME: default using history height
-                            height: (_c = (_b = document.getElementsByClassName('photo-wall-item')[0]) === null || _b === void 0 ? void 0 : _b.clientHeight) !== null && _c !== void 0 ? _c : 200,
-                        } })), (0, map_right_1.default)((_d = sessionState.messages) !== null && _d !== void 0 ? _d : [], (message) => ((0, jsx_runtime_1.jsx)(CurrentAgent_1.default, { agentId: message.assistantId, children: (0, jsx_runtime_1.jsx)(CurrentMessage_1.default, { message: message, children: (0, jsx_runtime_1.jsx)(react_1.Suspense, { children: (0, jsx_runtime_1.jsx)(OutputItemView, {}) }) }) }, message.taskId)))] }), (0, jsx_runtime_1.jsx)(material_1.Box, { my: 4, children: !!((_e = sessionState.messages) === null || _e === void 0 ? void 0 : _e.length) && !sessionState.noMoreMessage && ((0, jsx_runtime_1.jsx)(LoadingButton_1.default, { variant: "outlined", onClick: sessionState.loadMoreMessages, children: t('loadMore') })) })] }));
-}
-function OutputItemView() {
-    const { appearanceOutput } = (0, CurrentAgent_1.useCurrentAgent)();
-    if (!(appearanceOutput === null || appearanceOutput === void 0 ? void 0 : appearanceOutput.componentId))
-        return null;
-    return ((0, jsx_runtime_1.jsx)(CustomComponentRenderer_1.default, { componentId: appearanceOutput.componentId, properties: appearanceOutput.componentProps }));
-}

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

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DEFAULT_OUTPUT_COMPONENT_ID = exports.DEFAULT_INPUT_COMPONENT_ID = exports.DEFAULT_PAGE_COMPONENT_ID = void 0;
-exports.DEFAULT_PAGE_COMPONENT_ID = 'ctnxha29uu8cx4xv';
-exports.DEFAULT_INPUT_COMPONENT_ID = '1wwtemqcdio6nqf0';
-exports.DEFAULT_OUTPUT_COMPONENT_ID = 'q0ckknkxph4hfwas';

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

@@ -1,213 +0,0 @@
-"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 __asyncValues = (this && this.__asyncValues) || function (o) {
-    if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
-    var m = o[Symbol.asyncIterator], i;
-    return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
-    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); }
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createSessionState = void 0;
-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 GET_MESSAGES_LIMIT = 100;
-const GET_MESSAGES_ORDER_DIRECTION = 'desc';
-const createSessionState = ({ aid }) => {
-    var _a;
-    (_a = STATES[aid]) !== null && _a !== void 0 ? _a : (STATES[aid] = (0, zustand_1.create)()((0, immer_1.immer)((set, get) => ({
-        reset: () => {
-            set((state) => {
-                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 { sessions } = yield (0, session_1.getSessions)((0, utils_1.parseIdentity)(aid, { rejectWhenError: true }));
-                const session = (_b = sessions[0]) !== null && _b !== void 0 ? _b : (yield (0, session_1.createSession)({ assistantId: 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.toReversed();
-                    state.noMoreMessage = messages.length < GET_MESSAGES_LIMIT;
-                });
-            }
-            catch (error) {
-                set((state) => {
-                    state.error = error;
-                });
-                throw error;
-            }
-            finally {
-                set((state) => {
-                    state.loaded = true;
-                    state.loading = false;
-                });
-            }
-        }),
-        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, utils_1.parseIdentity)(aid, { rejectWhenError: true });
-            let message;
-            set((state) => {
-                state.running = true;
-                state.error = undefined;
-            });
-            try {
-                const stream = (0, session_1.runAssistant)({
-                    sessionId,
-                    identity,
-                    working,
-                    parameters: Object.assign(Object.assign({}, parameters), { $clientTime: new Date().toISOString() }),
-                });
-                let responseStarted = false;
-                try {
-                    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();
-                        }
-                        if ((value === null || value === void 0 ? void 0 : value.type) === 'CHUNK') {
-                            if (!message) {
-                                message = {
-                                    taskId: value.taskId,
-                                    assistantId: identity.assistantId,
-                                    sessionId,
-                                    parameters,
-                                    createdAt: new Date().toISOString(),
-                                    updatedAt: new Date().toISOString(),
-                                    loading: true,
-                                };
-                                set((state) => {
-                                    var _a;
-                                    (_a = state.messages) !== null && _a !== void 0 ? _a : (state.messages = []);
-                                    state.messages.push(message);
-                                });
-                            }
-                            if (message.taskId === value.taskId) {
-                                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) {
-                                            (_f = (_g = msg.result).objects) !== null && _f !== void 0 ? _f : (_g.objects = []);
-                                            msg.result.objects.push({ taskId: value.taskId, data: value.delta.object });
-                                        }
-                                    });
-                                });
-                            }
-                        }
-                        if ((value === null || value === void 0 ? void 0 : value.type) === 'ERROR') {
-                            set((state) => {
-                                var _a;
-                                const msg = (_a = state.messages) === null || _a === void 0 ? void 0 : _a.findLast((i) => i.taskId === message.taskId);
-                                if (msg)
-                                    msg.error = value.error;
-                                else
-                                    throw new Error(value.error.message);
-                            });
-                        }
-                    }
-                }
-                catch (e_1_1) { e_1 = { error: e_1_1 }; }
-                finally {
-                    try {
-                        if (!_h && !_e && (_f = stream_1.return)) yield _f.call(stream_1);
-                    }
-                    finally { if (e_1) throw e_1.error; }
-                }
-            }
-            catch (error) {
-                set((state) => {
-                    state.error = error;
-                });
-            }
-            finally {
-                set((state) => {
-                    var _a;
-                    state.running = false;
-                    if (message) {
-                        const msg = (_a = state.messages) === null || _a === void 0 ? void 0 : _a.findLast((i) => i.taskId === message.taskId);
-                        if (msg)
-                            msg.loading = false;
-                    }
-                });
-            }
-        }),
-    }))));
-    return STATES[aid];
-};
-exports.createSessionState = createSessionState;

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

@@ -1,133 +0,0 @@
-"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) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EntryListView = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const react_1 = require("react");
-const session_1 = require("../../../../session");
-const session_2 = require("../../api/session");
-const assistant_1 = require("../../state/assistant");
-const loading_1 = require("../../state/loading");
-const session_3 = require("../../state/session");
-const MessageSuggestedQuestions_1 = require("../common/MessageSuggestedQuestions");
-const ParameterForm_1 = __importDefault(require("../form/ParameterForm"));
-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, _b;
-    const { assistantId } = page;
-    const { session: authSession } = (0, session_1.useSessionContext)();
-    const [assistant] = (0, assistant_1.useAssistantState)({ assistantId: page.assistantId });
-    const [error, setError] = (0, react_1.useState)();
-    (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 : {};
-        if (openerMessage) {
-            return {
-                taskId: '',
-                sessionId: '',
-                assistantId: '',
-                createdAt: new Date().toISOString(),
-                updatedAt: new Date().toISOString(),
-                result: { content: openerMessage },
-            };
-        }
-        return undefined;
-    }, [assistant.release]);
-    const [creating, setCreating] = (0, react_1.useState)(false);
-    const onSubmit = (parameters) => __awaiter(this, void 0, void 0, function* () {
-        if (creating)
-            return;
-        setCreating(true);
-        try {
-            yield loading_1.globalLoadingState.getState().run(() => __awaiter(this, void 0, void 0, function* () {
-                const { created: session } = yield (0, session_2.createSession)({
-                    assistantId,
-                    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,
-                });
-                page.navigate({ page: 'session', assistantId, sessionId: session.id });
-            }));
-            setError(undefined);
-        }
-        catch (error) {
-            setError({ error, parameters });
-            throw error;
-        }
-        finally {
-            setCreating(false);
-        }
-    });
-    if (authSession.loading)
-        return null;
-    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, { 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) {
-    var _b;
-    var { assistant, onEntryClick } = _a, props = __rest(_a, ["assistant", "onEntryClick"]);
-    return ((0, jsx_runtime_1.jsx)(material_1.Stack, Object.assign({ gap: 1, alignItems: "flex-start" }, props, { children: (_b = assistant.entries) === null || _b === void 0 ? void 0 : _b.map((entry) => entry.title && ((0, jsx_runtime_1.jsx)(MessageSuggestedQuestions_1.MessageSuggestedQuestion, { onClick: () => onEntryClick === null || onEntryClick === void 0 ? void 0 : onEntryClick(entry), children: entry.title }, entry.title))) })));
-}
-exports.EntryListView = EntryListView;

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

@@ -1,60 +0,0 @@
-"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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const react_wrap_balancer_1 = __importStar(require("react-wrap-balancer"));
-const ux_1 = require("../../../../arcblock/ux");
-function RuntimeChatHeader(_a) {
-    var _b, _c, _d, _e;
-    var { assistant } = _a, props = __rest(_a, ["assistant"]);
-    return ((0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ className: "ai-chat-header", pt: 10 }, props, { children: (0, jsx_runtime_1.jsxs)(react_wrap_balancer_1.Provider, { children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: { display: 'flex', justifyContent: 'center', alignItems: 'center' }, children: (0, jsx_runtime_1.jsx)(material_1.Box, { component: ux_1.Avatar, className: "logo", size: 100, did: (_b = globalThis.blocklet) === null || _b === void 0 ? void 0 : _b.appId, src: (_c = assistant.release) === null || _c === void 0 ? void 0 : _c.logo, sx: { borderRadius: 1 } }) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { component: "h1", sx: {
-                        fontWeight: 'bold',
-                        fontSize: 18,
-                        mt: 1,
-                        lineHeight: '28px',
-                        textAlign: 'center',
-                        color: '#010714',
-                    }, children: (0, jsx_runtime_1.jsxs)(react_wrap_balancer_1.default, { children: ["\u200C\u200C\u200C\u200C\u200C\u200C", ((_d = assistant.release) === null || _d === void 0 ? void 0 : _d.title) || (assistant === null || assistant === void 0 ? void 0 : assistant.name)] }) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { component: "p", sx: {
-                        mt: 2.5,
-                        fontSize: 16,
-                        lineHeight: '28px',
-                        textAlign: 'center',
-                        whiteSpace: 'pre-wrap',
-                        color: '#465566',
-                    }, children: (0, jsx_runtime_1.jsxs)(react_wrap_balancer_1.default, { children: ["\u200C\u200C\u200C\u200C\u200C\u200C\u200C", ((_e = assistant.release) === null || _e === void 0 ? void 0 : _e.description) || (assistant === null || assistant === void 0 ? void 0 : assistant.description)] }) })] }) })));
-}
-exports.default = RuntimeChatHeader;

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

@@ -1,59 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const types_1 = require("@blocklet/ai-runtime/types");
-const material_1 = require("@mui/material");
-const react_1 = require("react");
-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");
-const InitialForm_1 = require("./InitialForm");
-function RuntimeChatSession({ page }) {
-    var _a, _b, _c, _d, _e, _f;
-    const [session, state] = (0, session_1.useSessionState)({ sessionId: page.sessionId, required: true });
-    const [assistant] = (0, assistant_1.useAssistantState)({ assistantId: page.assistantId });
-    const lastMessage = (_a = state.messages) === null || _a === void 0 ? void 0 : _a.slice(-1)[0];
-    const suggestedQuestions = (_d = (_c = (_b = lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.result) === null || _b === void 0 ? void 0 : _b.objects) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.data[types_1.RuntimeOutputVariable.suggestedQuestions];
-    const scrollToBottom = (0, ScrollView_1.useScrollToBottomModule)().useScrollToBottom();
-    const [error, setError] = (0, react_1.useState)();
-    const onSubmit = (parameters) => {
-        scrollToBottom({ behavior: 'smooth' });
-        if (!session)
-            return;
-        state
-            .execute({
-            assistantId: page.assistantId,
-            parameters: Object.assign({}, parameters),
-        })
-            .then(() => {
-            setError(undefined);
-        })
-            .catch((error) => {
-            setError({ error, parameters });
-        });
-    };
-    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, { 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-chat/index.js

@@ -1,28 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const assistant_1 = require("../../state/assistant");
-const InitialForm_1 = __importDefault(require("./InitialForm"));
-const RuntimeChatHeader_1 = __importDefault(require("./RuntimeChatHeader"));
-const RuntimeChatSession_1 = __importDefault(require("./RuntimeChatSession"));
-function RuntimeChat(_a) {
-    var { page } = _a, props = __rest(_a, ["page"]);
-    const [assistant] = (0, assistant_1.useAssistantState)({ assistantId: page.assistantId });
-    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, Object.assign({ flexGrow: 1, width: "100%", height: "100%", maxWidth: 750, mx: "auto", justifyContent: page.page === 'session' ? 'space-between' : 'unset' }, props, { children: [(0, jsx_runtime_1.jsx)(RuntimeChatHeader_1.default, { assistant: assistant, sx: { mx: 2 } }), page.page === 'session' ? (0, jsx_runtime_1.jsx)(RuntimeChatSession_1.default, { page: page }) : (0, jsx_runtime_1.jsx)(InitialForm_1.default, { page: page })] })));
-}
-exports.default = RuntimeChat;