@blocklet/pages-kit 0.2.299 → 0.2.301

package/lib/esm/builtin/async/ai-runtime/components/runtime-chat/RuntimeChatHeader.js

@@ -1,34 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Typography } from '@mui/material';
-import Balancer, { Provider } from 'react-wrap-balancer';
-import { Avatar } from '../../../../arcblock/ux';
-export default function RuntimeChatHeader(_a) {
-    var _b, _c, _d, _e;
-    var { assistant } = _a, props = __rest(_a, ["assistant"]);
-    return (_jsx(Box, Object.assign({ className: "ai-chat-header", pt: 10 }, props, { children: _jsxs(Provider, { children: [_jsx(Box, { sx: { display: 'flex', justifyContent: 'center', alignItems: 'center' }, children: _jsx(Box, { component: Avatar, className: "logo", size: 100, did: (_b = globalThis.blocklet) === null || _b === void 0 ? void 0 : _b.appId, src: (_c = assistant.release) === null || _c === void 0 ? void 0 : _c.logo, sx: { borderRadius: 1 } }) }), _jsx(Typography, { component: "h1", sx: {
-                        fontWeight: 'bold',
-                        fontSize: 18,
-                        mt: 1,
-                        lineHeight: '28px',
-                        textAlign: 'center',
-                        color: '#010714',
-                    }, children: _jsxs(Balancer, { children: ["\u200C\u200C\u200C\u200C\u200C\u200C", ((_d = assistant.release) === null || _d === void 0 ? void 0 : _d.title) || (assistant === null || assistant === void 0 ? void 0 : assistant.name)] }) }), _jsx(Typography, { component: "p", sx: {
-                        mt: 2.5,
-                        fontSize: 16,
-                        lineHeight: '28px',
-                        textAlign: 'center',
-                        whiteSpace: 'pre-wrap',
-                        color: '#465566',
-                    }, children: _jsxs(Balancer, { children: ["\u200C\u200C\u200C\u200C\u200C\u200C\u200C", ((_e = assistant.release) === null || _e === void 0 ? void 0 : _e.description) || (assistant === null || assistant === void 0 ? void 0 : assistant.description)] }) })] }) })));
-}

package/lib/esm/builtin/async/ai-runtime/components/runtime-chat/RuntimeChatSession.js

@@ -1,53 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { RuntimeOutputVariable } from '@blocklet/ai-runtime/types';
-import { Box, alpha } from '@mui/material';
-import { useState } from 'react';
-import { useAssistantState } from '../../state/assistant';
-import { useSessionState } from '../../state/session';
-import { MessageSuggestedQuestions } from '../common';
-import ParameterForm from '../form/ParameterForm';
-import MessageErrorView from '../message/MessageErrorView';
-import { MessageItemWrapper } from '../message/MessageItemView';
-import MessageListView from '../message/MessageListView';
-import PoweredBy from '../PoweredBy';
-import { useScrollToBottomModule } from '../ScrollView';
-import { EntryListView } from './InitialForm';
-export default function RuntimeChatSession({ page }) {
-    var _a, _b, _c, _d, _e, _f;
-    const [session, state] = useSessionState({ sessionId: page.sessionId, required: true });
-    const [assistant] = useAssistantState({ assistantId: page.assistantId });
-    const lastMessage = (_a = state.messages) === null || _a === void 0 ? void 0 : _a.slice(-1)[0];
-    const suggestedQuestions = (_d = (_c = (_b = lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.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[RuntimeOutputVariable.suggestedQuestions];
-    const scrollToBottom = useScrollToBottomModule().useScrollToBottom();
-    const [error, setError] = useState();
-    const onSubmit = (parameters) => {
-        scrollToBottom({ behavior: 'smooth' });
-        if (!session)
-            return;
-        state
-            .execute({
-            assistantId: page.assistantId,
-            parameters: Object.assign({}, parameters),
-        })
-            .then(() => {
-            setError(undefined);
-        })
-            .catch((error) => {
-            setError({ error, parameters });
-        });
-    };
-    return (_jsxs(_Fragment, { children: [_jsxs(Box, { sx: {
-                    mb: {
-                        xs: 1,
-                        md: 2,
-                    },
-                }, children: [_jsx(MessageListView, { className: "ai-chat-message-list", my: 5, px: 2, page: page }), _jsx(Box, { ml: 6.5, mr: 2.5, mt: -4, px: 2, children: (suggestedQuestions === null || suggestedQuestions === void 0 ? void 0 : suggestedQuestions.length) ? (_jsx(MessageSuggestedQuestions, { dataSource: suggestedQuestions, onClick: (item) => {
-                                onSubmit(Object.assign(Object.assign({}, lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.parameters), { question: item.question }));
-                            } })) : !((_e = state.messages) === null || _e === void 0 ? void 0 : _e.length) && ((_f = assistant.entries) === null || _f === void 0 ? void 0 : _f.length) ? (_jsx(EntryListView, { assistant: assistant, onEntryClick: (entry) => onSubmit(Object.assign(Object.assign({}, lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.parameters), entry.parameters)) })) : null }), error && (_jsx(MessageItemWrapper, { assistant: assistant, agentMessage: _jsx(MessageErrorView, { error: error.error, page: page }), sx: { mt: 2, px: 2 } }))] }), _jsx(Box, { flex: 1 }), _jsxs(Box, { className: "ai-runtime-form-container", sx: {
-                    pt: 2,
-                    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(ParameterForm, { page: page, defaultValues: lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.parameters, assistant: assistant, onSubmit: onSubmit, isSubmitting: state.running }), _jsx(PoweredBy, { assistantId: page.assistantId, sx: { my: 0.5, px: 2 } })] })] }));
-}

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

@@ -1,22 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Stack } from '@mui/material';
-import { useAssistantState } from '../../state/assistant';
-import InitialForm from './InitialForm';
-import RuntimeChatHeader from './RuntimeChatHeader';
-import RuntimeChatSession from './RuntimeChatSession';
-export default function RuntimeChat(_a) {
-    var { page } = _a, props = __rest(_a, ["page"]);
-    const [assistant] = useAssistantState({ assistantId: page.assistantId });
-    return (_jsxs(Stack, Object.assign({ flexGrow: 1, width: "100%", height: "100%", maxWidth: 750, mx: "auto", justifyContent: page.page === 'session' ? 'space-between' : 'unset' }, props, { children: [_jsx(RuntimeChatHeader, { assistant: assistant, sx: { mx: 2 } }), page.page === 'session' ? _jsx(RuntimeChatSession, { page: page }) : _jsx(InitialForm, { page: page })] })));
-}

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

@@ -1,132 +0,0 @@
-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());
-    });
-};
-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 { 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 { useSessionContext } from '../../../../session';
-import { createSession } from '../../api/session';
-import { useAssistantState } from '../../state/assistant';
-import { globalLoadingState } from '../../state/loading';
-import { createSessionState } from '../../state/session';
-import ParameterFormFields from '../form/ParameterFormFields';
-import RuntimeFormSubmit from './RuntimeFormSubmit';
-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) {
-            const { session, messages = [] } = createSessionState({ sessionId: page.sessionId }).getState();
-            const lastMessage = messages[messages.length - 1];
-            return (_a = lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.parameters) !== null && _a !== void 0 ? _a : session === null || session === void 0 ? void 0 : session.parameters;
-        }
-        return undefined;
-    }, [page.sessionId]);
-    const defaultForm = useMemo(() => {
-        var _a, _b;
-        return Object.fromEntries((_b = (_a = agent.parameters) === null || _a === void 0 ? void 0 : _a.map((parameter) => [
-            parameter.key,
-            (lastParameters === null || lastParameters === void 0 ? void 0 : lastParameters[parameter.key]) || parameter.defaultValue,
-        ])) !== null && _b !== void 0 ? _b : []);
-    }, [agent.parameters, lastParameters]);
-    const form = useForm({ defaultValues: defaultForm });
-    const [error, setError] = useState();
-    const [expand, setExpand] = useState(false);
-    const { session: authSession } = useSessionContext();
-    const [submitting, setSubmitting] = useState(false);
-    useEffect(() => {
-        form.reset(defaultForm);
-    }, [defaultForm]);
-    const onSubmit = (parameters) => __awaiter(this, void 0, void 0, function* () {
-        if (!authSession.user) {
-            // TODO:
-            return;
-        }
-        try {
-            setSubmitting(true);
-            let { sessionId } = page;
-            if (!sessionId) {
-                const session = yield globalLoadingState.getState().run(() => __awaiter(this, void 0, void 0, function* () {
-                    const { created: session } = yield createSession({ assistantId: page.assistantId, parameters });
-                    yield createSessionState({ sessionId: session.id }).getState().load();
-                    return session;
-                }));
-                sessionId = session.id;
-                page.navigate({ page: 'session', assistantId: page.assistantId, sessionId: session.id });
-            }
-            const sid = sessionId;
-            yield new Promise((resolve, reject) => {
-                setTimeout(() => {
-                    const session = createSessionState({ sessionId: sid }).getState();
-                    session.execute({ assistantId: page.assistantId, parameters }).then(resolve).catch(reject);
-                });
-            });
-        }
-        catch (error) {
-            setError(error);
-            throw error;
-        }
-        finally {
-            setSubmitting(false);
-        }
-    });
-    const handleSubmit = (e) => __awaiter(this, void 0, void 0, function* () {
-        var _e;
-        e.preventDefault();
-        (_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({ 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

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

@@ -1,25 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Box, Stack } from '@mui/material';
-import { Suspense } from 'react';
-import { useSessionState } from '../../state/session';
-import MessageItemView from '../message/MessageItemView';
-export default function RuntimeFormResult(_a) {
-    var { page } = _a, props = __rest(_a, ["page"]);
-    return (_jsx(Stack, Object.assign({}, props, { children: _jsx(Box, { children: _jsx(Suspense, { children: page.page === 'session' && _jsx(ResultView, { page: page }) }) }) })));
-}
-function ResultView({ page }) {
-    const [, { messages = [] }] = useSessionState(page);
-    const message = messages[messages.length - 1];
-    return (_jsx(Stack, { gap: 2, children: message && _jsx(MessageItemView, { hideAvatar: true, page: page, message: message }, message.taskId) }));
-}

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

@@ -1,48 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-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 });
-    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',
-                        mb: {
-                            xs: 1,
-                            md: 0,
-                        },
-                    }, 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/components/session/CheckSession.js

@@ -1,68 +0,0 @@
-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 } from 'react';
-import { useSessionContext } from '../../../../session';
-import { createSession, getSessions } from '../../api/session';
-import useAsync from '../../hooks/useAsync';
-import { useAssistantState } from '../../state/assistant';
-import { globalLoadingState } from '../../state/loading';
-import { createSessionState } from '../../state/session';
-import { parseIdentity } from '../../utils';
-export default function CheckSession({ cacheId, page, autoCreateSession, children, }) {
-    var _a;
-    const { assistantId, sessionId } = page;
-    useAssistantState({ assistantId });
-    const result = useAsync(() => {
-        if (sessionId && createSessionState({ sessionId }).getState().session)
-            return undefined;
-        return globalLoadingState.getState().run(() => __awaiter(this, void 0, void 0, function* () {
-            var _a;
-            if (!sessionId) {
-                try {
-                    // get the last session or create a new session if `autoCreateSession` is enabled
-                    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();
-                        return [{ page: 'session', assistantId, sessionId: session.id }];
-                    }
-                }
-                catch (error) {
-                    console.error('get first session or auto create a new session error', { error });
-                }
-            }
-            else {
-                try {
-                    const state = createSessionState({ sessionId });
-                    yield state.getState().load();
-                }
-                catch (error) {
-                    console.error('load session error', { error });
-                    return [{ page: 'assistant', assistantId, sessionId: undefined }, { replace: true }];
-                }
-            }
-            return undefined;
-        }));
-    }, [sessionId, cacheId]);
-    useEffect(() => {
-        if (result)
-            page.navigate(...result);
-    }, [result, page.navigate]);
-    const { session: authSession } = useSessionContext();
-    useEffect(() => {
-        var _a;
-        if (!((_a = authSession.user) === null || _a === void 0 ? void 0 : _a.did)) {
-            page.navigate({ page: 'assistant', assistantId: page.assistantId, sessionId: undefined }, { replace: true });
-        }
-    }, [(_a = authSession.user) === null || _a === void 0 ? void 0 : _a.did]);
-    if (result)
-        return null;
-    return children;
-}

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

@@ -1,88 +0,0 @@
-"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/hooks/auth.js

@@ -1,27 +0,0 @@
-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 { useCallback } from 'react';
-import { useSessionContext } from '../../../session';
-import { createAssistantState } from '../state/assistant';
-import { createSessionState } from '../state/session';
-import { createSubscriptionState } from '../state/subscription';
-export function useLogin({ page }) {
-    const { session: authSession } = useSessionContext();
-    return useCallback(() => __awaiter(this, void 0, void 0, function* () {
-        yield new Promise((resolve) => {
-            authSession.login(() => resolve());
-        });
-        yield Promise.all([
-            createAssistantState({ assistantId: page.assistantId }).getState().load(),
-            createSubscriptionState({ aid: page.assistantId }).getState().load(),
-            page.sessionId && createSessionState({ sessionId: page.sessionId }).getState().load(),
-        ]);
-    }), [authSession, page]);
-}

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

@@ -1,62 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import DID from '@arcblock/ux/lib/DID';
-import { Box, Button, useMediaQuery, useTheme } from '@mui/material';
-import { useEffect } from 'react';
-import { Avatar } from '../../../arcblock/ux';
-import { useLocaleContext } from '../../../locale';
-import { useHeaderState } from '../../../page/header';
-import { useSessionContext } from '../../../session';
-import SocialShare from '../components/SocialShare';
-import ThemeProvider from '../components/ThemeProvider';
-import { useSubscribeLink } from './subscribe';
-const logoSize = 44;
-export function useSetHeader({ assistant, assistantId }) {
-    var _a;
-    const { subscribeLink, isPaymentProject } = useSubscribeLink({ assistantId });
-    const theme = useTheme();
-    const isMobile = useMediaQuery(theme.breakpoints.down('sm'));
-    const { t, locale } = useLocaleContext();
-    const { session: authSession } = useSessionContext();
-    // set logo
-    useEffect(() => {
-        const { release } = assistant;
-        useHeaderState.setState((state) => {
-            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,
-                } }));
-            if (!isMobile) {
-                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) => {
-                var _a;
-                return [
-                    ((_a = authSession === null || authSession === void 0 ? void 0 : authSession.user) === null || _a === void 0 ? void 0 : _a.did) && isPaymentProject && (_jsx(ThemeProvider, { children: _jsx(Button, { disabled: !subscribeLink, 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, isMobile, (_a = authSession.user) === null || _a === void 0 ? void 0 : _a.did]);
-}

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

@@ -1,32 +0,0 @@
-import { useCallback, useMemo } from 'react';
-import { useLocation, useNavigate } from 'react-router-dom';
-import { getQuery, withQuery } from 'ufo';
-import { CustomError } from '../error';
-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 CustomError(404, 'Missing required query parameters `assistantId`');
-}