@blocklet/pages-kit 0.2.316 → 0.2.317

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/pages-kit",
-  "version": "0.2.316",
+  "version": "0.2.317",
   "description": "Pages Kit components and utils",
   "publishConfig": {
     "access": "public"
@@ -85,29 +85,30 @@
     "url": "git+https://github.com/blocklet/pages-kit.git"
   },
   "dependencies": {
-    "@arcblock/did-connect": "^2.9.80",
+    "@arcblock/did-connect": "^2.9.84",
     "@blocklet/ai-kit": "^0.1.33",
-    "@blocklet/ai-runtime": "^0.1.397",
+    "@blocklet/ai-runtime": "^0.2.7",
     "@blocklet/js-sdk": "1.16.26",
     "@blocklet/sdk": "^1.16.26",
     "@iconify/react": "^4.1.1",
     "@lottiefiles/lottie-player": "^1.7.1",
     "@types/file-saver": "^2.0.7",
-    "axios": "^1.7.1",
+    "axios": "^1.7.2",
     "dayjs": "^1.11.11",
     "eventsource-parser": "^1.1.2",
     "file-saver": "^2.0.5",
     "html2pdf.js": "^0.10.1",
     "immer": "^10.1.1",
+    "joi": "^17.13.1",
     "js-base64": "^3.7.7",
     "lodash": "^4.17.21",
-    "material-ui-popup-state": "^5.1.1",
+    "material-ui-popup-state": "^5.1.2",
     "nanoid": "^3.3.7",
     "node-fetch": "^2.7.0",
     "react-error-boundary": "^4.0.13",
     "react-frame-component": "^5.2.6",
     "react-helmet": "^6.1.0",
-    "react-hook-form": "^7.51.4",
+    "react-hook-form": "^7.51.5",
     "react-markdown": "^9.0.1",
     "react-scroll-to-bottom": "^4.2.0",
     "react-share": "^5.1.0",
@@ -132,7 +133,7 @@
     "react-router-dom": "^6.16.0"
   },
   "devDependencies": {
-    "@arcblock/ux": "^2.9.80",
+    "@arcblock/ux": "^2.9.84",
     "@emotion/cache": "^11.11.0",
     "@emotion/css": "^11.11.2",
     "@emotion/react": "^11.11.4",
@@ -146,7 +147,7 @@
     "@types/react-helmet": "^6.1.11",
     "@types/react-scroll-to-bottom": "^4.2.5",
     "@types/react-syntax-highlighter": "^15.5.13",
-    "axios": "^1.7.1",
+    "axios": "^1.7.2",
     "npm-run-all": "^4.1.5",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",

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

@@ -1,193 +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;
-};
-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 react_scroll_to_bottom_1 = require("react-scroll-to-bottom");
-const CustomComponentRenderer_1 = __importDefault(require("../../../../../components/CustomComponentRenderer"));
-const session_1 = require("../../../../session");
-const SimpleHeader_1 = __importDefault(require("../../components/Header/SimpleHeader"));
-const SimpleLayout_1 = __importDefault(require("../../components/Layout/SimpleLayout"));
-const MarkdownRenderer_1 = __importDefault(require("../../components/MarkdownRenderer"));
-const ScrollView_1 = __importDefault(require("../../components/ScrollView"));
-const UserInfo_1 = __importDefault(require("../../components/UserInfo"));
-const CurrentAgent_1 = __importStar(require("../../contexts/CurrentAgent"));
-const CurrentMessage_1 = __importDefault(require("../../contexts/CurrentMessage"));
-const use_appearances_1 = __importStar(require("../../hooks/use-appearances"));
-const runtime_1 = require("../../state/runtime");
-const session_2 = require("../../state/session");
-const runtime_output_schema_1 = require("../../utils/runtime-output-schema");
-const MessageSuggestedQuestions_1 = __importStar(require("../ChatOutput/MessageSuggestedQuestions"));
-function MultiAgentsChat({ primaryColor, scrollViewProps = { scroll: 'window', initialScrollBehavior: 'auto' }, backgroundImage, }) {
-    (0, session_2.useAutoLoadSessionState)();
-    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]);
-    return ((0, jsx_runtime_1.jsx)(ScrollView_1.default, Object.assign({}, scrollViewProps, { children: (0, jsx_runtime_1.jsxs)(material_1.ThemeProvider, { theme: theme, children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
-                        position: 'fixed',
-                        left: 0,
-                        top: 0,
-                        right: 0,
-                        bottom: 0,
-                        backgroundImage: `url(${backgroundImage === null || backgroundImage === void 0 ? void 0 : backgroundImage.url}) !important`,
-                        backgroundRepeat: 'no-repeat',
-                        backgroundSize: 'cover',
-                        backgroundPosition: 'center',
-                        pointerEvents: 'none',
-                        zIndex: -1,
-                    } }), (0, jsx_runtime_1.jsx)(SimpleChatView, {})] }) })));
-}
-exports.default = MultiAgentsChat;
-function SimpleChatView() {
-    // auto scroll to bottom when new message is sent
-    const running = (0, session_2.useCurrentSessionState)((s) => s === null || s === void 0 ? void 0 : s.running);
-    const scrollToBottom = (0, react_scroll_to_bottom_1.useScrollToBottom)();
-    (0, react_1.useEffect)(() => {
-        if (running)
-            scrollToBottom({ behavior: 'smooth' });
-    }, [scrollToBottom, running]);
-    const { childAgentId } = (0, runtime_1.useRuntimeState)();
-    const [currentAgentId, setCurrentAgentId] = (0, react_1.useState)(childAgentId);
-    return ((0, jsx_runtime_1.jsxs)(SimpleLayout_1.default, { children: [(0, jsx_runtime_1.jsx)(SimpleHeader_1.default, { px: 2 }), (0, jsx_runtime_1.jsx)(OutputView, { className: "aigne-outputs aigne-simple-chat-outputs", flexGrow: 1, pb: 10, px: 2, currentAgentId: currentAgentId }), (0, jsx_runtime_1.jsx)(AgentInputRender, { className: "aigne-inputs aigne-simple-chat-inputs", currentAgentId: currentAgentId, onCurrentAgentIdChange: setCurrentAgentId, sx: {
-                    position: 'sticky',
-                    bottom: 0,
-                    p: 2,
-                    borderRadius: 1,
-                    bgcolor: (theme) => (0, material_1.alpha)(theme.palette.background.paper, 0.7),
-                    backdropFilter: 'blur(10px)',
-                    zIndex: 10,
-                } })] }));
-}
-function AgentInputRender(_a) {
-    var { currentAgentId, onCurrentAgentIdChange } = _a, props = __rest(_a, ["currentAgentId", "onCurrentAgentIdChange"]);
-    const { agent } = (0, runtime_1.useRuntimeState)();
-    const children = (0, react_1.useMemo)(() => { var _a, _b; return (_b = (_a = (0, runtime_output_schema_1.getOutputVariableInitialValue)(agent, types_1.RuntimeOutputVariable.children)) === null || _a === void 0 ? void 0 : _a.agents) === null || _b === void 0 ? void 0 : _b.filter((i) => !!i.id); }, [agent]);
-    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, Object.assign({ gap: 2 }, props, { children: [(0, jsx_runtime_1.jsx)(material_1.Stack, { direction: "row", gap: 2, children: children === null || children === void 0 ? void 0 : children.map((child) => ((0, jsx_runtime_1.jsx)(CurrentAgent_1.default, { agentId: child.id, children: (0, jsx_runtime_1.jsx)(AgentAvatar, { selected: currentAgentId === child.id, onClick: () => onCurrentAgentIdChange(child.id) }) }))) }), (0, jsx_runtime_1.jsx)(material_1.Stack, { children: (0, jsx_runtime_1.jsx)(CurrentAgent_1.default, { agentId: currentAgentId, children: (0, jsx_runtime_1.jsx)(AgentInput, {}) }) })] })));
-}
-function AgentAvatar(_a) {
-    var _b;
-    var { selected } = _a, props = __rest(_a, ["selected"]);
-    const { appearanceInput } = (0, use_appearances_1.default)();
-    const profile = (0, use_appearances_1.useProfile)();
-    if (!(appearanceInput === null || appearanceInput === void 0 ? void 0 : appearanceInput.componentId))
-        return null;
-    return ((0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({}, props, { sx: Object.assign({ p: 0, outline: selected ? 3 : 0, outlineColor: 'primary.light' }, props.sx), children: (0, jsx_runtime_1.jsx)(material_1.Avatar, { src: profile === null || profile === void 0 ? void 0 : profile.avatar, children: (_b = profile.name) === null || _b === void 0 ? void 0 : _b.slice(0, 1) }) })));
-}
-function AgentInput() {
-    const { aid } = (0, CurrentAgent_1.useCurrentAgent)();
-    const { appearanceInput } = (0, use_appearances_1.default)({ aid });
-    if (!(appearanceInput === null || appearanceInput === void 0 ? void 0 : appearanceInput.componentId))
-        return null;
-    return ((0, jsx_runtime_1.jsx)(CustomComponentRenderer_1.default, { componentId: appearanceInput.componentId, properties: appearanceInput.componentProps }));
-}
-function OutputView(_a) {
-    var { currentAgentId } = _a, props = __rest(_a, ["currentAgentId"]);
-    const messages = (0, session_2.useCurrentSessionState)((s) => s === null || s === void 0 ? void 0 : s.messages);
-    const loaded = (0, session_2.useSessionState)((s) => s.loaded);
-    const showOpening = (0, session_2.useCurrentSessionState)((s) => !s || (s === null || s === void 0 ? void 0 : s.loaded)) && loaded;
-    const lastMessage = messages === null || messages === void 0 ? void 0 : messages.at(-1);
-    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, Object.assign({ gap: 2 }, props, { children: [showOpening && ((0, jsx_runtime_1.jsx)(CurrentAgent_1.default, { agentId: currentAgentId, children: (0, jsx_runtime_1.jsx)(OpeningMessageView, {}) })), messages === null || messages === void 0 ? void 0 : messages.map((message) => (0, jsx_runtime_1.jsx)(OutputItemView, { message: message }, message.taskId)), lastMessage && lastMessage.assistantId === currentAgentId && (0, jsx_runtime_1.jsx)(SuggestedQuestionsView, { message: lastMessage }), showOpening && !(messages === null || messages === void 0 ? void 0 : messages.length) && ((0, jsx_runtime_1.jsx)(CurrentAgent_1.default, { agentId: currentAgentId, children: (0, jsx_runtime_1.jsx)(OpeningQuestionsView, {}) }))] })));
-}
-const OutputItemView = (0, react_1.memo)(({ message }) => {
-    var _a, _b, _c, _d;
-    const { aid } = (0, CurrentAgent_1.useCurrentAgent)({ agentId: message.assistantId });
-    const { appearanceOutput } = (0, use_appearances_1.default)({ aid });
-    const profile = (0, use_appearances_1.useProfile)({ aid });
-    const { session: authSession } = (0, session_1.useSessionContext)();
-    if (!(appearanceOutput === null || appearanceOutput === void 0 ? void 0 : appearanceOutput.componentId))
-        return null;
-    return ((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.jsxs)(material_1.Stack, { gap: 2, children: [(0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(UserInfo_1.default, { name: (_a = authSession.user) === null || _a === void 0 ? void 0 : _a.fullName, did: (_b = authSession.user) === null || _b === void 0 ? void 0 : _b.did, avatar: (_c = authSession.user) === null || _c === void 0 ? void 0 : _c.avatar, time: message.createdAt, reverse: true, alignItems: "flex-start", children: (0, jsx_runtime_1.jsx)(CustomComponentRenderer_1.default, { componentId: appearanceOutput.componentId, properties: appearanceOutput.componentProps, props: {
-                                    renderType: 'parameters',
-                                } }) }) }), (0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(UserInfo_1.default, { name: profile.name, did: (_d = globalThis.blocklet) === null || _d === void 0 ? void 0 : _d.appId, avatar: profile.avatar, time: message.createdAt, alignItems: "flex-start", children: (0, jsx_runtime_1.jsx)(CustomComponentRenderer_1.default, { componentId: appearanceOutput.componentId, properties: appearanceOutput.componentProps, props: {
-                                    renderType: 'result',
-                                } }) }) })] }) }) }));
-});
-function SuggestedQuestionsView({ message }) {
-    const { aid } = (0, CurrentAgent_1.useCurrentAgent)({ agentId: message.assistantId });
-    const { execute } = (0, runtime_1.useRuntimeState)();
-    const suggestedQuestions = (0, react_1.useMemo)(() => {
-        var _a, _b, _c;
-        return (_c = (_b = (_a = message === null || message === void 0 ? void 0 : message.result) === null || _a === void 0 ? void 0 : _a.objects) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.data[types_1.RuntimeOutputVariable.suggestedQuestions];
-    }, [message]);
-    return ((0, jsx_runtime_1.jsx)(material_1.Box, { ml: 6.5, mr: 2.5, children: (suggestedQuestions === null || suggestedQuestions === void 0 ? void 0 : suggestedQuestions.length) ? ((0, jsx_runtime_1.jsx)(MessageSuggestedQuestions_1.default, { dataSource: suggestedQuestions, onClick: (item) => {
-                execute({ aid, parameters: Object.assign(Object.assign({}, message.parameters), { question: item.question }) });
-            } })) : null }));
-}
-const OpeningMessageView = (0, react_1.memo)(() => {
-    var _a;
-    const opening = (0, use_appearances_1.useOpeningMessage)();
-    if (!opening)
-        return null;
-    return ((0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(UserInfo_1.default, { name: opening.profile.name, did: (_a = globalThis.blocklet) === null || _a === void 0 ? void 0 : _a.appId, avatar: opening.profile.avatar, alignItems: "flex-start", children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
-                    bgcolor: 'rgba(229, 231, 235, 1)',
-                    borderRadius: 1,
-                    borderTopLeftRadius: 2,
-                    px: 2,
-                    py: 1,
-                    mt: 0.5,
-                    mr: 5,
-                }, children: (0, jsx_runtime_1.jsx)(MarkdownRenderer_1.default, { children: opening.message }) }) }) }));
-});
-function OpeningQuestionsView() {
-    const { execute } = (0, runtime_1.useRuntimeState)();
-    const { aid } = (0, CurrentAgent_1.useCurrentAgent)();
-    const opening = (0, use_appearances_1.useOpeningQuestions)({ aid });
-    if (!(opening === null || opening === void 0 ? void 0 : opening.questions.length))
-        return null;
-    return ((0, jsx_runtime_1.jsx)(material_1.Box, { ml: 6.5, mr: 2.5, children: (0, jsx_runtime_1.jsx)(material_1.Stack, { gap: 1, children: opening.questions.map((item) => {
-                return ((0, jsx_runtime_1.jsx)(MessageSuggestedQuestions_1.MessageSuggestedQuestion, { onClick: () => execute({ aid, parameters: Object.assign(Object.assign({}, item.parameters), { question: item.parameters.question || item.title }) }), children: item.title }, item.id));
-            }) }) }));
-}

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

@@ -1,164 +0,0 @@
-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 { RuntimeOutputVariable } from '@blocklet/ai-runtime/types';
-import { Avatar, Box, IconButton, Stack, ThemeProvider, alpha, createTheme, useTheme, } from '@mui/material';
-import { memo, useEffect, useMemo, useState } from 'react';
-import { useScrollToBottom } from 'react-scroll-to-bottom';
-import CustomComponentRenderer from '../../../../../components/CustomComponentRenderer';
-import { useSessionContext } from '../../../../session';
-import SimpleHeader from '../../components/Header/SimpleHeader';
-import SimpleLayout from '../../components/Layout/SimpleLayout';
-import MarkdownRenderer from '../../components/MarkdownRenderer';
-import ScrollView from '../../components/ScrollView';
-import UserInfo from '../../components/UserInfo';
-import CurrentAgentProvider, { useCurrentAgent } from '../../contexts/CurrentAgent';
-import CurrentMessageProvider from '../../contexts/CurrentMessage';
-import useAppearances, { useOpeningMessage, useOpeningQuestions, useProfile } from '../../hooks/use-appearances';
-import { useRuntimeState } from '../../state/runtime';
-import { useAutoLoadSessionState, useCurrentSessionState, useSessionState } from '../../state/session';
-import { getOutputVariableInitialValue } from '../../utils/runtime-output-schema';
-import MessageSuggestedQuestions, { MessageSuggestedQuestion } from '../ChatOutput/MessageSuggestedQuestions';
-export default function MultiAgentsChat({ primaryColor, scrollViewProps = { scroll: 'window', initialScrollBehavior: 'auto' }, backgroundImage, }) {
-    useAutoLoadSessionState();
-    const inheritedTheme = useTheme();
-    const theme = 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 createTheme(inheritedTheme, {
-            palette: { primary },
-            shape: {
-                borderRadius: 8,
-            },
-        });
-    }, [inheritedTheme, primaryColor]);
-    return (_jsx(ScrollView, Object.assign({}, scrollViewProps, { children: _jsxs(ThemeProvider, { theme: theme, children: [_jsx(Box, { sx: {
-                        position: 'fixed',
-                        left: 0,
-                        top: 0,
-                        right: 0,
-                        bottom: 0,
-                        backgroundImage: `url(${backgroundImage === null || backgroundImage === void 0 ? void 0 : backgroundImage.url}) !important`,
-                        backgroundRepeat: 'no-repeat',
-                        backgroundSize: 'cover',
-                        backgroundPosition: 'center',
-                        pointerEvents: 'none',
-                        zIndex: -1,
-                    } }), _jsx(SimpleChatView, {})] }) })));
-}
-function SimpleChatView() {
-    // auto scroll to bottom when new message is sent
-    const running = useCurrentSessionState((s) => s === null || s === void 0 ? void 0 : s.running);
-    const scrollToBottom = useScrollToBottom();
-    useEffect(() => {
-        if (running)
-            scrollToBottom({ behavior: 'smooth' });
-    }, [scrollToBottom, running]);
-    const { childAgentId } = useRuntimeState();
-    const [currentAgentId, setCurrentAgentId] = useState(childAgentId);
-    return (_jsxs(SimpleLayout, { children: [_jsx(SimpleHeader, { px: 2 }), _jsx(OutputView, { className: "aigne-outputs aigne-simple-chat-outputs", flexGrow: 1, pb: 10, px: 2, currentAgentId: currentAgentId }), _jsx(AgentInputRender, { className: "aigne-inputs aigne-simple-chat-inputs", currentAgentId: currentAgentId, onCurrentAgentIdChange: setCurrentAgentId, sx: {
-                    position: 'sticky',
-                    bottom: 0,
-                    p: 2,
-                    borderRadius: 1,
-                    bgcolor: (theme) => alpha(theme.palette.background.paper, 0.7),
-                    backdropFilter: 'blur(10px)',
-                    zIndex: 10,
-                } })] }));
-}
-function AgentInputRender(_a) {
-    var { currentAgentId, onCurrentAgentIdChange } = _a, props = __rest(_a, ["currentAgentId", "onCurrentAgentIdChange"]);
-    const { agent } = useRuntimeState();
-    const children = useMemo(() => { var _a, _b; return (_b = (_a = getOutputVariableInitialValue(agent, RuntimeOutputVariable.children)) === null || _a === void 0 ? void 0 : _a.agents) === null || _b === void 0 ? void 0 : _b.filter((i) => !!i.id); }, [agent]);
-    return (_jsxs(Stack, Object.assign({ gap: 2 }, props, { children: [_jsx(Stack, { direction: "row", gap: 2, children: children === null || children === void 0 ? void 0 : children.map((child) => (_jsx(CurrentAgentProvider, { agentId: child.id, children: _jsx(AgentAvatar, { selected: currentAgentId === child.id, onClick: () => onCurrentAgentIdChange(child.id) }) }))) }), _jsx(Stack, { children: _jsx(CurrentAgentProvider, { agentId: currentAgentId, children: _jsx(AgentInput, {}) }) })] })));
-}
-function AgentAvatar(_a) {
-    var _b;
-    var { selected } = _a, props = __rest(_a, ["selected"]);
-    const { appearanceInput } = useAppearances();
-    const profile = useProfile();
-    if (!(appearanceInput === null || appearanceInput === void 0 ? void 0 : appearanceInput.componentId))
-        return null;
-    return (_jsx(IconButton, Object.assign({}, props, { sx: Object.assign({ p: 0, outline: selected ? 3 : 0, outlineColor: 'primary.light' }, props.sx), children: _jsx(Avatar, { src: profile === null || profile === void 0 ? void 0 : profile.avatar, children: (_b = profile.name) === null || _b === void 0 ? void 0 : _b.slice(0, 1) }) })));
-}
-function AgentInput() {
-    const { aid } = useCurrentAgent();
-    const { appearanceInput } = useAppearances({ aid });
-    if (!(appearanceInput === null || appearanceInput === void 0 ? void 0 : appearanceInput.componentId))
-        return null;
-    return (_jsx(CustomComponentRenderer, { componentId: appearanceInput.componentId, properties: appearanceInput.componentProps }));
-}
-function OutputView(_a) {
-    var { currentAgentId } = _a, props = __rest(_a, ["currentAgentId"]);
-    const messages = useCurrentSessionState((s) => s === null || s === void 0 ? void 0 : s.messages);
-    const loaded = useSessionState((s) => s.loaded);
-    const showOpening = useCurrentSessionState((s) => !s || (s === null || s === void 0 ? void 0 : s.loaded)) && loaded;
-    const lastMessage = messages === null || messages === void 0 ? void 0 : messages.at(-1);
-    return (_jsxs(Stack, Object.assign({ gap: 2 }, props, { children: [showOpening && (_jsx(CurrentAgentProvider, { agentId: currentAgentId, children: _jsx(OpeningMessageView, {}) })), messages === null || messages === void 0 ? void 0 : messages.map((message) => _jsx(OutputItemView, { message: message }, message.taskId)), lastMessage && lastMessage.assistantId === currentAgentId && _jsx(SuggestedQuestionsView, { message: lastMessage }), showOpening && !(messages === null || messages === void 0 ? void 0 : messages.length) && (_jsx(CurrentAgentProvider, { agentId: currentAgentId, children: _jsx(OpeningQuestionsView, {}) }))] })));
-}
-const OutputItemView = memo(({ message }) => {
-    var _a, _b, _c, _d;
-    const { aid } = useCurrentAgent({ agentId: message.assistantId });
-    const { appearanceOutput } = useAppearances({ aid });
-    const profile = useProfile({ aid });
-    const { session: authSession } = useSessionContext();
-    if (!(appearanceOutput === null || appearanceOutput === void 0 ? void 0 : appearanceOutput.componentId))
-        return null;
-    return (_jsx(CurrentAgentProvider, { agentId: message.assistantId, children: _jsx(CurrentMessageProvider, { message: message, children: _jsxs(Stack, { gap: 2, children: [_jsx(Box, { children: _jsx(UserInfo, { name: (_a = authSession.user) === null || _a === void 0 ? void 0 : _a.fullName, did: (_b = authSession.user) === null || _b === void 0 ? void 0 : _b.did, avatar: (_c = authSession.user) === null || _c === void 0 ? void 0 : _c.avatar, time: message.createdAt, reverse: true, alignItems: "flex-start", children: _jsx(CustomComponentRenderer, { componentId: appearanceOutput.componentId, properties: appearanceOutput.componentProps, props: {
-                                    renderType: 'parameters',
-                                } }) }) }), _jsx(Box, { children: _jsx(UserInfo, { name: profile.name, did: (_d = globalThis.blocklet) === null || _d === void 0 ? void 0 : _d.appId, avatar: profile.avatar, time: message.createdAt, alignItems: "flex-start", children: _jsx(CustomComponentRenderer, { componentId: appearanceOutput.componentId, properties: appearanceOutput.componentProps, props: {
-                                    renderType: 'result',
-                                } }) }) })] }) }) }));
-});
-function SuggestedQuestionsView({ message }) {
-    const { aid } = useCurrentAgent({ agentId: message.assistantId });
-    const { execute } = useRuntimeState();
-    const suggestedQuestions = useMemo(() => {
-        var _a, _b, _c;
-        return (_c = (_b = (_a = message === null || message === void 0 ? void 0 : message.result) === null || _a === void 0 ? void 0 : _a.objects) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.data[RuntimeOutputVariable.suggestedQuestions];
-    }, [message]);
-    return (_jsx(Box, { ml: 6.5, mr: 2.5, children: (suggestedQuestions === null || suggestedQuestions === void 0 ? void 0 : suggestedQuestions.length) ? (_jsx(MessageSuggestedQuestions, { dataSource: suggestedQuestions, onClick: (item) => {
-                execute({ aid, parameters: Object.assign(Object.assign({}, message.parameters), { question: item.question }) });
-            } })) : null }));
-}
-const OpeningMessageView = memo(() => {
-    var _a;
-    const opening = useOpeningMessage();
-    if (!opening)
-        return null;
-    return (_jsx(Box, { children: _jsx(UserInfo, { name: opening.profile.name, did: (_a = globalThis.blocklet) === null || _a === void 0 ? void 0 : _a.appId, avatar: opening.profile.avatar, alignItems: "flex-start", children: _jsx(Box, { sx: {
-                    bgcolor: 'rgba(229, 231, 235, 1)',
-                    borderRadius: 1,
-                    borderTopLeftRadius: 2,
-                    px: 2,
-                    py: 1,
-                    mt: 0.5,
-                    mr: 5,
-                }, children: _jsx(MarkdownRenderer, { children: opening.message }) }) }) }));
-});
-function OpeningQuestionsView() {
-    const { execute } = useRuntimeState();
-    const { aid } = useCurrentAgent();
-    const opening = useOpeningQuestions({ aid });
-    if (!(opening === null || opening === void 0 ? void 0 : opening.questions.length))
-        return null;
-    return (_jsx(Box, { ml: 6.5, mr: 2.5, children: _jsx(Stack, { gap: 1, children: opening.questions.map((item) => {
-                return (_jsx(MessageSuggestedQuestion, { onClick: () => execute({ aid, parameters: Object.assign(Object.assign({}, item.parameters), { question: item.parameters.question || item.title }) }), children: item.title }, item.id));
-            }) }) }));
-}

package/lib/types/builtin/async/ai-runtime/runtime-components/MultiAgentsChat/index.d.ts

@@ -1,11 +0,0 @@
-import { ComponentProps } from 'react';
-import ScrollView from '../../components/ScrollView';
-export default function MultiAgentsChat({ primaryColor, scrollViewProps, backgroundImage, }: {
-    primaryColor?: string;
-    scrollViewProps?: ComponentProps<typeof ScrollView>;
-    backgroundImage?: {
-        url?: string;
-        width?: number;
-        height?: number;
-    };
-}): import("react/jsx-runtime").JSX.Element;