@blocklet/pages-kit 0.2.286 → 0.2.287

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

@@ -0,0 +1,66 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from '@iconify/react';
+import { Box, Button, Stack, Tooltip } 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 { useSessionState } from '../../state/session';
+import { ActionButton } from '../ActionButton';
+import { MessageMetadataRenderer } from '../common';
+import Lottie from '../lottie';
+import MarkdownRenderer from '../MarkdownRenderer';
+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 }) })) }) })] })));
+}
+function ResultView({ sessionId }) {
+    var _a, _b, _c, _d;
+    const { t } = useLocaleContext();
+    const [, _e] = useSessionState({ sessionId }), { messages = [] } = _e, state = __rest(_e, ["messages"]);
+    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 }) }) })] }));
+}

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

@@ -0,0 +1,25 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useSubscribeLink } from '../../hooks/subscribe';
+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 })] }));
+}

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

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Divider, Stack } from '@mui/material';
+import { useAssistantState } from '../../state/assistant';
+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 }) })] })] }));
+}

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

@@ -0,0 +1,59 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { useEffect, useState } from 'react';
+import { useSessionContext } from '../../../../session';
+import { createSession, getSessions } from '../../api/session';
+import { useAssistantState } from '../../state/assistant';
+import { createSessionState } from '../../state/session';
+import { parseIdentity } from '../../utils';
+import { globalLoadingState } from '../GlobalLoading';
+export default function CheckSession({ assistantId, sessionId, autoCreateSession, children, navigate, }) {
+    useAssistantState({ assistantId });
+    const { session: authSession } = useSessionContext();
+    const [done, setDone] = useState(false);
+    const [error, setError] = useState();
+    useEffect(() => {
+        if (!authSession.user)
+            return;
+        globalLoadingState.getState().run(() => __awaiter(this, void 0, void 0, function* () {
+            var _a;
+            try {
+                if (!sessionId) {
+                    if (authSession.user) {
+                        const { sessions } = yield getSessions(parseIdentity(assistantId, { rejectWhenError: true }));
+                        const session = (_a = sessions[0]) !== null && _a !== void 0 ? _a : (autoCreateSession ? (yield createSession({ assistantId })).created : undefined);
+                        if (session) {
+                            yield createSessionState({ sessionId: session.id, session }).getState().load();
+                            navigate === null || navigate === void 0 ? void 0 : navigate({ page: 'session', assistantId, sessionId: session.id });
+                        }
+                    }
+                }
+                else {
+                    const state = createSessionState({ sessionId });
+                    yield state.getState().load();
+                }
+                setDone(true);
+            }
+            catch (error) {
+                if (sessionId) {
+                    navigate === null || navigate === void 0 ? void 0 : navigate({ page: 'assistant', assistantId, sessionId: undefined }, { replace: true });
+                }
+                else {
+                    setError(error);
+                }
+            }
+        }));
+    }, [assistantId, sessionId, authSession.user]);
+    if (error)
+        throw error;
+    if (authSession.loading)
+        return null;
+    return done && children;
+}

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

@@ -0,0 +1,88 @@
+"use strict";
+// import { Box, CircularProgress, Stack, Typography } from '@mui/material';
+// import { useEffect } from 'react';
+// import { RelativeTime } from 'src/builtin/arcblock/ux';
+// import { useLocaleContext } from 'src/builtin/locale';
+// import { Session } from '../../api/session';
+// import { useNavigateTo } from '../../hooks/navigate';
+// import { createState } from '../../state';
+// import Layout from '../layout';
+// export default function SessionListView({ releaseId }: { releaseId: string }) {
+//   const { t } = useLocaleContext();
+//   const state = createState({ releaseId })();
+//   useEffect(() => {
+//     if (!state.sessions?.length) {
+//       state.getAssistant();
+//     } else {
+//       state.getSessions();
+//     }
+//   }, []);
+//   return (
+//     <Layout>
+//       <Typography
+//         component="h1"
+//         textAlign="center"
+//         sx={{
+//           fontWeight: 700,
+//           fontSize: 32,
+//           lineHeight: '44px',
+//           mt: 5,
+//           mb: 2.5,
+//         }}>
+//         {t('history')}
+//       </Typography>
+//       {!state.sessions?.length && (
+//         <Stack alignItems="center" gap={0.5} mt="10vh" mx={3}>
+//           {state.loading ? (
+//             <CircularProgress size={24} />
+//           ) : (
+//             <>
+//               <Typography fontSize={18}>💬</Typography>
+//               <Typography fontSize={12} sx={{ color: 'text.secondary' }}>
+//                 {t('noData', { data: t('history') })}
+//               </Typography>
+//             </>
+//           )}
+//         </Stack>
+//       )}
+//       <Stack gap={2.5}>
+//         {state.sessions?.map((session) => <SessionItemView key={session.id} session={session} />)}
+//       </Stack>
+//     </Layout>
+//   );
+// }
+// function SessionItemView({ session }: { session: Session }) {
+//   const { locale } = useLocaleContext();
+//   const to = useNavigateTo();
+//   return (
+//     <Stack
+//       component={RouterLink}
+//       to={to({ page: 'session', sessionId: session.id })}
+//       gap={1.5}
+//       sx={{
+//         bgcolor: 'background.paper',
+//         p: 2.5,
+//         borderRadius: 1,
+//         boxShadow: 1,
+//         cursor: 'pointer',
+//         ':hover': {
+//           boxShadow: 2,
+//         },
+//       }}>
+//       <Box
+//         sx={{
+//           display: '-webkit-box',
+//           WebkitBoxOrient: 'vertical',
+//           WebkitLineClamp: 3,
+//           overflow: 'hidden',
+//           fontSize: 18,
+//           lineHeight: '32px',
+//         }}>
+//         {session.name || session.entry?.title}
+//       </Box>
+//       <Typography color="text.secondary">
+//         <RelativeTime locale={locale} value={session.updatedAt} relativeRange={600e3} />
+//       </Typography>
+//     </Stack>
+//   );
+// }

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

@@ -0,0 +1,2 @@
+export const AI_STUDIO_DID = 'z8iZpog7mcgcgBZzTiXJCWESvmnRrQmnd3XBB';
+export const PAYMENT_KIT_DID = 'z2qaCNvKMv5GjouKdcDWexv6WqtHbpNPQDnAk';

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

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '@mui/material';
+import { useEffect } from 'react';
+import { useHeaderState } from '../../../page/header';
+import SocialShare from '../components/SocialShare';
+export function useSetHeader({ assistant }) {
+    // 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.brand = (release === null || release === void 0 ? void 0 : release.title) || assistant.name;
+            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];
+        });
+        return () => useHeaderState.setState((state) => {
+            state.logo = undefined;
+            state.brand = undefined;
+            state.addons = (...exists) => [...exists];
+        });
+    }, []);
+}

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

@@ -0,0 +1,31 @@
+import { useCallback, useMemo } from 'react';
+import { useLocation, useNavigate } from 'react-router-dom';
+import { getQuery, withQuery } from 'ufo';
+export function useNavigateTo() {
+    const location = useLocation();
+    return useCallback((query) => withQuery(`${location.pathname}${location.search}`, query), [location]);
+}
+export function useNavigateWithQuery() {
+    const to = useNavigateTo();
+    const navigate = useNavigate();
+    return useCallback((query, options) => {
+        navigate(to(Object.assign(Object.assign({}, query), { page: query.page === 'assistant' ? undefined : query.page })), options);
+    }, [navigate, to]);
+}
+const PAGES = ['assistant', 'session'];
+function isCurrentPage(page) {
+    return PAGES.includes(page);
+}
+export function useCurrentPage(page) {
+    const { search } = useLocation();
+    const { page: pageParam, assistantId, sessionId, } = useMemo(() => getQuery(search), [search]);
+    const navigate = useNavigateWithQuery();
+    const currentPage = isCurrentPage(pageParam) ? pageParam : 'assistant';
+    if (page && page !== currentPage)
+        throw new Error('Invalid page state');
+    if (currentPage === 'assistant' && assistantId)
+        return { page: currentPage, assistantId, navigate };
+    if (currentPage === 'session' && assistantId && sessionId)
+        return { page: currentPage, assistantId, sessionId, navigate };
+    throw new Error('Not Found: missing required query');
+}

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

@@ -0,0 +1,31 @@
+import { joinURL, withQuery } from 'ufo';
+import { useSessionContext } from '../../../session';
+import { getComponentMountPoint } from '../../../utils';
+import { PAYMENT_KIT_DID } from '../constants';
+import { useAssistantState } from '../state/assistant';
+import { useSubscriptionState } from '../state/subscription';
+export function useSubscribeLink({ assistantId }) {
+    var _a, _b, _c;
+    const [, state] = useSubscriptionState({ aid: assistantId });
+    const [assistant] = useAssistantState({ assistantId });
+    const { session } = useSessionContext();
+    const requireSubscribe = ((_b = (_a = assistant.release) === null || _a === void 0 ? void 0 : _a.payment) === null || _b === void 0 ? void 0 : _b.enable) && !state.subscription;
+    const subscribeLink = requireSubscribe && session.user && ((_c = state.release) === null || _c === void 0 ? void 0 : _c.paymentLinkId)
+        ? getSubscribeLink({
+            aid: assistantId,
+            userId: session.user.did,
+            paymentLinkId: state.release.paymentLinkId,
+        })
+        : undefined;
+    return {
+        requireSubscribe,
+        subscribeLink,
+    };
+}
+function getSubscribeLink({ aid, userId, paymentLinkId }) {
+    return withQuery(joinURL('/', getComponentMountPoint(PAYMENT_KIT_DID), '/checkout/pay', paymentLinkId), {
+        'metadata.aid': aid,
+        'metadata.userId': userId,
+        redirect: window.location.href,
+    });
+}

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

@@ -0,0 +1,66 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Stack } from '@mui/material';
+import { useCallback, useMemo, useState } from 'react';
+import { getQuery } from '../../utils';
+import { getAssistant } from './api/assistant';
+import { ChatBot as ChatBotWrapper } from './components/common';
+import RuntimeChat from './components/runtime-chat';
+import RuntimeForm from './components/runtime-form';
+import RuntimeProvider from './components/RuntimeProvider';
+import ScrollView from './components/ScrollView';
+import CheckSession from './components/session/CheckSession';
+import { useSetHeader } from './hooks/header';
+import { useCurrentPage, useNavigateWithQuery } from './hooks/navigate';
+import { createAssistantState, useAssistantState } from './state/assistant';
+import { parseIdentity } from './utils';
+export function getServerSideProps() {
+    return __awaiter(this, void 0, void 0, function* () {
+        const query = getQuery(globalThis.location.href);
+        const assistantId = typeof query.assistantId === 'string' ? query.assistantId : undefined;
+        const identity = assistantId ? parseIdentity(assistantId) : undefined;
+        const assistant = identity && (yield getAssistant(identity));
+        return { props: { preload: assistantId ? { assistantId, assistant } : undefined } };
+    });
+}
+export default function AIRuntime({ preload }) {
+    const { assistantId, sessionId } = useCurrentPage();
+    const navigate = useNavigateWithQuery();
+    useMemo(() => {
+        // preload assistant from server side props
+        if (preload)
+            createAssistantState(preload);
+    }, []);
+    return (_jsx(RuntimeProvider, { children: _jsx(CheckSession, { assistantId: assistantId, sessionId: sessionId, navigate: navigate, children: _jsx(ScrollView, { scroller: "window", initialScrollBehavior: "auto", children: _jsx(Stack, { flexGrow: 1, height: "100%", className: "ai-runtime-root", children: _jsx(Main, {}) }) }) }) }));
+}
+function Main() {
+    var _a;
+    const page = useCurrentPage();
+    const [assistant] = useAssistantState({ assistantId: page.assistantId });
+    useSetHeader({ assistant });
+    if (((_a = assistant.release) === null || _a === void 0 ? void 0 : _a.template) === 'form') {
+        return _jsx(RuntimeForm, { page: page });
+    }
+    return _jsx(RuntimeChat, { page: page });
+}
+export function ChatBot(props) {
+    if (!props.assistantId)
+        throw new Error('Missing required parameter assistantId');
+    const navigate = useCallback((page) => {
+        setPage((state) => (Object.assign(Object.assign({}, state), page)));
+    }, []);
+    const [page, setPage] = useState({
+        page: 'assistant',
+        assistantId: props.assistantId,
+        navigate,
+    });
+    return (_jsx(RuntimeProvider, { children: _jsx(CheckSession, { assistantId: props.assistantId, autoCreateSession: true, navigate: page.navigate, children: _jsx(ChatBotWrapper, Object.assign({}, props, { children: _jsx(RuntimeChat, { page: page }) })) }) }));
+}

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

@@ -0,0 +1,144 @@
+export const translations = {
+    en: {
+        socialShare: {
+            shareToX: 'Share to X',
+            shareToTelegram: 'Share to Telegram',
+            shareToReddit: 'Share to Reddit',
+            shareToWeibo: 'Share to Weibo',
+            shareToFacebook: 'Share to Facebook',
+            shareToLinkedin: 'Share to Linkedin',
+            copyLink: 'Copy Link',
+        },
+        questionPlaceholder: 'Ask Anything...',
+        parameters: 'Parameters',
+        parametersTitle: 'Tell me what do you want?',
+        parametersSetting: 'Setting',
+        clearSession: 'Clear Session',
+        generate: 'Generate',
+        startChat: 'Start Chat',
+        collections: 'Collections',
+        collection: 'Collection',
+        collectionName: 'Collection Name',
+        document: 'Document',
+        rename: 'Rename',
+        delete: 'Delete',
+        confirmDelete: 'Confirm Delete?',
+        noData: 'No {data} yet',
+        createObject: 'Create {object}',
+        title: 'Title',
+        titlePlaceholder: 'Title',
+        content: 'Content',
+        contentPlaceholder: 'Write anything...',
+        cancel: 'Cancel',
+        save: 'Save',
+        edit: 'Edit',
+        chat: 'Chat',
+        subscribeNow: 'Subscribe Now',
+        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:
+
+  - Unlock all features and tools
+  - Support us to continue to provide quality services
+
+  Pricing: {price} ABT/Message
+
+  Subscribe now to unlock more possibilities!`,
+        requireNewSubscriptionFooter: 'You need to subscribe to access this feature:',
+        thanksForSubscription: 'Thanks for subscribing, now you can start enjoying it!',
+        clickTheButton: 'Click The Button 👉',
+        cleanSessionTip: 'Clean conversation messages',
+        poweredBy: 'Powered by',
+        selectPromptToStart: 'Select a prompt to get started',
+        history: 'History',
+        unnamed: 'Unnamed',
+        newObject: 'New {object}',
+        editObject: 'Edit {object}',
+        name: 'Name',
+        description: 'Description',
+        create: 'Create',
+        back: 'Back',
+        unauthorized: 'Unauthorized',
+        unauthorizedDescription: 'Please log in to visit this page',
+        login: 'Login',
+        copy: 'Copy',
+        copied: 'Copied',
+        copyToClipboard: 'Copy to clipboard',
+        saveToNoteTip: 'Save to collection',
+        saveToNote: 'Save',
+        savedToNote: 'Saved as a new document',
+        uploadFile: 'Upload File',
+        submit: 'Submit',
+    },
+    zh: {
+        socialShare: {
+            shareToX: '分享到 X',
+            shareToTelegram: '分享到 Telegram',
+            shareToReddit: '分享到 Reddit',
+            shareToWeibo: '分享到 微博',
+            shareToFacebook: '分享到 Facebook',
+            shareToLinkedin: '分享到 Linkedin',
+            copyLink: '复制链接',
+        },
+        questionPlaceholder: '问点什么...',
+        parameters: '参数',
+        parametersTitle: '告诉我你想要什么？',
+        parametersSetting: '设置',
+        clearSession: '清空对话',
+        generate: '生成',
+        startChat: '开始对话',
+        collections: '知识库',
+        collection: '知识库',
+        collectionName: '知识库名称',
+        document: '文档',
+        rename: '重命名',
+        delete: '删除',
+        confirmDelete: '确定删除？',
+        noData: '暂无{data}',
+        createObject: '创建{object}',
+        title: '标题',
+        titlePlaceholder: '标题',
+        content: '内容',
+        contentPlaceholder: '写点什么吧...',
+        cancel: '取消',
+        save: '保存',
+        edit: '编辑',
+        chat: '对话',
+        subscribeNow: '立即订阅',
+        requireNewSubscription: `感谢您使用我们的服务！
+
+  为了获得更多功能和专属内容，请订阅我们的服务。订阅后，您将享有以下特权：
+
+  - 解锁全部功能和工具
+  - 支持我们持续提供优质服务
+
+  价格： {price} ABT/次对话
+
+  立即订阅以解锁更多可能性！`,
+        requireNewSubscriptionFooter: '您需要订阅才能访问此功能：',
+        thanksForSubscription: '感谢您的订阅，现在，您可以开始尽情体验了！',
+        clickTheButton: '点我生成 👉',
+        cleanSessionTip: '清除会话消息记录',
+        poweredBy: '技术支持源自',
+        selectPromptToStart: '选择一个提示词开始吧',
+        history: '历史记录',
+        unnamed: '未命名',
+        newObject: '新建{object}',
+        editObject: '编辑{object}',
+        name: '名称',
+        description: '描述',
+        create: '创建',
+        back: '返回',
+        unauthorized: '未登录',
+        unauthorizedDescription: '请登录后访问该页面',
+        login: '登录',
+        copy: '复制',
+        copied: '已复制',
+        copyToClipboard: '复制到剪贴板',
+        saveToNoteTip: '保存到知识库',
+        saveToNote: '保存',
+        savedToNote: '已保存到知识库',
+        uploadFile: '上传文件',
+        submit: '提交',
+    },
+};

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

@@ -0,0 +1,54 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { create } from 'zustand';
+import { immer } from 'zustand/middleware/immer';
+import { getAssistant } from '../api/assistant';
+const STATES = {};
+export const createAssistantState = ({ assistantId, assistant }) => {
+    var _a;
+    (_a = STATES[assistantId]) !== null && _a !== void 0 ? _a : (STATES[assistantId] = create()(immer((set) => ({
+        assistant,
+        load: () => __awaiter(void 0, void 0, void 0, function* () {
+            set((state) => {
+                state.loading = true;
+            });
+            try {
+                const assistant = yield getAssistant({ assistantId });
+                set((state) => {
+                    state.assistant = assistant;
+                });
+            }
+            catch (error) {
+                console.error(error);
+                set((state) => {
+                    state.error = error;
+                });
+            }
+            finally {
+                set((state) => {
+                    state.loading = false;
+                });
+            }
+        }),
+    }))));
+    return STATES[assistantId];
+};
+const LOADING_TASKS = {};
+export function useAssistantState({ assistantId }) {
+    var _a;
+    const state = createAssistantState({ assistantId })();
+    if (!state.assistant) {
+        if (state.error)
+            throw state.error;
+        (_a = LOADING_TASKS[assistantId]) !== null && _a !== void 0 ? _a : (LOADING_TASKS[assistantId] = state.load());
+        throw LOADING_TASKS[assistantId];
+    }
+    return [state.assistant, state];
+}