@blocklet/pages-kit 0.2.340 → 0.2.342

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

@@ -10,7 +10,6 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import ImagePreview from '@blocklet/ai-kit/components/image-preview';
 import { cx } from '@emotion/css';
 import { Box, Skeleton, Stack, Tooltip, Typography, styled, useMediaQuery, useTheme } from '@mui/material';
 import dayjs from 'dayjs';
@@ -27,8 +26,8 @@ import MessageMetadataRenderer from './MessageMetadataRenderer';
 const MessageItemView = memo((_a) => {
     var _b;
     var { message, hideAvatar } = _a, props = __rest(_a, ["message", "hideAvatar"]);
-    const showUserMessage = !!((_b = message.parameters) === null || _b === void 0 ? void 0 : _b.question);
-    return (_jsxs(MessageItemContainer, Object.assign({}, props, { className: cx('ai-chat-message-item', hideAvatar && 'hide-avatar', props.className), children: [showUserMessage && !isEmpty(message.parameters) && _jsx(UserMessage, { message: message, hideAvatar: hideAvatar }), !isEmpty(message.result) && _jsx(AgentMessage, { message: message, hideAvatar: hideAvatar })] })));
+    const showUserMessage = !!((_b = message.inputs) === null || _b === void 0 ? void 0 : _b.question);
+    return (_jsxs(MessageItemContainer, Object.assign({}, props, { className: cx('ai-chat-message-item', hideAvatar && 'hide-avatar', props.className), children: [showUserMessage && !isEmpty(message.inputs) && _jsx(UserMessage, { message: message, hideAvatar: hideAvatar }), !isEmpty(message.outputs) && _jsx(AgentMessage, { message: message, hideAvatar: hideAvatar })] })));
 });
 export default MessageItemView;
 const MessageItemContainer = styled(Stack) `
@@ -80,17 +79,17 @@ function UserMessage({ message, hideAvatar }) {
                     display: 'flex',
                     flexDirection: 'column',
                     alignItems: 'flex-end',
-                }, children: [!hideAvatar && (_jsxs(MessageUserName, { children: [(_c = authSession.user) === null || _c === void 0 ? void 0 : _c.fullName, _jsx(MessageTime, { time: message.createdAt })] })), _jsx(Box, { className: "message-question", sx: { whiteSpace: 'pre-wrap', wordBreak: 'break-word', textAlign: 'left' }, children: (_d = message.parameters) === null || _d === void 0 ? void 0 : _d.question })] })] }));
+                }, children: [!hideAvatar && (_jsxs(MessageUserName, { children: [(_c = authSession.user) === null || _c === void 0 ? void 0 : _c.fullName, _jsx(MessageTime, { time: message.createdAt })] })), _jsx(Box, { className: "message-question", sx: { whiteSpace: 'pre-wrap', wordBreak: 'break-word', textAlign: 'left' }, children: (_d = message.inputs) === null || _d === void 0 ? void 0 : _d.question })] })] }));
 }
 function AgentMessage({ message, hideAvatar }) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    var _a, _b, _c, _d, _e, _f;
     const { aid } = useRuntimeState();
     const profile = useProfile({ aid });
-    const showMainMessage = !!(((_a = message.result) === null || _a === void 0 ? void 0 : _a.content) || ((_c = (_b = message.result) === null || _b === void 0 ? void 0 : _b.messages) === null || _c === void 0 ? void 0 : _c.length));
-    const isMessageLoading = (message.loading || !message.result) && !message.error;
+    const showMainMessage = !!((_a = message.outputs) === null || _a === void 0 ? void 0 : _a.content);
+    const isMessageLoading = (message.loading || !message.outputs) && !message.error;
     const theme = useTheme();
     const isMobile = useMediaQuery(theme.breakpoints.down('sm'));
-    return (_jsxs(Stack, { className: "ai-chat-message-ai", direction: "row", gap: 1.5, children: [!hideAvatar && (_jsx(Box, { children: _jsx(Avatar, { size: 40, did: (_d = globalThis.blocklet) === null || _d === void 0 ? void 0 : _d.appId, variant: "circle", shape: "circle", src: profile.avatar }) })), _jsxs(Box, { flex: 1, width: 0, children: [!hideAvatar && (_jsxs(MessageUserName, { children: [profile.name, _jsx(MessageTime, { time: message.createdAt })] })), _jsxs(React.Suspense, { children: [showMainMessage ? (_jsx(Tooltip, { placement: "right-start", slotProps: {
+    return (_jsxs(Stack, { className: "ai-chat-message-ai", direction: "row", gap: 1.5, children: [!hideAvatar && (_jsx(Box, { children: _jsx(Avatar, { size: 40, did: (_b = globalThis.blocklet) === null || _b === void 0 ? void 0 : _b.appId, variant: "circle", shape: "circle", src: profile.avatar }) })), _jsxs(Box, { flex: 1, width: 0, children: [!hideAvatar && (_jsxs(MessageUserName, { children: [profile.name, _jsx(MessageTime, { time: message.createdAt })] })), _jsxs(React.Suspense, { children: [showMainMessage ? (_jsx(Tooltip, { placement: "right-start", slotProps: {
                                     popper: {
                                         disablePortal: true,
                                         modifiers: [
@@ -106,23 +105,15 @@ function AgentMessage({ message, hideAvatar }) {
                                         sx: { p: 0, bgcolor: 'white' },
                                     },
                                 }, title: !isMessageLoading &&
-                                    ((_e = message.result) === null || _e === void 0 ? void 0 : _e.content) && (_jsx(ShareActions, { sx: {
+                                    ((_c = message.outputs) === null || _c === void 0 ? void 0 : _c.content) && (_jsx(ShareActions, { sx: {
                                         fontSize: '1rem',
                                         boxShadow: '0px 4px 8px 0px rgba(3, 7, 18, 0.08)',
                                         border: '1px solid rgba(229, 231, 235, 1)',
                                         borderRadius: 1,
                                         p: 0.25,
-                                    } })), children: _jsxs(Stack, { gap: 1, className: "message-response", children: [(_g = (_f = message.result) === null || _f === void 0 ? void 0 : _f.messages) === null || _g === void 0 ? void 0 : _g.map((childMsg, index) => {
-                                            var _a, _b, _c, _d, _e, _f, _g;
-                                            return ((_a = childMsg.result) === null || _a === void 0 ? void 0 : _a.content) ? (_jsx(MarkdownRenderer, { className: isMessageLoading &&
-                                                    !((_b = message.result) === null || _b === void 0 ? void 0 : _b.content) &&
-                                                    !((_d = (_c = message.result) === null || _c === void 0 ? void 0 : _c.images) === null || _d === void 0 ? void 0 : _d.length) &&
-                                                    message.result.messages.length - 1 === index
-                                                    ? 'writing'
-                                                    : '', sx: childMsg.respondAs === 'systemMessage' ? { color: 'text.secondary' } : {}, children: (_e = childMsg.result) === null || _e === void 0 ? void 0 : _e.content }, childMsg.taskId)) : ((_g = (_f = childMsg.result) === null || _f === void 0 ? void 0 : _f.images) === null || _g === void 0 ? void 0 : _g.length) ? (_jsx(ImagePreview, { itemWidth: 100, spacing: 1, dataSource: childMsg.result.images.map((i) => ({ src: i.url })) }, childMsg.taskId)) : null;
-                                        }), ((_h = message.result) === null || _h === void 0 ? void 0 : _h.content) && (_jsx(MarkdownRenderer, { className: isMessageLoading ? 'writing' : '', children: message.result.content }))] }) })) : (isMessageLoading && (_jsx(Skeleton, { variant: "rectangular", height: 24 + 8 + 8, 
+                                    } })), children: _jsx(Stack, { gap: 1, className: "message-response", children: ((_d = message.outputs) === null || _d === void 0 ? void 0 : _d.content) && (_jsx(MarkdownRenderer, { className: isMessageLoading ? 'writing' : '', children: message.outputs.content })) }) })) : (isMessageLoading && (_jsx(Skeleton, { variant: "rectangular", height: 24 + 8 + 8, 
                                 // only response with loading
-                                className: "message-response" }))), (_k = (_j = message.result) === null || _j === void 0 ? void 0 : _j.objects) === null || _k === void 0 ? void 0 : _k.map((object) => (_jsx(MessageMetadataRenderer, { object: object.data }, object.taskId))), message.error && _jsx(MessageErrorView, { error: message.error })] })] })] }));
+                                className: "message-response" }))), (_f = (_e = message.outputs) === null || _e === void 0 ? void 0 : _e.objects) === null || _f === void 0 ? void 0 : _f.map((object) => (_jsx(MessageMetadataRenderer, { object: object.data }, object.taskId))), message.error && _jsx(MessageErrorView, { error: message.error })] })] })] }));
 }
 export function MessageItemWrapper(_a) {
     var _b;

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

@@ -8,8 +8,8 @@ export default function ChatOutput({ hideAvatar = true, renderType, }) {
     const formattedMessage = useMemo(() => {
         if (renderType) {
             return Object.assign({}, message, {
-                result: renderType === 'parameters' ? {} : message.result,
-                parameters: renderType === 'result' ? {} : message.parameters,
+                result: renderType === 'parameters' ? {} : message.outputs,
+                parameters: renderType === 'result' ? {} : message.inputs,
             });
         }
         return message;

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

@@ -29,7 +29,7 @@ export default function GoogleSearchRelatedView({ output, outputValue, onlyLastM
     const { aid } = useCurrentAgent();
     const { message } = (_a = useCurrentMessage({ optional: true })) !== null && _a !== void 0 ? _a : {};
     const lastMessage = useCurrentSessionState((s) => { var _a; return (_a = s === null || s === void 0 ? void 0 : s.messages) === null || _a === void 0 ? void 0 : _a.at(-1); });
-    const isLastMessage = !!message && (message === null || message === void 0 ? void 0 : message.taskId) === (lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.taskId);
+    const isLastMessage = !!message && (message === null || message === void 0 ? void 0 : message.id) === (lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.id);
     const [submitting, setSubmitting] = useState(false);
     const { execute } = useRuntimeState();
     const result = useMemo(() => {

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

@@ -49,11 +49,11 @@ function OutputView(_a) {
     return (_jsxs(Stack, Object.assign({ width: "100%", alignItems: "center", px: { xs: 2, sm: 3 }, mt: { xs: 2, sm: 3 } }, props, { children: [resultTitle && (_jsx(Typography, { width: "100%", component: "h2", fontSize: 36, fontWeight: 700, textAlign: "center", children: _jsx(Balancer, { children: resultTitle }) })), loaded && !messages.length && _jsx(NoOutputs, {}), _jsxs(Masonry, { ref: ref, columns: { xs: 2, sm: 3, md: 4, lg: 5 }, spacing: 1, sequential: true, sx: { width: '100%', overflow: 'hidden', '> *': { borderRadius: 1 } }, children: [running && (_jsx(Skeleton, { variant: "rectangular", sx: {
                             // FIXME: default using history height
                             height: (_e = (_d = (_c = ref.current) === null || _c === void 0 ? void 0 : _c.querySelector('*')) === null || _d === void 0 ? void 0 : _d.clientHeight) !== null && _e !== void 0 ? _e : 200,
-                        } })), mapRight(messages, (message) => (_jsx(OutputItemView, { message: message }, message.taskId)))] }), _jsx(Box, { my: 4, children: !!messages.length && !noMoreMessage && (_jsx(LoadingButton, { variant: "outlined", onClick: () => loadMoreMessages(), children: t('loadMore') })) })] })));
+                        } })), mapRight(messages, (message) => (_jsx(OutputItemView, { message: message }, message.id)))] }), _jsx(Box, { my: 4, children: !!messages.length && !noMoreMessage && (_jsx(LoadingButton, { variant: "outlined", onClick: () => loadMoreMessages(), children: t('loadMore') })) })] })));
 }
 const OutputItemView = memo(({ message }) => {
-    const { appearanceOutput } = useAppearances({ agentId: message.assistantId });
+    const { appearanceOutput } = useAppearances({ agentId: message.agentId });
     if (!(appearanceOutput === null || appearanceOutput === void 0 ? void 0 : appearanceOutput.componentId))
         return null;
-    return (_jsx(CurrentAgentProvider, { agentId: message.assistantId, children: _jsx(CurrentMessageProvider, { message: message, children: _jsx(Suspense, { children: _jsx(CustomComponentRenderer, { componentId: appearanceOutput.componentId, properties: appearanceOutput.componentProperties }) }) }) }, message.taskId));
+    return (_jsx(CurrentAgentProvider, { agentId: message.agentId, children: _jsx(CurrentMessageProvider, { message: message, children: _jsx(Suspense, { children: _jsx(CustomComponentRenderer, { componentId: appearanceOutput.componentId, properties: appearanceOutput.componentProperties }) }) }) }, message.id));
 });

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

@@ -36,7 +36,7 @@ export default function PhotoGalleryItem() {
     var _a, _b;
     const { message } = useCurrentMessage();
     const [openDialog, setOpenDialog] = useState(false);
-    const objects = (_b = (_a = message.result) === null || _a === void 0 ? void 0 : _a.objects) !== null && _b !== void 0 ? _b : [];
+    const objects = (_b = (_a = message.outputs) === null || _a === void 0 ? void 0 : _a.objects) !== null && _b !== void 0 ? _b : [];
     const images = objects.flatMap((i) => { var _a; return (_a = i.data[RuntimeOutputVariable.images]) !== null && _a !== void 0 ? _a : []; });
     if (!images.length && message.error) {
         return (_jsx(Stack, { alignItems: "center", justifyContent: "center", sx: {
@@ -78,7 +78,7 @@ export default function PhotoGalleryItem() {
                         background: 'linear-gradient(to bottom, rgba(2, 7, 19, 0) 0%, rgba(2, 7, 19, 0.8) 100%)',
                         opacity: 0,
                         transition: 'opacity 0.3s',
-                    }, children: _jsx(Box, { sx: Object.assign({ lineHeight: 1.5 }, getLineClamp(3)), children: (_a = message.parameters) === null || _a === void 0 ? void 0 : _a.question }) }), openDialog && (_jsx(PromptDialog, { open: true, url: url, onClose: (e) => {
+                    }, children: _jsx(Box, { sx: Object.assign({ lineHeight: 1.5 }, getLineClamp(3)), children: (_a = message.inputs) === null || _a === void 0 ? void 0 : _a.question }) }), openDialog && (_jsx(PromptDialog, { open: true, url: url, onClose: (e) => {
                         e.stopPropagation();
                         e.preventDefault();
                         setOpenDialog(false);
@@ -94,8 +94,8 @@ function PromptView() {
     const { agent } = useCurrentAgent();
     const params = useMemo(() => {
         var _a;
-        return (_a = agent.parameters) === null || _a === void 0 ? void 0 : _a.filter(isValidInput).map((i) => { var _a, _b; return [((_a = i.label) === null || _a === void 0 ? void 0 : _a.trim()) || i.key, (_b = message.parameters) === null || _b === void 0 ? void 0 : _b[i.key]]; }).filter((i) => i[1]);
-    }, [agent.parameters, message.parameters]);
+        return (_a = agent.parameters) === null || _a === void 0 ? void 0 : _a.filter(isValidInput).map((i) => { var _a, _b; return [((_a = i.label) === null || _a === void 0 ? void 0 : _a.trim()) || i.key, (_b = message.inputs) === null || _b === void 0 ? void 0 : _b[i.key]]; }).filter((i) => i[1]);
+    }, [agent.parameters, message.inputs]);
     if ((params === null || params === void 0 ? void 0 : params.length) === 1) {
         return (_a = params[0]) === null || _a === void 0 ? void 0 : _a[1];
     }
@@ -105,7 +105,7 @@ function PromptDialog(_a) {
     var _b, _c, _d;
     var { url } = _a, props = __rest(_a, ["url"]);
     const { message } = useCurrentMessage();
-    const { parameters } = message;
+    const { inputs: parameters } = message;
     const { t } = useLocaleContext();
     const { session: authSession } = useSessionContext();
     const borderRadius = 1;

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

@@ -14,6 +14,7 @@ import { Box, Stack } from '@mui/material';
 import { memo } from 'react';
 import CustomComponentRenderer from '../../../../../components/CustomComponentRenderer';
 import { useSessionContext } from '../../../../session';
+import { AgentErrorView } from '../../components/AgentErrorBoundary';
 import UserInfo from '../../components/UserInfo';
 import { useComponentPreferences } from '../../contexts/ComponentPreferences';
 import CurrentAgentProvider from '../../contexts/CurrentAgent';
@@ -25,13 +26,13 @@ const MessageView = memo(({ message }) => {
     const preferences = useComponentPreferences();
     const hasBg = !!((_a = preferences === null || preferences === void 0 ? void 0 : preferences.backgroundImage) === null || _a === void 0 ? void 0 : _a.url);
     const { session: authSession } = useSessionContext();
-    const { appearanceOutput } = useAppearances({ agentId: message.assistantId });
-    const profile = useProfile({ agentId: message.assistantId });
+    const { appearanceOutput } = useAppearances({ agentId: message.agentId });
+    const profile = useProfile({ agentId: message.agentId });
     const { hideAgentAvatar, hideUserInputs } = (_b = useComponentPreferences()) !== null && _b !== void 0 ? _b : {};
     if (!(appearanceOutput === null || appearanceOutput === void 0 ? void 0 : appearanceOutput.componentId))
         return null;
-    const agentMessage = (_jsx(MessageBodyContainer, { messageRole: "assistant", children: _jsx(CustomComponentRenderer, { componentId: appearanceOutput.componentId, properties: appearanceOutput.componentProperties }) }));
-    return (_jsx(CurrentAgentProvider, { agentId: message.assistantId, children: _jsx(CurrentMessageProvider, { message: message, children: _jsxs(Stack, { gap: 2, children: [!hideUserInputs && (_jsx(Box, { children: _jsx(UserInfo, { name: (_c = authSession.user) === null || _c === void 0 ? void 0 : _c.fullName, did: (_d = authSession.user) === null || _d === void 0 ? void 0 : _d.did, avatar: (_e = authSession.user) === null || _e === void 0 ? void 0 : _e.avatar, time: message.createdAt, reverse: true, alignItems: "flex-start", UserNameProps: { sx: { color: hasBg ? 'white' : undefined } }, children: _jsx(Stack, { sx: { alignItems: 'flex-end' }, children: _jsx(MessageBodyContainer, { messageRole: "user", children: _jsx(UserMessageView, {}) }) }) }) })), _jsx(Box, { children: !hideAgentAvatar ? (_jsx(UserInfo, { name: profile.name, did: (_f = globalThis.blocklet) === null || _f === void 0 ? void 0 : _f.appId, avatar: profile.avatar, time: message.createdAt, alignItems: "flex-start", UserNameProps: { sx: { color: hasBg ? 'white' : undefined } }, children: agentMessage })) : (agentMessage) })] }) }) }));
+    const agentMessage = (_jsx(MessageBodyContainer, { messageRole: "assistant", children: _jsx(CustomComponentRenderer, { componentId: appearanceOutput.componentId, properties: appearanceOutput.componentProperties, fallbackRender: AgentErrorView }) }));
+    return (_jsx(CurrentAgentProvider, { agentId: message.agentId, children: _jsx(CurrentMessageProvider, { message: message, children: _jsxs(Stack, { gap: 2, children: [!hideUserInputs && (_jsx(Box, { children: _jsx(UserInfo, { name: (_c = authSession.user) === null || _c === void 0 ? void 0 : _c.fullName, did: (_d = authSession.user) === null || _d === void 0 ? void 0 : _d.did, avatar: (_e = authSession.user) === null || _e === void 0 ? void 0 : _e.avatar, time: message.createdAt, reverse: true, alignItems: "flex-start", UserNameProps: { sx: { color: hasBg ? 'white' : undefined } }, children: _jsx(Stack, { sx: { alignItems: 'flex-end' }, children: _jsx(MessageBodyContainer, { messageRole: "user", children: _jsx(UserMessageView, {}) }) }) }) })), _jsx(Box, { children: !hideAgentAvatar ? (_jsx(UserInfo, { name: profile.name, did: (_f = globalThis.blocklet) === null || _f === void 0 ? void 0 : _f.appId, avatar: profile.avatar, time: message.createdAt, alignItems: "flex-start", UserNameProps: { sx: { color: hasBg ? 'white' : undefined } }, children: agentMessage })) : (agentMessage) })] }) }) }));
 });
 export default MessageView;
 export function MessageBodyContainer(_a) {

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

@@ -22,5 +22,5 @@ export default function MessagesView(_a) {
     const loaded = useSessionState((s) => s.loaded);
     const showOpening = useCurrentSessionState((s) => !s || (s === null || s === void 0 ? void 0 : s.loaded)) && loaded;
     const divider = (_b = useComponentPreferences()) === null || _b === void 0 ? void 0 : _b.divider;
-    return (_jsxs(Stack, Object.assign({ gap: 2 }, props, { children: [showOpening && _jsx(OpeningMessageView, { isMessagesEmpty: !(messages === null || messages === void 0 ? void 0 : messages.length) }), messages === null || messages === void 0 ? void 0 : messages.map((message, index) => (_jsxs(_Fragment, { children: [_jsx(MessageView, { message: message }, message.taskId), divider && index !== messages.length - 1 ? _jsx(Divider, { sx: { my: 2 } }) : undefined] })))] })));
+    return (_jsxs(Stack, Object.assign({ gap: 2 }, props, { children: [showOpening && _jsx(OpeningMessageView, { isMessagesEmpty: !(messages === null || messages === void 0 ? void 0 : messages.length) }), messages === null || messages === void 0 ? void 0 : messages.map((message, index) => (_jsxs(_Fragment, { children: [_jsx(MessageView, { message: message }, message.id), divider && index !== messages.length - 1 ? _jsx(Divider, { sx: { my: 2 } }) : undefined] })))] })));
 }

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

@@ -11,10 +11,10 @@ export default function UserMessageView() {
     const { agent } = useCurrentAgent();
     const params = useMemo(() => {
         var _a;
-        const inputs = (_a = agent.parameters) === null || _a === void 0 ? void 0 : _a.filter(isValidInput).map((i) => { var _a, _b; return [((_a = i.label) === null || _a === void 0 ? void 0 : _a.trim()) || i.key, (_b = message.parameters) === null || _b === void 0 ? void 0 : _b[i.key]]; }).filter((i) => i[1]);
+        const inputs = (_a = agent.parameters) === null || _a === void 0 ? void 0 : _a.filter(isValidInput).map((i) => { var _a, _b; return [((_a = i.label) === null || _a === void 0 ? void 0 : _a.trim()) || i.key, (_b = message.inputs) === null || _b === void 0 ? void 0 : _b[i.key]]; }).filter((i) => i[1]);
         const q = inputs === null || inputs === void 0 ? void 0 : inputs.find((i) => i[0] === 'question');
         return q ? [q] : inputs;
-    }, [agent.parameters, message.parameters]);
+    }, [agent.parameters, message.inputs]);
     if ((params === null || params === void 0 ? void 0 : params.length) === 1) {
         return _jsx(MarkdownRenderer, { children: (_a = params[0]) === null || _a === void 0 ? void 0 : _a[1] });
     }

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

@@ -28,10 +28,11 @@ export default function SimpleOutput() {
     if (!(outputs === null || outputs === void 0 ? void 0 : outputs.length))
         return null;
     return (_jsx(Stack, { gap: 2, children: outputs.map((output) => {
-            var _a, _b, _c, _d, _e, _f;
+            var _a, _b, _c, _d, _e, _f, _g, _h;
             const value = output.name === RuntimeOutputVariable.text
-                ? (_a = message.result) === null || _a === void 0 ? void 0 : _a.content
-                : (_e = (_d = (_c = (_b = message.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) === null || _e === void 0 ? void 0 : _e[output.name];
-            return (_jsx(CustomComponentRenderer, { instanceId: output.id, componentId: output.appearance.componentId, properties: output.appearance.componentProperties, props: Object.assign({ output, outputValue: value, writing: output.name === RuntimeOutputVariable.text && message.loading }, (((_f = output === null || output === void 0 ? void 0 : output.appearance) === null || _f === void 0 ? void 0 : _f.componentProps) || {})) }, output.id));
+                ? ((_a = message.outputs) === null || _a === void 0 ? void 0 : _a.content) ||
+                    ((_d = (_c = (_b = message.outputs) === null || _b === void 0 ? void 0 : _b.objects) === null || _c === void 0 ? void 0 : _c.find((i) => i === null || i === void 0 ? void 0 : i[RuntimeOutputVariable.text])) === null || _d === void 0 ? void 0 : _d[RuntimeOutputVariable.text])
+                : (_g = (_f = (_e = message.outputs) === null || _e === void 0 ? void 0 : _e.objects) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g[output.name];
+            return (_jsx(CustomComponentRenderer, { instanceId: output.id, componentId: output.appearance.componentId, properties: output.appearance.componentProperties, props: Object.assign({ output, outputValue: value, writing: output.name === RuntimeOutputVariable.text && message.loading }, (((_h = output === null || output === void 0 ? void 0 : output.appearance) === null || _h === void 0 ? void 0 : _h.componentProps) || {})) }, output.id));
         }) }));
 }

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

@@ -39,8 +39,8 @@ function OutputView(_a) {
     return (_jsx(Stack, Object.assign({ gap: 2, mt: 4 }, props, { children: lastMessage && (_jsxs(_Fragment, { children: [resultTitle && (_jsx(Typography, { width: "100%", component: "h5", fontSize: 36, fontWeight: 700, textAlign: "center", children: _jsx(Balancer, { children: resultTitle }) })), _jsx(Stack, { children: _jsx(OutputItemView, { message: lastMessage }) })] })) })));
 }
 const OutputItemView = memo(({ message }) => {
-    const { appearanceOutput } = useAppearances({ agentId: message.assistantId });
+    const { appearanceOutput } = useAppearances({ agentId: message.agentId });
     if (!(appearanceOutput === null || appearanceOutput === void 0 ? void 0 : appearanceOutput.componentId))
         return null;
-    return (_jsx(CurrentAgentProvider, { agentId: message.assistantId, children: _jsx(CurrentMessageProvider, { message: message, children: _jsx(Suspense, { children: _jsx(CustomComponentRenderer, { componentId: appearanceOutput.componentId, properties: appearanceOutput.componentProperties }) }) }) }));
+    return (_jsx(CurrentAgentProvider, { agentId: message.agentId, children: _jsx(CurrentMessageProvider, { message: message, children: _jsx(Suspense, { children: _jsx(CustomComponentRenderer, { componentId: appearanceOutput.componentId, properties: appearanceOutput.componentProperties }) }) }) }));
 });

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

@@ -25,7 +25,7 @@ export default function SuggestedQuestionsView({ output, outputValue, onlyLastMe
     var _a;
     const { message } = (_a = useCurrentMessage({ optional: true })) !== null && _a !== void 0 ? _a : {};
     const lastMessage = useCurrentSessionState((s) => { var _a; return (_a = s === null || s === void 0 ? void 0 : s.messages) === null || _a === void 0 ? void 0 : _a.at(-1); });
-    const isLastMessage = !!message && message.taskId === (lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.taskId);
+    const isLastMessage = !!message && message.id === (lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.id);
     const questions = useMemo(() => {
         const result = suggestedQuestionsSchema.validate(outputValue, { allowUnknown: true });
         if (result.error)
@@ -37,7 +37,7 @@ export default function SuggestedQuestionsView({ output, outputValue, onlyLastMe
     if (!message || (!isLastMessage && onlyLastMessage) || !(questions === null || questions === void 0 ? void 0 : questions.length))
         return null;
     return (_jsx(OutputFieldContainer, { output: output, children: _jsx(Stack, { gap: 1, children: questions.map((item) => (_jsx(MessageSuggestedQuestion, { onClick: () => {
-                    execute({ aid, parameters: Object.assign(Object.assign({}, message.parameters), { question: item.question }) });
+                    execute({ aid, parameters: Object.assign(Object.assign({}, message.inputs), { question: item.question }) });
                 }, children: item.question }, item.question))) }) }));
 }
 function MessageSuggestedQuestion(_a) {

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

@@ -120,7 +120,7 @@ function useInitialFormValues() {
     const [lastInputs, setLastInputs] = useState();
     useEffect(() => {
         if (autoSetLastParameters && !lastInputs) {
-            const lastParameters = lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.parameters;
+            const lastParameters = lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.inputs;
             if (!isEmpty(lastParameters))
                 setLastInputs(lastParameters);
         }

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

@@ -39,9 +39,9 @@ export default function V0Output() {
         sx: DEFAULT_DESKTOP_SX,
         key: 'Desktop',
     });
-    const objects = (_a = message.result) === null || _a === void 0 ? void 0 : _a.objects;
-    const { taskId, parameters } = message;
-    const isMessageLoading = (message.loading || !message.result) && !message.error;
+    const objects = (_a = message.outputs) === null || _a === void 0 ? void 0 : _a.objects;
+    const { id: taskId, inputs } = message;
+    const isMessageLoading = (message.loading || !message.outputs) && !message.error;
     const disabled = isMessageLoading || !(objects === null || objects === void 0 ? void 0 : objects.length) || message.error;
     const responsiveSx = {
         backgroundColor: 'white',
@@ -208,7 +208,7 @@ export default function V0Output() {
                         border: 1,
                         borderColor: 'rgba(0, 0, 0, 0.1) !important',
                     },
-                }, children: [_jsx(UserQuestion, { question: parameters === null || parameters === void 0 ? void 0 : parameters.question }), _jsx(Box, { sx: {
+                }, children: [_jsx(UserQuestion, { question: inputs === null || inputs === void 0 ? void 0 : inputs.question }), _jsx(Box, { sx: {
                             display: 'flex',
                             alignItems: 'center',
                             gap: 1,
@@ -225,7 +225,7 @@ export default function V0Output() {
                         overflowY: 'auto',
                         scrollbarWidth: 'thin',
                         scrollbarColor: 'grey transparent',
-                    }, propertiesValueMap: propertiesValueMap }) }), objects === null || objects === void 0 ? void 0 : objects.map((item, index) => _jsx(MessageMetadataRenderer, { object: item.data }, index)), !isMessageLoading && ((_b = message.result) === null || _b === void 0 ? void 0 : _b.content) && (_jsx(ShareActions, { direction: "row", justifyContent: "flex-end", sx: { mt: 2 } })), _jsxs(Suspense, { fallback: _jsx(Loading, {}), children: [_jsx(Drawer, { anchor: isMobile ? 'bottom' : 'right', open: !!code, onClose: onCloseCode, children: _jsxs(Box, { sx: Object.assign({ p: 2, pt: 0 }, (isMobile ? { maxHeight: '70vh' } : { maxWidth: '70vw' })), children: [_jsxs(Box, { sx: {
+                    }, propertiesValueMap: propertiesValueMap }) }), objects === null || objects === void 0 ? void 0 : objects.map((item, index) => _jsx(MessageMetadataRenderer, { object: item.data }, index)), !isMessageLoading && ((_b = message.outputs) === null || _b === void 0 ? void 0 : _b.content) && (_jsx(ShareActions, { direction: "row", justifyContent: "flex-end", sx: { mt: 2 } })), _jsxs(Suspense, { fallback: _jsx(Loading, {}), children: [_jsx(Drawer, { anchor: isMobile ? 'bottom' : 'right', open: !!code, onClose: onCloseCode, children: _jsxs(Box, { sx: Object.assign({ p: 2, pt: 0 }, (isMobile ? { maxHeight: '70vh' } : { maxWidth: '70vw' })), children: [_jsxs(Box, { sx: {
                                         py: 2,
                                         position: 'sticky',
                                         top: 0,

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

@@ -180,18 +180,18 @@ function V0DetailRender() {
     // FIXME: 现在临时把 error 的消息隐藏了，后续需要优化
     const messagesList = messagesListOriginal === null || messagesListOriginal === void 0 ? void 0 : messagesListOriginal.filter((message, index) => {
         var _a, _b;
-        return (!(message === null || message === void 0 ? void 0 : message.error) && ((_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.length)) ||
-            message.taskId === currentMessageTaskId ||
+        return (!(message === null || message === void 0 ? void 0 : message.error) && ((_b = (_a = message === null || message === void 0 ? void 0 : message.outputs) === null || _a === void 0 ? void 0 : _a.objects) === null || _b === void 0 ? void 0 : _b.length)) ||
+            message.id === currentMessageTaskId ||
             index === messagesListOriginal.length - 1;
     });
-    const currentMessage = messagesList === null || messagesList === void 0 ? void 0 : messagesList.find((message) => message.taskId === currentMessageTaskId);
+    const currentMessage = messagesList === null || messagesList === void 0 ? void 0 : messagesList.find((message) => message.id === currentMessageTaskId);
     useEffect(() => {
         if (messagesList === null || messagesList === void 0 ? void 0 : messagesList.length) {
             const latestMessage = messagesList === null || messagesList === void 0 ? void 0 : messagesList.at(-1);
             // no currentMessageTaskId or has new message
-            if (!currentMessageTaskId || (currentMessageTaskId === (latestMessage === null || latestMessage === void 0 ? void 0 : latestMessage.taskId) && (messagesList === null || messagesList === void 0 ? void 0 : messagesList.length) > 1)) {
+            if (!currentMessageTaskId || (currentMessageTaskId === (latestMessage === null || latestMessage === void 0 ? void 0 : latestMessage.id) && (messagesList === null || messagesList === void 0 ? void 0 : messagesList.length) > 1)) {
                 // @ts-ignore
-                setCurrentMessageTaskId(latestMessage.taskId);
+                setCurrentMessageTaskId(latestMessage.id);
             }
         }
     }, [messagesList, currentMessageTaskId]);
@@ -237,7 +237,7 @@ function V0DetailRender() {
                             '&::-webkit-scrollbar': {
                                 display: 'none',
                             } }), children: messagesList === null || messagesList === void 0 ? void 0 : messagesList.map((item, i) => {
-                            const { parameters, taskId, updatedAt } = item;
+                            const { inputs: parameters, id: taskId, updatedAt } = item;
                             const isCurrent = taskId === (currentMessageTaskId || undefined);
                             return (_jsx(Box, { sx: {
                                     display: 'flex',
@@ -246,7 +246,7 @@ function V0DetailRender() {
                                     gap: 1,
                                 }, children: _jsxs(Box, { id: taskId, onClick: () => {
                                         // @ts-ignore
-                                        setCurrentMessageTaskId(item.taskId);
+                                        setCurrentMessageTaskId(item.id);
                                     }, sx: Object.assign({ cursor: 'pointer', color: 'textColor', borderRadius: 1, border: 1, borderColor: isCurrent ? 'primary.main' : 'background.block', backgroundColor: 'white', position: 'relative', transition: 'all 0.3s', '&:hover': {
                                             borderColor: 'primary.main',
                                         } }, (isMobile

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

@@ -60,9 +60,9 @@ function RetryComponent({ message, tip }) {
                             } }) })] }), _jsx(LoadingButton, { variant: "contained", loading: loading, color: "primary", onClick: () => __awaiter(this, void 0, void 0, function* () {
                     setLoading(true);
                     try {
-                        const { parameters } = message || {};
+                        const { inputs } = message || {};
                         // remove $ starting parameters object
-                        const canUseParameters = Object.fromEntries(Object.entries(parameters || {}).filter(([key]) => !key.startsWith('$')));
+                        const canUseParameters = Object.fromEntries(Object.entries(inputs || {}).filter(([key]) => !key.startsWith('$')));
                         yield execute({
                             aid,
                             parameters: canUseParameters,
@@ -112,7 +112,7 @@ export function CodeRenderByMessage({ zoom, message, minHeight = 200, sx, proper
             minHeight,
         },
     };
-    const isMessageLoading = ((message === null || message === void 0 ? void 0 : message.loading) || !(message === null || message === void 0 ? void 0 : message.result)) && !(message === null || message === void 0 ? void 0 : message.error);
+    const isMessageLoading = ((message === null || message === void 0 ? void 0 : message.loading) || !(message === null || message === void 0 ? void 0 : message.outputs)) && !(message === null || message === void 0 ? void 0 : message.error);
     const ContentRender = useCallback(() => {
         var _a, _b, _c, _d;
         if (isMessageLoading) {
@@ -123,10 +123,10 @@ export function CodeRenderByMessage({ zoom, message, minHeight = 200, sx, proper
                     alignItems: 'center',
                 }, children: _jsx(AIRunningLoading, {}) }));
         }
-        if ((message === null || message === void 0 ? void 0 : message.error) || !((_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.length)) {
+        if ((message === null || message === void 0 ? void 0 : message.error) || !((_b = (_a = message === null || message === void 0 ? void 0 : message.outputs) === null || _a === void 0 ? void 0 : _a.objects) === null || _b === void 0 ? void 0 : _b.length)) {
             return _jsx(RetryComponent, { message: message });
         }
-        return (_d = (_c = message === null || message === void 0 ? void 0 : message.result) === null || _c === void 0 ? void 0 : _c.objects) === null || _d === void 0 ? void 0 : _d.map((item) => {
+        return (_d = (_c = message === null || message === void 0 ? void 0 : message.outputs) === null || _c === void 0 ? void 0 : _c.objects) === null || _d === void 0 ? void 0 : _d.map((item) => {
             var _a, _b, _c;
             const { taskId } = item;
             // @ts-ignore
@@ -134,14 +134,14 @@ export function CodeRenderByMessage({ zoom, message, minHeight = 200, sx, proper
             return (_jsx(CodePreviewMemo, { componentId: `code-preview-${taskId}`, code: code, propertiesValue: ((_b = propertiesValueMap === null || propertiesValueMap === void 0 ? void 0 : propertiesValueMap[taskId]) === null || _b === void 0 ? void 0 : _b[locale]) || ((_c = propertiesValueMap === null || propertiesValueMap === void 0 ? void 0 : propertiesValueMap[taskId]) === null || _c === void 0 ? void 0 : _c.en) || {}, message: message }, item.taskId));
         });
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [isMessageLoading, (_a = message === null || message === void 0 ? void 0 : message.result) === null || _a === void 0 ? void 0 : _a.objects, propertiesValueMap, locale]);
+    }, [isMessageLoading, (_a = message === null || message === void 0 ? void 0 : message.outputs) === null || _a === void 0 ? void 0 : _a.objects, propertiesValueMap, locale]);
     return (_jsx(Box, { sx: Object.assign(Object.assign(Object.assign({ transition: 'all 0.3s', overflow: 'hidden', borderRadius: 1, width: '100%', height: '100%', backgroundColor: 'white' }, zoomSx), sx), { '.code-preview-wrapper': {
             // p: 2,
-            } }), children: _jsx(ContentRender, {}) }, message === null || message === void 0 ? void 0 : message.taskId));
+            } }), children: _jsx(ContentRender, {}) }, message === null || message === void 0 ? void 0 : message.id));
 }
 export const CodeRenderByMessageMemo = memo(CodeRenderByMessage);
 export function getCurrentCodeByTaskId(message, taskId) {
     var _a, _b, _c, _d;
     // @ts-ignore
-    return (_d = (_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.find((item) => item.taskId === taskId)) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d[codeField];
+    return (_d = (_c = (_b = (_a = message === null || message === void 0 ? void 0 : message.outputs) === null || _a === void 0 ? void 0 : _a.objects) === null || _b === void 0 ? void 0 : _b.find((item) => item.taskId === taskId)) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d[codeField];
 }

package/lib/esm/builtin/async/ai-runtime/state/agent.js

@@ -12,15 +12,15 @@ import { immer } from 'zustand/middleware/immer';
 import { getAgent } from '../api/agent';
 import { useRuntimeContext } from '../contexts/Runtime';
 import { createCachedStore } from '../utils/zustand';
-export const createAgentState = ({ aid, working, agent }) => {
-    return createCachedStore(`agent-state-${aid}-${working}`, () => create()(immer((set) => ({
+const createAgentState = ({ blockletDid, aid, working, agent, }) => {
+    return createCachedStore(`agent-state-${blockletDid}-${aid}-${working}`, () => create()(immer((set) => ({
         agent,
         load: () => __awaiter(void 0, void 0, void 0, function* () {
             set((state) => {
                 state.loading = true;
             });
             try {
-                const agent = yield getAgent({ aid, working });
+                const agent = yield getAgent({ blockletDid, aid, working });
                 set((state) => {
                     state.agent = agent;
                 });
@@ -40,14 +40,14 @@ export const createAgentState = ({ aid, working, agent }) => {
     }))));
 };
 const LOADING_TASKS = {};
-export function useAgentState({ aid, working }) {
+export function useAgentState({ blockletDid, aid, working, }) {
     var _a;
     const runtimeState = useRuntimeContext();
-    const state = createAgentState({ aid, working: working !== null && working !== void 0 ? working : runtimeState.working })();
+    const state = createAgentState({ blockletDid, aid, working: working !== null && working !== void 0 ? working : runtimeState.working })();
     if (!state.agent) {
         if (state.error)
             throw state.error;
-        const key = `agent-loading-${aid}-${working}`;
+        const key = `agent-loading-${blockletDid}-${aid}-${working}`;
         (_a = LOADING_TASKS[key]) !== null && _a !== void 0 ? _a : (LOADING_TASKS[key] = state.load());
         throw LOADING_TASKS[key];
     }

package/lib/esm/builtin/async/ai-runtime/state/runtime.js

@@ -13,8 +13,8 @@ import { useRuntimeContext } from '../contexts/Runtime';
 import { useAgentState } from './agent';
 import { createSessionState } from './session';
 export function useRuntimeState() {
-    const { aid, working } = useRuntimeContext();
-    const [agent] = useAgentState({ aid, working });
+    const { blockletDid, aid, working } = useRuntimeContext();
+    const [agent] = useAgentState({ blockletDid, aid, working });
     const { session: authSession, events } = useSessionContext();
     const sessionState = useMemo(() => createSessionState({ aid }), [aid]);
     const exec = sessionState((s) => s.execute);
@@ -38,7 +38,7 @@ export function useRuntimeState() {
         if (!authSession.user) {
             yield login();
         }
-        return exec(Object.assign(Object.assign({}, args), { working }));
-    }), [authSession.user, exec, working, login]);
-    return { aid, working, agent, execute };
+        return exec(Object.assign(Object.assign({}, args), { blockletDid, working }));
+    }), [authSession.user, exec, blockletDid, working, login]);
+    return { blockletDid, aid, working, agent, execute };
 }

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

@@ -243,7 +243,7 @@ export const createSessionState = ({ aid }) => {
         }),
         execute: (_g) => __awaiter(void 0, void 0, void 0, function* () {
             var _h, e_1, _j, _k;
-            var { aid, working, parameters, onResponseStart } = _g, args = __rest(_g, ["aid", "working", "parameters", "onResponseStart"]);
+            var { blockletDid, aid, working, parameters, onResponseStart } = _g, args = __rest(_g, ["blockletDid", "aid", "working", "parameters", "onResponseStart"]);
             const sessionId = args.sessionId ||
                 get().currentSessionId ||
                 (yield get().createSession({
@@ -261,6 +261,7 @@ export const createSessionState = ({ aid }) => {
             });
             try {
                 const stream = runAgent({
+                    blockletDid,
                     aid,
                     sessionId,
                     working,
@@ -279,10 +280,10 @@ export const createSessionState = ({ aid }) => {
                         if ((value === null || value === void 0 ? void 0 : value.type) === 'CHUNK') {
                             if (!message) {
                                 message = {
-                                    taskId: value.taskId,
-                                    assistantId: identity.assistantId,
+                                    id: value.taskId,
+                                    agentId: identity.assistantId,
                                     sessionId,
-                                    parameters,
+                                    inputs: parameters,
                                     createdAt: new Date().toISOString(),
                                     updatedAt: new Date().toISOString(),
                                     loading: true,
@@ -296,25 +297,22 @@ export const createSessionState = ({ aid }) => {
                                     s.messages.push(message);
                                 });
                             }
-                            if (message.taskId === value.taskId) {
+                            if (message.id === value.taskId) {
                                 requestAnimationFrame(() => {
                                     set((state) => {
-                                        var _a, _b, _c, _d, _e, _f, _g;
-                                        var _h;
+                                        var _a, _b, _c, _d;
+                                        var _e;
                                         const s = (_a = state.sessionMap) === null || _a === void 0 ? void 0 : _a[sessionId];
                                         if (!s)
                                             return;
-                                        const msg = (_b = s.messages) === null || _b === void 0 ? void 0 : _b.findLast((i) => i.taskId === message.taskId);
+                                        const msg = (_b = s.messages) === null || _b === void 0 ? void 0 : _b.findLast((i) => i.id === message.id);
                                         if (!msg)
                                             return;
-                                        (_c = msg.result) !== null && _c !== void 0 ? _c : (msg.result = {});
-                                        msg.result.content = (msg.result.content || '') + (value.delta.content || '');
-                                        if ((_e = (_d = value.delta) === null || _d === void 0 ? void 0 : _d.images) === null || _e === void 0 ? void 0 : _e.length) {
-                                            msg.result.images = ((_f = msg.result.images) !== null && _f !== void 0 ? _f : []).concat(value.delta.images);
-                                        }
+                                        (_c = msg.outputs) !== null && _c !== void 0 ? _c : (msg.outputs = {});
+                                        msg.outputs.content = (msg.outputs.content || '') + (value.delta.content || '');
                                         if (value.delta.object) {
-                                            (_g = (_h = msg.result).objects) !== null && _g !== void 0 ? _g : (_h.objects = []);
-                                            msg.result.objects.push({ taskId: value.taskId, data: value.delta.object });
+                                            (_d = (_e = msg.outputs).objects) !== null && _d !== void 0 ? _d : (_e.objects = []);
+                                            msg.outputs.objects.push(value.delta.object);
                                         }
                                     });
                                 });
@@ -326,7 +324,7 @@ export const createSessionState = ({ aid }) => {
                                 const s = (_a = state.sessionMap) === null || _a === void 0 ? void 0 : _a[sessionId];
                                 if (!s)
                                     return;
-                                const msg = (_b = s.messages) === null || _b === void 0 ? void 0 : _b.findLast((i) => i.taskId === message.taskId);
+                                const msg = (_b = s.messages) === null || _b === void 0 ? void 0 : _b.findLast((i) => i.id === message.id);
                                 if (msg)
                                     msg.error = value.error;
                                 else
@@ -360,7 +358,7 @@ export const createSessionState = ({ aid }) => {
                         return;
                     s.running = false;
                     if (message) {
-                        const msg = (_b = s.messages) === null || _b === void 0 ? void 0 : _b.findLast((i) => i.taskId === message.taskId);
+                        const msg = (_b = s.messages) === null || _b === void 0 ? void 0 : _b.findLast((i) => i.id === message.id);
                         if (msg)
                             msg.loading = false;
                     }

package/lib/esm/builtin/page/header.js

@@ -22,10 +22,10 @@ export const useHeaderState = create()(immer((set, get) => ({
         for (const i of get().stack) {
             widgets.push(i());
         }
-        const r = widgets.reduce((res, i) => (Object.assign(Object.assign(Object.assign({}, res), i), { addons: (...exists) => {
+        const r = widgets.reduce((res, i) => (Object.assign(Object.assign(Object.assign({}, res), i), { addons: (exists) => {
                 var _a, _b, _c, _d;
-                const a = (_b = (_a = res.addons) === null || _a === void 0 ? void 0 : _a.call(res, ...exists)) !== null && _b !== void 0 ? _b : exists;
-                const b = (_d = (_c = i.addons) === null || _c === void 0 ? void 0 : _c.call(i, ...a)) !== null && _d !== void 0 ? _d : a;
+                const a = (_b = (_a = res.addons) === null || _a === void 0 ? void 0 : _a.call(res, exists)) !== null && _b !== void 0 ? _b : exists;
+                const b = (_d = (_c = i.addons) === null || _c === void 0 ? void 0 : _c.call(i, a)) !== null && _d !== void 0 ? _d : a;
                 return b;
             } })), {});
         set((state) => {

package/lib/esm/components/CustomComponentRenderer/BlockletReactComponentRenderer.js

@@ -31,6 +31,6 @@ export default function BlockletReactComponentRenderer(_a) {
 const COMPONENTS_CACHE = {};
 function loadComponent(url) {
     var _a;
-    (_a = COMPONENTS_CACHE[url]) !== null && _a !== void 0 ? _a : (COMPONENTS_CACHE[url] = React.lazy(() => import(url)));
+    (_a = COMPONENTS_CACHE[url]) !== null && _a !== void 0 ? _a : (COMPONENTS_CACHE[url] = React.lazy(() => import(/* @vite-ignore */ url)));
     return COMPONENTS_CACHE[url];
 }

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

@@ -23,7 +23,7 @@ export default function CustomComponentRenderer(_a) {
     var { dev } = _a, props = __rest(_a, ["dev"]);
     const inheritedDev = useDev();
     const BuiltinComponent = BuiltinComponents[props.componentId];
-    return (_jsx(ErrorBoundary, { fallbackRender: (props === null || props === void 0 ? void 0 : props.fallbackRender) || ErrorView, children: _jsx(DevProvider, { dev: dev !== null && dev !== void 0 ? dev : inheritedDev, children: BuiltinComponent ? (_jsx(BuiltinComponent, Object.assign({}, props))) : (_jsx(ComponentRenderer, Object.assign({}, props, { instanceId: (_b = props.instanceId) !== null && _b !== void 0 ? _b : props.componentId }))) }) }));
+    return (_jsx(ErrorBoundary, { FallbackComponent: (props === null || props === void 0 ? void 0 : props.fallbackRender) || ErrorView, children: _jsx(DevProvider, { dev: dev !== null && dev !== void 0 ? dev : inheritedDev, children: BuiltinComponent ? (_jsx(BuiltinComponent, Object.assign({}, props))) : (_jsx(ComponentRenderer, Object.assign({}, props, { instanceId: (_b = props.instanceId) !== null && _b !== void 0 ? _b : props.componentId }))) }) }));
 }
 const BuiltinComponents = {
     'blocklet-react-component': BlockletReactComponentRenderer,