@blocklet/pages-kit 0.2.288 → 0.2.290

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

@@ -19,11 +19,12 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Alert, Box, Stack } from '@mui/material';
+import { Icon } from '@iconify/react';
+import { Alert, Box, Button, Collapse, Stack, useMediaQuery, useTheme } from '@mui/material';
+import isEmpty from 'lodash/isEmpty';
 import { Suspense, useEffect, useMemo, useState } from 'react';
 import { useForm } from 'react-hook-form';
 import { useLocaleContext } from '../../../../locale';
-import { alpha } from '../../../../mui/material';
 import { useSessionContext } from '../../../../session';
 import { createSession } from '../../api/session';
 import { useAssistantState } from '../../state/assistant';
@@ -35,7 +36,13 @@ export default function RuntimeFormForms(_a) {
     var _b, _c, _d;
     var { page } = _a, props = __rest(_a, ["page"]);
     const { t } = useLocaleContext();
+    const theme = useTheme();
+    const isMobile = useMediaQuery(theme.breakpoints.down('sm'));
     const [agent] = useAssistantState({ assistantId: page.assistantId });
+    const spacing = {
+        md: 2.5,
+        xs: 2,
+    };
     const lastParameters = useMemo(() => {
         var _a;
         if (page.sessionId) {
@@ -54,6 +61,7 @@ export default function RuntimeFormForms(_a) {
     }, [agent.parameters, lastParameters]);
     const form = useForm({ defaultValues: defaultForm });
     const [error, setError] = useState();
+    const [expand, setExpand] = useState(false);
     const { session } = useSessionContext();
     const [submitting, setSubmitting] = useState(false);
     useEffect(() => {
@@ -89,26 +97,37 @@ export default function RuntimeFormForms(_a) {
         }
     });
     const handleSubmit = (e) => __awaiter(this, void 0, void 0, function* () {
+        var _e;
         e.preventDefault();
         if (!session.user) {
             yield new Promise((resolve) => {
                 session.login(() => resolve());
             });
         }
+        (_e = agent.parameters) === null || _e === void 0 ? void 0 : _e.some((parameter) => {
+            if (parameter.required && isEmpty(form.getValues(parameter.key))) {
+                setExpand(true);
+                return true;
+            }
+            return false;
+        });
+        // focus the first error field
+        form.trigger();
         return form.handleSubmit(onSubmit)(e);
     });
     const openerMessage = (_b = agent.release) === null || _b === void 0 ? void 0 : _b.openerMessage;
-    return (_jsxs(Stack, Object.assign({ gap: 10, component: "form" }, props, { onSubmit: handleSubmit, children: [_jsxs(Stack, { gap: 2, children: [_jsx(Stack, { sx: { fontSize: 32, py: 2.5, mb: -2 }, children: "\uD83D\uDC69\uD83C\uDFFB\u200D\uD83D\uDCBB" }), openerMessage && _jsx(Box, { sx: { color: 'text.secondary' }, children: openerMessage }), _jsx(ParameterFormFields, { parameters: agent.parameters, form: form })] }), _jsx(Suspense, { children: _jsxs(Stack, { sx: {
-                        gap: 1,
-                        position: 'sticky',
-                        bottom: 0,
-                        pb: 1,
-                        pt: 1,
-                        // 从上透明到白色 0.72 的径向渐变
-                        background: (theme) => `linear-gradient(180deg, ${alpha(theme.palette.background.default, 0.1)}, ${alpha(theme.palette.background.default, 1)} 5%)`,
-                    }, children: [error && _jsx(Alert, { severity: "error", children: error.message }), _jsx(RuntimeFormSubmit, { page: page, type: "submit", variant: "contained", fullWidth: true, loading: submitting, sx: {
-                                borderRadius: 100,
-                                height: 44,
-                                background: 'linear-gradient(90deg, rgb(69, 228, 250) 0%, rgb(138, 69, 250) 52.08%, rgb(250, 69, 188) 100%)',
-                            }, children: ((_d = (_c = agent.release) === null || _c === void 0 ? void 0 : _c.submitButton) === null || _d === void 0 ? void 0 : _d.title) || t('submit') })] }) })] })));
+    return (_jsxs(Stack, Object.assign({ component: "form" }, props, { onSubmit: handleSubmit, children: [isMobile && (_jsx(Button, { sx: { minWidth: 0, px: 4, py: 0, opacity: 0.7, color: 'text.secondary' }, onClick: () => setExpand(!expand), children: _jsx(Box, { component: Icon, icon: "tabler:chevron-compact-up", sx: {
+                        fontSize: 24,
+                        transform: `rotateX(${expand ? '180deg' : '0deg'})`,
+                        transition: 'transform .3s ease-in-out',
+                    } }) })), _jsx(Collapse, { in: expand || !isMobile, orientation: "vertical", sx: {
+                    maxHeight: isMobile ? undefined : '40vh',
+                    overflowY: 'auto',
+                }, children: _jsxs(Stack, { gap: 2, children: [openerMessage && _jsx(Box, { sx: { color: 'text.secondary', px: spacing }, children: openerMessage }), _jsx(ParameterFormFields, { parameters: agent.parameters, form: form, sx: { pb: 2, px: spacing } })] }) }), _jsx(Suspense, { children: _jsxs(Stack, { gap: 2, sx: {
+                        px: spacing,
+                    }, children: [error && _jsx(Alert, { severity: "error", children: error.message }), _jsx(RuntimeFormSubmit, { page: page, type: "submit", variant: "contained", fullWidth: true, loading: submitting, 
+                            // @ts-ignore
+                            color: "black", sx: {
+                                height: 40,
+                            }, children: ((_d = (_c = agent.release) === null || _c === void 0 ? void 0 : _c.submitButton) === null || _d === void 0 ? void 0 : _d.title) || t('send') })] }) })] })));
 }

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

@@ -11,9 +11,20 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Stack, Typography } from '@mui/material';
+import Balancer, { Provider } from 'react-wrap-balancer';
 import { Avatar } from '../../../../arcblock/ux';
 export default function RuntimeFormHeader(_a) {
     var _b, _c, _d;
     var { agent } = _a, props = __rest(_a, ["agent"]);
-    return (_jsxs(Stack, Object.assign({ direction: "row", justifyContent: "space-between", alignItems: "center", gap: 2, bgcolor: "rgb(246, 242, 255)" }, props, { children: [_jsxs(Stack, { children: [_jsx(Typography, { component: "h5", sx: { fontSize: 32, fontWeight: 700 }, children: ((_b = agent.release) === null || _b === void 0 ? void 0 : _b.title) || agent.name }), _jsx(Typography, { sx: { fontSize: 16, color: 'rgb(147, 151, 161)' }, children: ((_c = agent.release) === null || _c === void 0 ? void 0 : _c.description) || agent.description })] }), _jsx(Stack, { children: _jsx(Box, { component: Avatar, size: 88, src: (_d = agent.release) === null || _d === void 0 ? void 0 : _d.logo, did: blocklet === null || blocklet === void 0 ? void 0 : blocklet.appId, borderRadius: 1 }) })] })));
+    return (_jsxs(Stack, Object.assign({ direction: {
+            md: 'row',
+            xs: 'column',
+        }, justifyContent: "space-between", alignItems: "center", gap: 2 }, props, { children: [_jsx(Stack, { children: _jsx(Box, { component: Avatar, size: 120, src: (_b = agent.release) === null || _b === void 0 ? void 0 : _b.logo, did: blocklet === null || blocklet === void 0 ? void 0 : blocklet.appId, borderRadius: 1 }) }), _jsx(Provider, { children: _jsxs(Stack, { spacing: 1, sx: {
+                        flex: 1,
+                        lineHeight: '28px',
+                        textAlign: {
+                            md: 'left',
+                            xs: 'center',
+                        },
+                    }, children: [_jsx(Typography, { component: "h5", sx: { fontSize: 18, fontWeight: 600 }, children: _jsx(Balancer, { children: ((_c = agent.release) === null || _c === void 0 ? void 0 : _c.title) || agent.name }) }), _jsx(Typography, { sx: { fontSize: 16, color: 'rgba(75, 85, 99, 1)' }, children: _jsx(Balancer, { children: ((_d = agent.release) === null || _d === void 0 ? void 0 : _d.description) || agent.description }) })] }) })] })));
 }

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

@@ -9,58 +9,20 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Icon } from '@iconify/react';
-import { Box, Button, Stack, Tooltip } from '@mui/material';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box, Stack } from '@mui/material';
 import { Suspense } from 'react';
-import { XIcon } from 'react-share';
-import { withQuery } from 'ufo';
-import { useLocaleContext } from '../../../../locale';
-import lottieJsonErrorUrl from '../../assets/lottie/lottie-error.json?url';
-import lottieJsonLoadingUrl from '../../assets/lottie/lottie-loading.json?url';
-import lottieJsonSuccessUrl from '../../assets/lottie/lottie-success.json?url';
-import lottieJsonWelcomeUrl from '../../assets/lottie/lottie-welcome.json?url';
+import { useAssistantState } from '../../state/assistant';
 import { useSessionState } from '../../state/session';
-import { ActionButton } from '../ActionButton';
-import { MessageMetadataRenderer } from '../common';
-import Lottie from '../lottie';
-import MarkdownRenderer from '../MarkdownRenderer';
+import MessageItemView from '../message/MessageItemView';
 export default function RuntimeFormResult(_a) {
     var { page } = _a, props = __rest(_a, ["page"]);
-    return (_jsxs(Stack, Object.assign({}, props, { children: [_jsx(Stack, { sx: {
-                    px: { xs: 2, sm: 3, md: 4 },
-                    py: 2.5,
-                    bgcolor: 'background.default',
-                    position: { xs: 'unset', md: 'sticky' },
-                    top: 0,
-                    zIndex: 2,
-                    fontSize: 32,
-                }, children: "\uD83E\uDD16" }), _jsx(Box, { sx: { px: { xs: 2, sm: 3, md: 4 } }, children: _jsx(Suspense, { children: page.sessionId ? (_jsx(ResultView, { sessionId: page.sessionId })) : (_jsx(Box, { width: 300, height: 300, m: "auto", mt: "100px", children: _jsx(Lottie, { src: lottieJsonWelcomeUrl }) })) }) })] })));
+    return (_jsx(Stack, Object.assign({}, props, { children: _jsx(Box, { children: _jsx(Suspense, { children: page.sessionId ? _jsx(ResultView, { page: page }) : null }) }) })));
 }
-function ResultView({ sessionId }) {
-    var _a, _b, _c, _d;
-    const { t } = useLocaleContext();
-    const [, _e] = useSessionState({ sessionId }), { messages = [] } = _e, state = __rest(_e, ["messages"]);
+function ResultView({ page }) {
+    const { sessionId, assistantId } = page;
+    const [assistant] = useAssistantState({ assistantId });
+    const [, { messages = [] }] = useSessionState({ sessionId });
     const message = messages[messages.length - 1];
-    const textContent = (_a = message === null || message === void 0 ? void 0 : message.result) === null || _a === void 0 ? void 0 : _a.content;
-    const error = state.error || (message === null || message === void 0 ? void 0 : message.error);
-    if (error) {
-        return (_jsxs(Box, { width: 240, height: 240, m: "auto", mt: "100px", children: [_jsx(Lottie, { src: lottieJsonErrorUrl }), _jsx(Box, { textAlign: "center", color: "#25292F", children: error.message })] }));
-    }
-    if ((message === null || message === void 0 ? void 0 : message.loading) && !textContent) {
-        return (_jsx(Box, { width: 240, height: 240, m: "auto", mt: "100px", children: _jsx(Lottie, { src: lottieJsonLoadingUrl }) }));
-    }
-    if (!message) {
-        return (_jsx(Box, { width: 300, height: 300, m: "auto", mt: "100px", children: _jsx(Lottie, { src: lottieJsonWelcomeUrl }) }));
-    }
-    return (_jsxs(Stack, { gap: 2, children: [textContent && (_jsxs(Box, { sx: {
-                    border: 1,
-                    borderColor: 'grey.200',
-                    borderRadius: 1,
-                    bgcolor: 'grey.100',
-                }, children: [_jsx(Box, { sx: { p: 2 }, children: _jsx(MarkdownRenderer, { className: (message === null || message === void 0 ? void 0 : message.loading) ? 'writing' : '', children: (_b = message === null || message === void 0 ? void 0 : message.result) === null || _b === void 0 ? void 0 : _b.content }) }), !(message === null || message === void 0 ? void 0 : message.loading) && textContent && (_jsxs(Stack, { direction: "row", alignItems: "center", justifyContent: "flex-end", px: 2, pb: 1, gap: 1, children: [_jsx(Box, { children: _jsx(ActionButton, { autoReset: true, size: "small", variant: "text", 
-                                    // @ts-ignore
-                                    color: "black", tip: t('copyToClipboard'), tipSucceed: t('copied'), title: _jsx(Icon, { icon: "tabler:copy", fontSize: 18 }), titleSucceed: _jsx(Icon, { icon: "tabler:copy-check-filled", fontSize: 18 }), sx: { p: 0.5, minWidth: 0, minHeight: 0, color: 'text.secondary' }, onClick: () => {
-                                        window.navigator.clipboard.writeText(textContent);
-                                    } }) }), _jsx(Box, { children: _jsx(Tooltip, { title: t('socialShare.shareToX'), placement: "top", disableInteractive: true, children: _jsx(Button, { sx: { p: 0.5, minWidth: 0, minHeight: 0 }, target: "_blank", href: withQuery('https://twitter.com/intent/tweet', { text: textContent }), children: _jsx(XIcon, { size: 18, borderRadius: 16 }) }) }) })] }))] })), (_d = (_c = message.result) === null || _c === void 0 ? void 0 : _c.objects) === null || _d === void 0 ? void 0 : _d.map((object) => _jsx(MessageMetadataRenderer, { object: object.data }, object.taskId)), _jsx(Box, { display: "flex", justifyContent: "flex-end", mb: "60px", mt: "40px", children: _jsx(Box, { width: 120, height: 120, children: _jsx(Lottie, { src: lottieJsonSuccessUrl }) }) })] }));
+    return (_jsx(Stack, { gap: 2, children: message && (_jsx(MessageItemView, { hideAvatar: true, assistantId: assistantId, assistant: assistant, message: message }, message.taskId)) }));
 }

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

@@ -9,17 +9,9 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useSubscribeLink } from '../../hooks/subscribe';
+import { jsx as _jsx } from "react/jsx-runtime";
 import LoadingButton from '../LoadingButton';
-import PoweredBy from '../PoweredBy';
 export default function RuntimeFormSubmit(_a) {
     var { page } = _a, props = __rest(_a, ["page"]);
-    const { subscribeLink } = useSubscribeLink({ assistantId: page.assistantId });
-    return (_jsxs(_Fragment, { children: [_jsx(LoadingButton, Object.assign({}, props, { onClick: (e) => {
-                    if (subscribeLink) {
-                        e.preventDefault();
-                        window.location.href = subscribeLink;
-                    }
-                } })), _jsx(PoweredBy, { assistantId: page.assistantId })] }));
+    return _jsx(LoadingButton, Object.assign({}, props));
 }

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

@@ -1,16 +1,44 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Divider, Stack } from '@mui/material';
+import { Box, Divider, Stack, useMediaQuery, useTheme } from '@mui/material';
+import { alpha } from '../../../../mui/material';
 import { useAssistantState } from '../../state/assistant';
+import PoweredBy from '../PoweredBy';
 import RuntimeFormForms from './RuntimeFormForms';
 import RuntimeFormHeader from './RuntimeFormHeader';
 import RuntimeFormResult from './RuntimeFormResult';
 export default function RuntimeForm({ page }) {
     const [agent] = useAssistantState({ assistantId: page.assistantId });
-    return (_jsxs(Stack, { sx: { flexGrow: { xs: 'unset', md: 1 } }, children: [_jsx(RuntimeFormHeader, { agent: agent, sx: {
-                    position: 'sticky',
-                    top: 64,
-                    zIndex: 10,
-                    px: { xs: 2, sm: 3, md: 8 },
-                    py: { xs: 2, sm: 3, md: 5 },
-                } }), _jsxs(Stack, { sx: { flexGrow: 1, flexDirection: { xs: 'column', md: 'row' } }, children: [_jsx(Stack, { sx: { flex: 1, px: { xs: 2, sm: 3, md: 4 }, ml: { xs: 0, md: 4 } }, children: _jsx(RuntimeFormForms, { page: page, sx: { position: 'sticky', top: 232 } }) }), _jsx(Divider, { orientation: "vertical", sx: { borderColor: 'grey.200', my: { xs: 2, sm: 3, md: 0 } } }), _jsx(Box, { sx: { flex: 2 }, children: _jsx(RuntimeFormResult, { page: page }) })] })] }));
+    const theme = useTheme();
+    const isMobile = useMediaQuery(theme.breakpoints.down('md'));
+    const spacing = {
+        md: 5,
+        xs: 2,
+    };
+    return (_jsx(Box, { sx: {
+            flex: 1,
+            display: 'flex',
+        }, children: _jsxs(Stack, { divider: _jsx(Divider, { orientation: "vertical", flexItem: true }), direction: {
+                md: 'row',
+                xs: 'column',
+            }, sx: {
+                flex: 1,
+            }, children: [_jsxs(Box, { sx: {
+                        flex: 2,
+                        px: spacing,
+                        py: isMobile ? 4 : spacing,
+                        pb: '0 !important',
+                        display: 'flex',
+                        flexDirection: 'column',
+                        justifyContent: 'space-between',
+                    }, children: [_jsxs(Stack, { gap: isMobile ? spacing : 1, spacing: spacing, children: [_jsx(RuntimeFormHeader, { agent: agent }), _jsx(RuntimeFormResult, { page: page })] }), !isMobile && _jsx(PoweredBy, { assistantId: page.assistantId, sx: { mt: spacing, mb: 0.5, px: 2, pt: 0 } })] }), _jsxs(Box, { sx: {
+                        flex: {
+                            md: 1,
+                            xs: 0,
+                        },
+                        pt: spacing,
+                        position: 'sticky',
+                        bottom: 0,
+                        // 从上透明到白色 0.72 的径向渐变
+                        background: (theme) => `linear-gradient(180deg, ${alpha(theme.palette.background.default, 0.1)}, ${alpha(theme.palette.background.default, 1)} 16px)`,
+                    }, children: [_jsx(RuntimeFormForms, { page: page }), isMobile && _jsx(PoweredBy, { assistantId: page.assistantId, sx: { my: 0.5, px: 2 } })] })] }) }));
 }

package/lib/esm/builtin/async/ai-runtime/hooks/header.js

@@ -1,25 +1,52 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Box } from '@mui/material';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import DID from '@arcblock/ux/lib/DID';
+import { Box, Button } from '@mui/material';
 import { useEffect } from 'react';
+import { Avatar } from '../../../arcblock/ux';
+import { useLocaleContext } from '../../../locale';
 import { useHeaderState } from '../../../page/header';
 import SocialShare from '../components/SocialShare';
-export function useSetHeader({ assistant }) {
+import ThemeProvider from '../components/ThemeProvider';
+import { useSubscribeLink } from './subscribe';
+const logoSize = 44;
+export function useSetHeader({ assistant, assistantId }) {
+    const { subscribeLink, requireSubscribe } = useSubscribeLink({ assistantId });
+    const { t, locale } = useLocaleContext();
     // set logo
     useEffect(() => {
         const { release } = assistant;
         useHeaderState.setState((state) => {
-            state.logo = (release === null || release === void 0 ? void 0 : release.logo) && _jsx(Box, { component: "img", src: release.logo, sx: { borderRadius: 1 } });
+            state.logo = (release === null || release === void 0 ? void 0 : release.logo) && (_jsx(Box, { component: Avatar, size: logoSize, src: release === null || release === void 0 ? void 0 : release.logo, did: blocklet === null || blocklet === void 0 ? void 0 : blocklet.appId, borderRadius: 1, sx: {
+                    width: logoSize,
+                    height: logoSize,
+                } }));
             state.brand = (release === null || release === void 0 ? void 0 : release.title) || assistant.name;
+            state.description = assistant.createdBy && (_jsxs(Box, { sx: {
+                    display: 'inline-flex',
+                    alignItems: 'center',
+                    gap: 0.5,
+                    mt: 0.5,
+                }, children: [t('by'), " ", _jsx(DID, { did: assistant.createdBy, copyable: false })] }));
             const shareContent = `${(release === null || release === void 0 ? void 0 : release.title) || assistant.name}
 
 ${release === null || release === void 0 ? void 0 : release.description}
 `;
-            state.addons = (...exists) => [_jsx(SocialShare, { content: shareContent }), ...exists];
+            state.addons = (...exists) => [
+                _jsx(ThemeProvider, { children: _jsx(Button, { disabled: !requireSubscribe, variant: "outlined", href: subscribeLink, 
+                        // @ts-ignore
+                        color: "black", sx: {
+                            // 字母不大写
+                            textTransform: 'none',
+                        }, children: subscribeLink ? t('subscribe') : t('subscribed') }) }),
+                _jsx(SocialShare, { content: shareContent }),
+                ...exists,
+            ].filter(Boolean);
         });
         return () => useHeaderState.setState((state) => {
             state.logo = undefined;
             state.brand = undefined;
+            state.description = undefined;
             state.addons = (...exists) => [...exists];
         });
-    }, []);
+    }, [locale]);
 }

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

@@ -42,7 +42,7 @@ function AIRuntime({ cacheId, preload }) {
     const page = useCurrentPage();
     const { assistantId } = page;
     const [assistant] = useAssistantState({ assistantId });
-    useSetHeader({ assistant });
+    useSetHeader({ assistant, assistantId });
     useMemo(() => {
         // preload assistant from server side props
         if (preload)

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

@@ -1,6 +1,8 @@
 export const translations = {
     en: {
+        by: 'By',
         socialShare: {
+            title: 'Share',
             shareToX: 'Share to X',
             shareToTelegram: 'Share to Telegram',
             shareToReddit: 'Share to Reddit',
@@ -34,6 +36,8 @@ export const translations = {
         edit: 'Edit',
         chat: 'Chat',
         subscribeNow: 'Subscribe Now',
+        subscribe: 'Subscribe',
+        subscribed: 'Subscribed',
         requireNewSubscription: `Thank you for using our service!
 
   To get more features and exclusive content, please subscribe to our service. After subscribing, you will enjoy the following privileges:
@@ -69,9 +73,12 @@ export const translations = {
         savedToNote: 'Saved as a new document',
         uploadFile: 'Upload File',
         submit: 'Submit',
+        send: 'Send',
     },
     zh: {
+        by: '来自',
         socialShare: {
+            title: '分享',
             shareToX: '分享到 X',
             shareToTelegram: '分享到 Telegram',
             shareToReddit: '分享到 Reddit',
@@ -105,6 +112,8 @@ export const translations = {
         edit: '编辑',
         chat: '对话',
         subscribeNow: '立即订阅',
+        subscribe: '订阅',
+        subscribed: '已订阅',
         requireNewSubscription: `感谢您使用我们的服务！
 
   为了获得更多功能和专属内容，请订阅我们的服务。订阅后，您将享有以下特权：
@@ -140,5 +149,6 @@ export const translations = {
         savedToNote: '已保存到知识库',
         uploadFile: '上传文件',
         submit: '提交',
+        send: '发送',
     },
 };

package/lib/types/builtin/async/ai-runtime/api/assistant.d.ts

@@ -12,6 +12,7 @@ export interface Assistant {
         };
     }[];
     release?: AssistantBase['release'];
+    createdBy?: string;
 }
 export declare function getAssistant({ assistantId: id }: {
     assistantId: string;

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

@@ -1,6 +1,6 @@
 import { LoadingButtonProps } from '@mui/lab';
 import { ReactNode } from 'react';
-export declare function ActionButton({ tip, tipSucceed, title, titleSucceed, icon, iconSucceed, autoReset, ...props }: {
+export declare function ActionButton({ tip, tipSucceed, title, titleSucceed, icon, iconSucceed, autoReset, placement, ...props }: {
     tip?: ReactNode;
     tipSucceed?: ReactNode;
     title?: ReactNode;
@@ -8,4 +8,5 @@ export declare function ActionButton({ tip, tipSucceed, title, titleSucceed, ico
     icon?: ReactNode;
     iconSucceed?: ReactNode;
     autoReset?: boolean;
+    placement?: 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'right-start' | 'right-end' | 'left-start' | 'left-end';
 } & Omit<Partial<LoadingButtonProps>, 'title'>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,9 +1,10 @@
-import { BoxProps } from '@mui/material';
+import { IconButtonProps } from '@mui/material';
 import React from 'react';
-interface Props {
-    sx?: BoxProps;
+interface Props extends IconButtonProps {
+    sx?: any;
     menus?: React.ReactNode | (() => React.ReactNode);
+    MenuProps?: any;
     children?: React.ReactNode;
 }
-export default function MenuButton({ sx, menus, children }: Props): import("react/jsx-runtime").JSX.Element;
+export default function MenuButton({ sx, menus, children, MenuProps, ...restProps }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,17 +1,20 @@
-import { BoxProps } from '@mui/material';
+import { BoxProps, IconButtonProps } from '@mui/material';
 interface SocialShareMenuProps extends BoxProps {
     url?: string;
     content: string;
+    MenuProps?: any;
+    disableCopyLink?: boolean;
 }
 interface SocialShareButtonsProps extends SocialShareMenuProps {
     itemSx?: BoxProps['sx'];
     onClick?: () => void;
     bgFill?: string;
     iconFill?: string;
+    sx?: BoxProps['sx'];
 }
 export default function SocialShare(props: SocialShareMenuProps & SocialShareButtonsProps & {
     type?: 'menu' | 'buttons';
 }): import("react/jsx-runtime").JSX.Element;
-export declare function SocialShareMenu({ url, content, ...restProps }: SocialShareMenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function SocialShareMenu({ url, content, children, MenuProps, disableCopyLink, ...restProps }: SocialShareMenuProps & IconButtonProps): import("react/jsx-runtime").JSX.Element;
 export declare function SocialShareButtons({ url, content, sx, itemSx, onClick, bgFill, iconFill, ...rest }: SocialShareButtonsProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/types/builtin/async/ai-runtime/hooks/header.d.ts

@@ -1,4 +1,5 @@
 import { Assistant } from '../api/assistant';
-export declare function useSetHeader({ assistant }: {
+export declare function useSetHeader({ assistant, assistantId }: {
     assistant: Assistant;
+    assistantId: string;
 }): void;

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

@@ -1,6 +1,8 @@
 export declare const translations: {
     en: {
+        by: string;
         socialShare: {
+            title: string;
             shareToX: string;
             shareToTelegram: string;
             shareToReddit: string;
@@ -34,6 +36,8 @@ export declare const translations: {
         edit: string;
         chat: string;
         subscribeNow: string;
+        subscribe: string;
+        subscribed: string;
         requireNewSubscription: string;
         requireNewSubscriptionFooter: string;
         thanksForSubscription: string;
@@ -60,9 +64,12 @@ export declare const translations: {
         savedToNote: string;
         uploadFile: string;
         submit: string;
+        send: string;
     };
     zh: {
+        by: string;
         socialShare: {
+            title: string;
             shareToX: string;
             shareToTelegram: string;
             shareToReddit: string;
@@ -96,6 +103,8 @@ export declare const translations: {
         edit: string;
         chat: string;
         subscribeNow: string;
+        subscribe: string;
+        subscribed: string;
         requireNewSubscription: string;
         requireNewSubscriptionFooter: string;
         thanksForSubscription: string;
@@ -122,5 +131,6 @@ export declare const translations: {
         savedToNote: string;
         uploadFile: string;
         submit: string;
+        send: string;
     };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/pages-kit",
-  "version": "0.2.288",
+  "version": "0.2.290",
   "description": "Pages Kit components and utils",
   "publishConfig": {
     "access": "public"