@blocklet/pages-kit 0.2.341 → 0.2.342

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

@@ -39,7 +39,6 @@ function AutoForm({ submitText, inlineLabel, autoFillLastForm = true, submitInQu
         });
     }, [agent.parameters]);
     const defaultForm = useInitialFormValues();
-    const theme = useFormTheme();
     const form = (0, react_hook_form_1.useForm)({ defaultValues: defaultForm });
     (0, react_1.useEffect)(() => {
         if (autoFillLastForm && !form.formState.isSubmitted && !form.formState.isSubmitting) {
@@ -56,31 +55,31 @@ function AutoForm({ submitText, inlineLabel, autoFillLastForm = true, submitInQu
             },
         });
     });
-    return ((0, jsx_runtime_1.jsx)(material_1.ThemeProvider, { theme: theme, children: (0, jsx_runtime_1.jsxs)(Form, { component: "form", className: (0, css_1.cx)('form', `label-position-${inlineLabel ? 'start' : 'top'}`), onSubmit: form.handleSubmit(onSubmit), children: [parameters === null || parameters === void 0 ? void 0 : parameters.map((parameter, index) => {
-                    const { key, required } = parameter !== null && parameter !== void 0 ? parameter : {};
-                    return ((0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(react_hook_form_1.Controller, { control: form.control, name: key, rules: {
-                                required,
-                                min: parameter.type === 'number' && typeof parameter.min === 'number'
-                                    ? { value: parameter.min, message: '' }
-                                    : undefined,
-                                max: parameter.type === 'number' && typeof parameter.max === 'number'
-                                    ? { value: parameter.max, message: '' }
-                                    : undefined,
-                                minLength: parameter.type === 'string' && typeof parameter.minLength === 'number'
-                                    ? { value: parameter.minLength, message: '' }
-                                    : undefined,
-                                maxLength: parameter.type === 'string' && typeof parameter.maxLength === 'number'
-                                    ? { value: parameter.maxLength, message: '' }
-                                    : undefined,
-                            }, render: ({ field, fieldState }) => {
-                                var _a;
-                                return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { className: "form-item", children: [parameter.label && (0, jsx_runtime_1.jsx)(material_1.FormLabel, { children: parameter.label }), (0, jsx_runtime_1.jsx)(AgentInputField_1.default, { inputRef: field.ref, autoFocus: index === 0, size: "small", hiddenLabel: true, fullWidth: true, label: undefined, parameter: parameter, maxRows: !(parameter === null || parameter === void 0 ? void 0 : parameter.type) || (parameter === null || parameter === void 0 ? void 0 : parameter.type) === 'string' ? 5 : undefined, value: field.value || '', onChange: (value) => field.onChange({ target: { value } }), error: Boolean(fieldState.error), helperText: ((_a = fieldState.error) === null || _a === void 0 ? void 0 : _a.message) || (parameter === null || parameter === void 0 ? void 0 : parameter.helper), InputProps: parameter.key === 'question' && submitInQuestionField
-                                                ? {
-                                                    endAdornment: ((0, jsx_runtime_1.jsx)(material_1.InputAdornment, { position: "end", sx: { py: 3, mr: -0.75, alignSelf: 'flex-end' }, children: (0, jsx_runtime_1.jsx)(LoadingButton_1.default, { type: "submit", variant: "contained", loading: running, sx: { borderRadius: 1.5 }, children: submitText }) })),
-                                                }
-                                                : undefined })] }));
-                            } }) }, parameter.id));
-                }), !(submitInQuestionField && (parameters === null || parameters === void 0 ? void 0 : parameters.some((i) => i.key === 'question'))) && ((0, jsx_runtime_1.jsx)(LoadingButton_1.default, { type: "submit", variant: "contained", loading: running, sx: { height: 40 }, children: submitText || t('generate') }))] }) }));
+    return ((0, jsx_runtime_1.jsxs)(Form, { component: "form", className: (0, css_1.cx)('form', `label-position-${inlineLabel ? 'start' : 'top'}`), onSubmit: form.handleSubmit(onSubmit), children: [parameters === null || parameters === void 0 ? void 0 : parameters.map((parameter, index) => {
+                const { key, required } = parameter !== null && parameter !== void 0 ? parameter : {};
+                return ((0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(react_hook_form_1.Controller, { control: form.control, name: key, rules: {
+                            required,
+                            min: parameter.type === 'number' && typeof parameter.min === 'number'
+                                ? { value: parameter.min, message: '' }
+                                : undefined,
+                            max: parameter.type === 'number' && typeof parameter.max === 'number'
+                                ? { value: parameter.max, message: '' }
+                                : undefined,
+                            minLength: parameter.type === 'string' && typeof parameter.minLength === 'number'
+                                ? { value: parameter.minLength, message: '' }
+                                : undefined,
+                            maxLength: parameter.type === 'string' && typeof parameter.maxLength === 'number'
+                                ? { value: parameter.maxLength, message: '' }
+                                : undefined,
+                        }, render: ({ field, fieldState }) => {
+                            var _a;
+                            return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { className: "form-item", children: [parameter.label && (0, jsx_runtime_1.jsx)(material_1.FormLabel, { children: parameter.label }), (0, jsx_runtime_1.jsx)(AgentInputField_1.default, { inputRef: field.ref, autoFocus: index === 0, size: "small", hiddenLabel: true, fullWidth: true, label: undefined, parameter: parameter, maxRows: !(parameter === null || parameter === void 0 ? void 0 : parameter.type) || (parameter === null || parameter === void 0 ? void 0 : parameter.type) === 'string' ? 5 : undefined, value: field.value || '', onChange: (value) => field.onChange({ target: { value } }), error: Boolean(fieldState.error), helperText: ((_a = fieldState.error) === null || _a === void 0 ? void 0 : _a.message) || (parameter === null || parameter === void 0 ? void 0 : parameter.helper), InputProps: parameter.key === 'question' && submitInQuestionField
+                                            ? {
+                                                endAdornment: ((0, jsx_runtime_1.jsx)(material_1.InputAdornment, { position: "end", sx: { py: 3, mr: -0.75, alignSelf: 'flex-end' }, children: (0, jsx_runtime_1.jsx)(LoadingButton_1.default, { type: "submit", variant: "contained", loading: running, sx: { borderRadius: 1.5 }, children: submitText }) })),
+                                            }
+                                            : undefined })] }));
+                        } }) }, parameter.id));
+            }), !(submitInQuestionField && (parameters === null || parameters === void 0 ? void 0 : parameters.some((i) => i.key === 'question'))) && ((0, jsx_runtime_1.jsx)(LoadingButton_1.default, { type: "submit", variant: "contained", loading: running, sx: { height: 40 }, children: submitText || t('generate') }))] }));
 }
 exports.default = AutoForm;
 function useInitialFormValues() {
@@ -89,7 +88,7 @@ function useInitialFormValues() {
     const [lastInputs, setLastInputs] = (0, react_1.useState)();
     (0, react_1.useEffect)(() => {
         if (!lastInputs) {
-            const lastParameters = lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.parameters;
+            const lastParameters = lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.inputs;
             if (!(0, isEmpty_1.default)(lastParameters))
                 setLastInputs(lastParameters);
         }
@@ -102,36 +101,6 @@ function useInitialFormValues() {
         return Object.fromEntries((_b = (_a = agent.parameters) === null || _a === void 0 ? void 0 : _a.map((parameter) => [parameter.key, parameter.defaultValue])) !== null && _b !== void 0 ? _b : []);
     }, [lastInputs, agent]);
 }
-function useFormTheme() {
-    const theme = (0, material_1.useTheme)();
-    return (0, react_1.useMemo)(() => {
-        const themeOptions = {
-            shape: {
-                borderRadius: 8,
-            },
-            components: {
-                MuiTextField: {
-                    styleOverrides: {
-                        root: ({ theme }) => theme.unstable_sx({
-                            [`.${material_1.outlinedInputClasses.root}`]: {
-                                [`.${material_1.outlinedInputClasses.notchedOutline}`]: {
-                                    borderWidth: 2,
-                                    borderColor: 'primary.light',
-                                },
-                                ':hover': {
-                                    [`.${material_1.outlinedInputClasses.notchedOutline}`]: {
-                                        borderColor: 'primary.main',
-                                    },
-                                },
-                            },
-                        }),
-                    },
-                },
-            },
-        };
-        return (0, material_1.createTheme)(theme, themeOptions);
-    }, [theme]);
-}
 const Form = (0, material_1.styled)(material_1.Stack)(({ theme }) => theme.unstable_sx({
     gap: 2,
     '.form-item': {

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

@@ -39,7 +39,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MessageItemWrapper = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const image_preview_1 = __importDefault(require("@blocklet/ai-kit/components/image-preview"));
 const css_1 = require("@emotion/css");
 const material_1 = require("@mui/material");
 const dayjs_1 = __importDefault(require("dayjs"));
@@ -56,8 +55,8 @@ const MessageMetadataRenderer_1 = __importDefault(require("./MessageMetadataRend
 const MessageItemView = (0, react_1.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 ((0, jsx_runtime_1.jsxs)(MessageItemContainer, Object.assign({}, props, { className: (0, css_1.cx)('ai-chat-message-item', hideAvatar && 'hide-avatar', props.className), children: [showUserMessage && !(0, isEmpty_1.default)(message.parameters) && (0, jsx_runtime_1.jsx)(UserMessage, { message: message, hideAvatar: hideAvatar }), !(0, isEmpty_1.default)(message.result) && (0, jsx_runtime_1.jsx)(AgentMessage, { message: message, hideAvatar: hideAvatar })] })));
+    const showUserMessage = !!((_b = message.inputs) === null || _b === void 0 ? void 0 : _b.question);
+    return ((0, jsx_runtime_1.jsxs)(MessageItemContainer, Object.assign({}, props, { className: (0, css_1.cx)('ai-chat-message-item', hideAvatar && 'hide-avatar', props.className), children: [showUserMessage && !(0, isEmpty_1.default)(message.inputs) && (0, jsx_runtime_1.jsx)(UserMessage, { message: message, hideAvatar: hideAvatar }), !(0, isEmpty_1.default)(message.outputs) && (0, jsx_runtime_1.jsx)(AgentMessage, { message: message, hideAvatar: hideAvatar })] })));
 });
 exports.default = MessageItemView;
 const MessageItemContainer = (0, material_1.styled)(material_1.Stack) `
@@ -109,17 +108,17 @@ function UserMessage({ message, hideAvatar }) {
                     display: 'flex',
                     flexDirection: 'column',
                     alignItems: 'flex-end',
-                }, children: [!hideAvatar && ((0, jsx_runtime_1.jsxs)(MessageUserName, { children: [(_c = authSession.user) === null || _c === void 0 ? void 0 : _c.fullName, (0, jsx_runtime_1.jsx)(MessageTime, { time: message.createdAt })] })), (0, jsx_runtime_1.jsx)(material_1.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 && ((0, jsx_runtime_1.jsxs)(MessageUserName, { children: [(_c = authSession.user) === null || _c === void 0 ? void 0 : _c.fullName, (0, jsx_runtime_1.jsx)(MessageTime, { time: message.createdAt })] })), (0, jsx_runtime_1.jsx)(material_1.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 } = (0, runtime_1.useRuntimeState)();
     const profile = (0, use_appearances_1.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 = (0, material_1.useTheme)();
     const isMobile = (0, material_1.useMediaQuery)(theme.breakpoints.down('sm'));
-    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { className: "ai-chat-message-ai", direction: "row", gap: 1.5, children: [!hideAvatar && ((0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(ux_1.Avatar, { size: 40, did: (_d = globalThis.blocklet) === null || _d === void 0 ? void 0 : _d.appId, variant: "circle", shape: "circle", src: profile.avatar }) })), (0, jsx_runtime_1.jsxs)(material_1.Box, { flex: 1, width: 0, children: [!hideAvatar && ((0, jsx_runtime_1.jsxs)(MessageUserName, { children: [profile.name, (0, jsx_runtime_1.jsx)(MessageTime, { time: message.createdAt })] })), (0, jsx_runtime_1.jsxs)(react_1.default.Suspense, { children: [showMainMessage ? ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { placement: "right-start", slotProps: {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { className: "ai-chat-message-ai", direction: "row", gap: 1.5, children: [!hideAvatar && ((0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(ux_1.Avatar, { size: 40, did: (_b = globalThis.blocklet) === null || _b === void 0 ? void 0 : _b.appId, variant: "circle", shape: "circle", src: profile.avatar }) })), (0, jsx_runtime_1.jsxs)(material_1.Box, { flex: 1, width: 0, children: [!hideAvatar && ((0, jsx_runtime_1.jsxs)(MessageUserName, { children: [profile.name, (0, jsx_runtime_1.jsx)(MessageTime, { time: message.createdAt })] })), (0, jsx_runtime_1.jsxs)(react_1.default.Suspense, { children: [showMainMessage ? ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { placement: "right-start", slotProps: {
                                     popper: {
                                         disablePortal: true,
                                         modifiers: [
@@ -135,23 +134,15 @@ function AgentMessage({ message, hideAvatar }) {
                                         sx: { p: 0, bgcolor: 'white' },
                                     },
                                 }, title: !isMessageLoading &&
-                                    ((_e = message.result) === null || _e === void 0 ? void 0 : _e.content) && ((0, jsx_runtime_1.jsx)(ShareActions_1.default, { sx: {
+                                    ((_c = message.outputs) === null || _c === void 0 ? void 0 : _c.content) && ((0, jsx_runtime_1.jsx)(ShareActions_1.default, { 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: (0, jsx_runtime_1.jsxs)(material_1.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) ? ((0, jsx_runtime_1.jsx)(MarkdownRenderer_1.default, { 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) ? ((0, jsx_runtime_1.jsx)(image_preview_1.default, { 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) && ((0, jsx_runtime_1.jsx)(MarkdownRenderer_1.default, { className: isMessageLoading ? 'writing' : '', children: message.result.content }))] }) })) : (isMessageLoading && ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "rectangular", height: 24 + 8 + 8, 
+                                    } })), children: (0, jsx_runtime_1.jsx)(material_1.Stack, { gap: 1, className: "message-response", children: ((_d = message.outputs) === null || _d === void 0 ? void 0 : _d.content) && ((0, jsx_runtime_1.jsx)(MarkdownRenderer_1.default, { className: isMessageLoading ? 'writing' : '', children: message.outputs.content })) }) })) : (isMessageLoading && ((0, jsx_runtime_1.jsx)(material_1.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) => ((0, jsx_runtime_1.jsx)(MessageMetadataRenderer_1.default, { object: object.data }, object.taskId))), message.error && (0, jsx_runtime_1.jsx)(MessageErrorView_1.default, { 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) => ((0, jsx_runtime_1.jsx)(MessageMetadataRenderer_1.default, { object: object.data }, object.taskId))), message.error && (0, jsx_runtime_1.jsx)(MessageErrorView_1.default, { error: message.error })] })] })] }));
 }
 function MessageItemWrapper(_a) {
     var _b;

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

@@ -13,8 +13,8 @@ function ChatOutput({ hideAvatar = true, renderType, }) {
     const formattedMessage = (0, react_1.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/cjs/builtin/async/ai-runtime/runtime-components/GoogleSearch/GoogleSearchRelatedQuestionsView.js

@@ -34,7 +34,7 @@ function GoogleSearchRelatedView({ output, outputValue, onlyLastMessage, }) {
     const { aid } = (0, CurrentAgent_1.useCurrentAgent)();
     const { message } = (_a = (0, CurrentMessage_1.useCurrentMessage)({ optional: true })) !== null && _a !== void 0 ? _a : {};
     const lastMessage = (0, session_1.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] = (0, react_1.useState)(false);
     const { execute } = (0, runtime_1.useRuntimeState)();
     const result = (0, react_1.useMemo)(() => {

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

@@ -55,11 +55,11 @@ function OutputView(_a) {
     return ((0, jsx_runtime_1.jsxs)(material_1.Stack, Object.assign({ width: "100%", alignItems: "center", px: { xs: 2, sm: 3 }, mt: { xs: 2, sm: 3 } }, props, { children: [resultTitle && ((0, jsx_runtime_1.jsx)(material_1.Typography, { width: "100%", component: "h2", fontSize: 36, fontWeight: 700, textAlign: "center", children: (0, jsx_runtime_1.jsx)(react_wrap_balancer_1.default, { children: resultTitle }) })), loaded && !messages.length && (0, jsx_runtime_1.jsx)(NoOutputs, {}), (0, jsx_runtime_1.jsxs)(lab_1.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 && ((0, jsx_runtime_1.jsx)(material_1.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,
-                        } })), (0, map_right_1.default)(messages, (message) => ((0, jsx_runtime_1.jsx)(OutputItemView, { message: message }, message.taskId)))] }), (0, jsx_runtime_1.jsx)(material_1.Box, { my: 4, children: !!messages.length && !noMoreMessage && ((0, jsx_runtime_1.jsx)(LoadingButton_1.default, { variant: "outlined", onClick: () => loadMoreMessages(), children: t('loadMore') })) })] })));
+                        } })), (0, map_right_1.default)(messages, (message) => ((0, jsx_runtime_1.jsx)(OutputItemView, { message: message }, message.id)))] }), (0, jsx_runtime_1.jsx)(material_1.Box, { my: 4, children: !!messages.length && !noMoreMessage && ((0, jsx_runtime_1.jsx)(LoadingButton_1.default, { variant: "outlined", onClick: () => loadMoreMessages(), children: t('loadMore') })) })] })));
 }
 const OutputItemView = (0, react_1.memo)(({ message }) => {
-    const { appearanceOutput } = (0, use_appearances_1.default)({ agentId: message.assistantId });
+    const { appearanceOutput } = (0, use_appearances_1.default)({ agentId: message.agentId });
     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.jsx)(react_1.Suspense, { children: (0, jsx_runtime_1.jsx)(CustomComponentRenderer_1.default, { componentId: appearanceOutput.componentId, properties: appearanceOutput.componentProperties }) }) }) }, message.taskId));
+    return ((0, jsx_runtime_1.jsx)(CurrentAgent_1.default, { agentId: message.agentId, 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)(CustomComponentRenderer_1.default, { componentId: appearanceOutput.componentId, properties: appearanceOutput.componentProperties }) }) }) }, message.id));
 });

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

@@ -41,7 +41,7 @@ function PhotoGalleryItem() {
     var _a, _b;
     const { message } = (0, CurrentMessage_1.useCurrentMessage)();
     const [openDialog, setOpenDialog] = (0, react_2.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[types_1.RuntimeOutputVariable.images]) !== null && _a !== void 0 ? _a : []; });
     if (!images.length && message.error) {
         return ((0, jsx_runtime_1.jsx)(material_1.Stack, { alignItems: "center", justifyContent: "center", sx: {
@@ -83,7 +83,7 @@ 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: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: Object.assign({ lineHeight: 1.5 }, getLineClamp(3)), children: (_a = message.parameters) === null || _a === void 0 ? void 0 : _a.question }) }), openDialog && ((0, jsx_runtime_1.jsx)(PromptDialog, { open: true, url: url, onClose: (e) => {
+                    }, children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: Object.assign({ lineHeight: 1.5 }, getLineClamp(3)), children: (_a = message.inputs) === null || _a === void 0 ? void 0 : _a.question }) }), openDialog && ((0, jsx_runtime_1.jsx)(PromptDialog, { open: true, url: url, onClose: (e) => {
                         e.stopPropagation();
                         e.preventDefault();
                         setOpenDialog(false);
@@ -100,8 +100,8 @@ function PromptView() {
     const { agent } = (0, CurrentAgent_1.useCurrentAgent)();
     const params = (0, react_2.useMemo)(() => {
         var _a;
-        return (_a = agent.parameters) === null || _a === void 0 ? void 0 : _a.filter(agent_inputs_1.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(agent_inputs_1.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];
     }
@@ -111,7 +111,7 @@ function PromptDialog(_a) {
     var _b, _c, _d;
     var { url } = _a, props = __rest(_a, ["url"]);
     const { message } = (0, CurrentMessage_1.useCurrentMessage)();
-    const { parameters } = message;
+    const { inputs: parameters } = message;
     const { t } = (0, locale_1.useLocaleContext)();
     const { session: authSession } = (0, session_1.useSessionContext)();
     const borderRadius = 1;

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

@@ -43,6 +43,7 @@ const material_1 = require("@mui/material");
 const react_1 = require("react");
 const CustomComponentRenderer_1 = __importDefault(require("../../../../../components/CustomComponentRenderer"));
 const session_1 = require("../../../../session");
+const AgentErrorBoundary_1 = require("../../components/AgentErrorBoundary");
 const UserInfo_1 = __importDefault(require("../../components/UserInfo"));
 const ComponentPreferences_1 = require("../../contexts/ComponentPreferences");
 const CurrentAgent_1 = __importDefault(require("../../contexts/CurrentAgent"));
@@ -54,13 +55,13 @@ const MessageView = (0, react_1.memo)(({ message }) => {
     const preferences = (0, ComponentPreferences_1.useComponentPreferences)();
     const hasBg = !!((_a = preferences === null || preferences === void 0 ? void 0 : preferences.backgroundImage) === null || _a === void 0 ? void 0 : _a.url);
     const { session: authSession } = (0, session_1.useSessionContext)();
-    const { appearanceOutput } = (0, use_appearances_1.default)({ agentId: message.assistantId });
-    const profile = (0, use_appearances_1.useProfile)({ agentId: message.assistantId });
+    const { appearanceOutput } = (0, use_appearances_1.default)({ agentId: message.agentId });
+    const profile = (0, use_appearances_1.useProfile)({ agentId: message.agentId });
     const { hideAgentAvatar, hideUserInputs } = (_b = (0, ComponentPreferences_1.useComponentPreferences)()) !== null && _b !== void 0 ? _b : {};
     if (!(appearanceOutput === null || appearanceOutput === void 0 ? void 0 : appearanceOutput.componentId))
         return null;
-    const agentMessage = ((0, jsx_runtime_1.jsx)(MessageBodyContainer, { messageRole: "assistant", children: (0, jsx_runtime_1.jsx)(CustomComponentRenderer_1.default, { componentId: appearanceOutput.componentId, properties: appearanceOutput.componentProperties }) }));
-    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: [!hideUserInputs && ((0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(UserInfo_1.default, { 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: (0, jsx_runtime_1.jsx)(material_1.Stack, { sx: { alignItems: 'flex-end' }, children: (0, jsx_runtime_1.jsx)(MessageBodyContainer, { messageRole: "user", children: (0, jsx_runtime_1.jsx)(UserMessageView_1.default, {}) }) }) }) })), (0, jsx_runtime_1.jsx)(material_1.Box, { children: !hideAgentAvatar ? ((0, jsx_runtime_1.jsx)(UserInfo_1.default, { 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 = ((0, jsx_runtime_1.jsx)(MessageBodyContainer, { messageRole: "assistant", children: (0, jsx_runtime_1.jsx)(CustomComponentRenderer_1.default, { componentId: appearanceOutput.componentId, properties: appearanceOutput.componentProperties, fallbackRender: AgentErrorBoundary_1.AgentErrorView }) }));
+    return ((0, jsx_runtime_1.jsx)(CurrentAgent_1.default, { agentId: message.agentId, children: (0, jsx_runtime_1.jsx)(CurrentMessage_1.default, { message: message, children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: 2, children: [!hideUserInputs && ((0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(UserInfo_1.default, { 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: (0, jsx_runtime_1.jsx)(material_1.Stack, { sx: { alignItems: 'flex-end' }, children: (0, jsx_runtime_1.jsx)(MessageBodyContainer, { messageRole: "user", children: (0, jsx_runtime_1.jsx)(UserMessageView_1.default, {}) }) }) }) })), (0, jsx_runtime_1.jsx)(material_1.Box, { children: !hideAgentAvatar ? ((0, jsx_runtime_1.jsx)(UserInfo_1.default, { 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) })] }) }) }));
 });
 exports.default = MessageView;
 function MessageBodyContainer(_a) {

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

@@ -27,6 +27,6 @@ function MessagesView(_a) {
     const loaded = (0, session_1.useSessionState)((s) => s.loaded);
     const showOpening = (0, session_1.useCurrentSessionState)((s) => !s || (s === null || s === void 0 ? void 0 : s.loaded)) && loaded;
     const divider = (_b = (0, ComponentPreferences_1.useComponentPreferences)()) === null || _b === void 0 ? void 0 : _b.divider;
-    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, Object.assign({ gap: 2 }, props, { children: [showOpening && (0, jsx_runtime_1.jsx)(OpeningMessageView_1.default, { isMessagesEmpty: !(messages === null || messages === void 0 ? void 0 : messages.length) }), messages === null || messages === void 0 ? void 0 : messages.map((message, index) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(MessageView_1.default, { message: message }, message.taskId), divider && index !== messages.length - 1 ? (0, jsx_runtime_1.jsx)(material_1.Divider, { sx: { my: 2 } }) : undefined] })))] })));
+    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, Object.assign({ gap: 2 }, props, { children: [showOpening && (0, jsx_runtime_1.jsx)(OpeningMessageView_1.default, { isMessagesEmpty: !(messages === null || messages === void 0 ? void 0 : messages.length) }), messages === null || messages === void 0 ? void 0 : messages.map((message, index) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(MessageView_1.default, { message: message }, message.id), divider && index !== messages.length - 1 ? (0, jsx_runtime_1.jsx)(material_1.Divider, { sx: { my: 2 } }) : undefined] })))] })));
 }
 exports.default = MessagesView;

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

@@ -16,10 +16,10 @@ function UserMessageView() {
     const { agent } = (0, CurrentAgent_1.useCurrentAgent)();
     const params = (0, react_1.useMemo)(() => {
         var _a;
-        const inputs = (_a = agent.parameters) === null || _a === void 0 ? void 0 : _a.filter(agent_inputs_1.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(agent_inputs_1.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 (0, jsx_runtime_1.jsx)(MarkdownRenderer_1.default, { children: (_a = params[0]) === null || _a === void 0 ? void 0 : _a[1] });
     }

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

@@ -33,11 +33,12 @@ function SimpleOutput() {
     if (!(outputs === null || outputs === void 0 ? void 0 : outputs.length))
         return null;
     return ((0, jsx_runtime_1.jsx)(material_1.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 === types_1.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 ((0, jsx_runtime_1.jsx)(CustomComponentRenderer_1.default, { instanceId: output.id, componentId: output.appearance.componentId, properties: output.appearance.componentProperties, props: Object.assign({ output, outputValue: value, writing: output.name === types_1.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[types_1.RuntimeOutputVariable.text])) === null || _d === void 0 ? void 0 : _d[types_1.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 ((0, jsx_runtime_1.jsx)(CustomComponentRenderer_1.default, { instanceId: output.id, componentId: output.appearance.componentId, properties: output.appearance.componentProperties, props: Object.assign({ output, outputValue: value, writing: output.name === types_1.RuntimeOutputVariable.text && message.loading }, (((_h = output === null || output === void 0 ? void 0 : output.appearance) === null || _h === void 0 ? void 0 : _h.componentProps) || {})) }, output.id));
         }) }));
 }
 exports.default = SimpleOutput;

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

@@ -45,8 +45,8 @@ function OutputView(_a) {
     return ((0, jsx_runtime_1.jsx)(material_1.Stack, Object.assign({ gap: 2, mt: 4 }, props, { children: lastMessage && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [resultTitle && ((0, jsx_runtime_1.jsx)(material_1.Typography, { width: "100%", component: "h5", fontSize: 36, fontWeight: 700, textAlign: "center", children: (0, jsx_runtime_1.jsx)(react_wrap_balancer_1.default, { children: resultTitle }) })), (0, jsx_runtime_1.jsx)(material_1.Stack, { children: (0, jsx_runtime_1.jsx)(OutputItemView, { message: lastMessage }) })] })) })));
 }
 const OutputItemView = (0, react_1.memo)(({ message }) => {
-    const { appearanceOutput } = (0, use_appearances_1.default)({ agentId: message.assistantId });
+    const { appearanceOutput } = (0, use_appearances_1.default)({ agentId: message.agentId });
     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.jsx)(react_1.Suspense, { children: (0, jsx_runtime_1.jsx)(CustomComponentRenderer_1.default, { componentId: appearanceOutput.componentId, properties: appearanceOutput.componentProperties }) }) }) }));
+    return ((0, jsx_runtime_1.jsx)(CurrentAgent_1.default, { agentId: message.agentId, 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)(CustomComponentRenderer_1.default, { componentId: appearanceOutput.componentId, properties: appearanceOutput.componentProperties }) }) }) }));
 });

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

@@ -30,7 +30,7 @@ function SuggestedQuestionsView({ output, outputValue, onlyLastMessage, }) {
     var _a;
     const { message } = (_a = (0, CurrentMessage_1.useCurrentMessage)({ optional: true })) !== null && _a !== void 0 ? _a : {};
     const lastMessage = (0, session_1.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 = (0, react_1.useMemo)(() => {
         const result = suggestedQuestionsSchema.validate(outputValue, { allowUnknown: true });
         if (result.error)
@@ -42,7 +42,7 @@ function SuggestedQuestionsView({ output, outputValue, onlyLastMessage, }) {
     if (!message || (!isLastMessage && onlyLastMessage) || !(questions === null || questions === void 0 ? void 0 : questions.length))
         return null;
     return ((0, jsx_runtime_1.jsx)(OutputFieldContainer_1.default, { output: output, children: (0, jsx_runtime_1.jsx)(material_1.Stack, { gap: 1, children: questions.map((item) => ((0, jsx_runtime_1.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))) }) }));
 }
 exports.default = SuggestedQuestionsView;

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

@@ -126,7 +126,7 @@ function useInitialFormValues() {
     const [lastInputs, setLastInputs] = (0, react_2.useState)();
     (0, react_2.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 (!(0, isEmpty_1.default)(lastParameters))
                 setLastInputs(lastParameters);
         }

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

@@ -44,9 +44,9 @@ 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',
@@ -213,7 +213,7 @@ function V0Output() {
                         border: 1,
                         borderColor: 'rgba(0, 0, 0, 0.1) !important',
                     },
-                }, children: [(0, jsx_runtime_1.jsx)(UserQuestion_1.default, { question: parameters === null || parameters === void 0 ? void 0 : parameters.question }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                }, children: [(0, jsx_runtime_1.jsx)(UserQuestion_1.default, { question: inputs === null || inputs === void 0 ? void 0 : inputs.question }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
                             display: 'flex',
                             alignItems: 'center',
                             gap: 1,
@@ -230,7 +230,7 @@ function V0Output() {
                         overflowY: 'auto',
                         scrollbarWidth: 'thin',
                         scrollbarColor: 'grey transparent',
-                    }, propertiesValueMap: propertiesValueMap }) }), objects === null || objects === void 0 ? void 0 : objects.map((item, index) => (0, jsx_runtime_1.jsx)(MessageMetadataRenderer_1.default, { object: item.data }, index)), !isMessageLoading && ((_b = message.result) === null || _b === void 0 ? void 0 : _b.content) && ((0, jsx_runtime_1.jsx)(ShareActions_1.default, { direction: "row", justifyContent: "flex-end", sx: { mt: 2 } })), (0, jsx_runtime_1.jsxs)(react_2.Suspense, { fallback: (0, jsx_runtime_1.jsx)(Loading_1.default, {}), children: [(0, jsx_runtime_1.jsx)(material_1.Drawer, { anchor: isMobile ? 'bottom' : 'right', open: !!code, onClose: onCloseCode, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: Object.assign({ p: 2, pt: 0 }, (isMobile ? { maxHeight: '70vh' } : { maxWidth: '70vw' })), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                    }, propertiesValueMap: propertiesValueMap }) }), objects === null || objects === void 0 ? void 0 : objects.map((item, index) => (0, jsx_runtime_1.jsx)(MessageMetadataRenderer_1.default, { object: item.data }, index)), !isMessageLoading && ((_b = message.outputs) === null || _b === void 0 ? void 0 : _b.content) && ((0, jsx_runtime_1.jsx)(ShareActions_1.default, { direction: "row", justifyContent: "flex-end", sx: { mt: 2 } })), (0, jsx_runtime_1.jsxs)(react_2.Suspense, { fallback: (0, jsx_runtime_1.jsx)(Loading_1.default, {}), children: [(0, jsx_runtime_1.jsx)(material_1.Drawer, { anchor: isMobile ? 'bottom' : 'right', open: !!code, onClose: onCloseCode, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: Object.assign({ p: 2, pt: 0 }, (isMobile ? { maxHeight: '70vh' } : { maxWidth: '70vw' })), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
                                         py: 2,
                                         position: 'sticky',
                                         top: 0,

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

@@ -186,18 +186,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);
     (0, react_2.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]);
@@ -243,7 +243,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 ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
                                     display: 'flex',
@@ -252,7 +252,7 @@ function V0DetailRender() {
                                     gap: 1,
                                 }, children: (0, jsx_runtime_1.jsxs)(material_1.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/cjs/builtin/async/ai-runtime/runtime-components/V0/components/CodePreview.js

@@ -66,9 +66,9 @@ function RetryComponent({ message, tip }) {
                             } }) })] }), (0, jsx_runtime_1.jsx)(LoadingButton_1.default, { 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,
@@ -119,7 +119,7 @@ function CodeRenderByMessage({ zoom, message, minHeight = 200, sx, propertiesVal
             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 = (0, react_2.useCallback)(() => {
         var _a, _b, _c, _d;
         if (isMessageLoading) {
@@ -130,10 +130,10 @@ function CodeRenderByMessage({ zoom, message, minHeight = 200, sx, propertiesVal
                     alignItems: 'center',
                 }, children: (0, jsx_runtime_1.jsx)(Loading_1.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 (0, jsx_runtime_1.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
@@ -141,16 +141,16 @@ function CodeRenderByMessage({ zoom, message, minHeight = 200, sx, propertiesVal
             return ((0, jsx_runtime_1.jsx)(exports.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 ((0, jsx_runtime_1.jsx)(material_1.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: (0, jsx_runtime_1.jsx)(ContentRender, {}) }, message === null || message === void 0 ? void 0 : message.taskId));
+            } }), children: (0, jsx_runtime_1.jsx)(ContentRender, {}) }, message === null || message === void 0 ? void 0 : message.id));
 }
 exports.CodeRenderByMessage = CodeRenderByMessage;
 exports.CodeRenderByMessageMemo = (0, react_2.memo)(CodeRenderByMessage);
 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];
 }
 exports.getCurrentCodeByTaskId = getCurrentCodeByTaskId;

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

@@ -9,21 +9,21 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAgentState = exports.createAgentState = void 0;
+exports.useAgentState = void 0;
 const zustand_1 = require("zustand");
 const immer_1 = require("zustand/middleware/immer");
 const agent_1 = require("../api/agent");
 const Runtime_1 = require("../contexts/Runtime");
 const zustand_2 = require("../utils/zustand");
-const createAgentState = ({ aid, working, agent }) => {
-    return (0, zustand_2.createCachedStore)(`agent-state-${aid}-${working}`, () => (0, zustand_1.create)()((0, immer_1.immer)((set) => ({
+const createAgentState = ({ blockletDid, aid, working, agent, }) => {
+    return (0, zustand_2.createCachedStore)(`agent-state-${blockletDid}-${aid}-${working}`, () => (0, zustand_1.create)()((0, immer_1.immer)((set) => ({
         agent,
         load: () => __awaiter(void 0, void 0, void 0, function* () {
             set((state) => {
                 state.loading = true;
             });
             try {
-                const agent = yield (0, agent_1.getAgent)({ aid, working });
+                const agent = yield (0, agent_1.getAgent)({ blockletDid, aid, working });
                 set((state) => {
                     state.agent = agent;
                 });
@@ -42,16 +42,15 @@ const createAgentState = ({ aid, working, agent }) => {
         }),
     }))));
 };
-exports.createAgentState = createAgentState;
 const LOADING_TASKS = {};
-function useAgentState({ aid, working }) {
+function useAgentState({ blockletDid, aid, working, }) {
     var _a;
     const runtimeState = (0, Runtime_1.useRuntimeContext)();
-    const state = (0, exports.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];
     }