@blocklet/pages-kit 0.2.432 → 0.2.434

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

@@ -1,226 +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 } from "react/jsx-runtime";
-import { RuntimeOutputVariable } from '@blocklet/ai-runtime/types';
-import { Icon } from '@iconify/react';
-import { Box, Stack, styled } from '@mui/material';
-import { saveAs } from 'file-saver';
-import DOMPurify from 'isomorphic-dompurify';
-import { useMemo } from 'react';
-import { getQuery, joinURL, withQuery } from 'ufo';
-import { useLocaleContext } from '../../../../locale';
-import { useSessionContext } from '../../../../session';
-import { AI_RUNTIME_DID } from '../../constants';
-import { useCurrentAgent } from '../../contexts/CurrentAgent';
-import { useCurrentMessage } from '../../contexts/CurrentMessage';
-import { useProfile } from '../../hooks/use-appearances';
-import { useRuntimeState } from '../../state/runtime';
-import { isValidInput } from '../../utils/agent-inputs';
-import { convertImageToBlob, downloadImage } from '../../utils/download-image';
-import ActionButton from '../ActionButton';
-import CommunityIcon from './Community';
-export default function ShareActions(_a) {
-    var _b;
-    var props = __rest(_a, []);
-    const { agent } = useCurrentAgent();
-    const { message } = useCurrentMessage();
-    const sharing = useMemo(() => {
-        var _a, _b;
-        return (_b = (_a = agent.outputVariables) === null || _a === void 0 ? void 0 : _a.find((i) => i.name === RuntimeOutputVariable.share)) === null || _b === void 0 ? void 0 : _b.initialValue;
-    }, [agent]);
-    const inputs = useMemo(() => {
-        var _a;
-        return ((_a = agent.parameters) === null || _a === void 0 ? void 0 : _a.filter(isValidInput).map((i) => { var _a, _b; return [((_a = i.label) === null || _a === void 0 ? void 0 : _a.trim()) || i.key, (_b = message.inputs) === null || _b === void 0 ? void 0 : _b[i.key]]; }).filter((i) => i[1]).map(([k, v]) => `${k}: ${v}`).join('\n')) || '';
-    }, [agent.parameters, message.inputs]);
-    const items = (_b = sharing === null || sharing === void 0 ? void 0 : sharing.items) === null || _b === void 0 ? void 0 : _b.map((item) => {
-        var _a, _b;
-        const C = ShareActionsMap[item.to];
-        if (!C)
-            return null;
-        return (_jsx(Box, { children: _jsx(C, { inputs: inputs, shareAttach: {
-                    shareAttachInputs: (_a = sharing === null || sharing === void 0 ? void 0 : sharing.shareAttachInputs) !== null && _a !== void 0 ? _a : false,
-                    shareAttachUrl: (_b = sharing === null || sharing === void 0 ? void 0 : sharing.shareAttachUrl) !== null && _b !== void 0 ? _b : false,
-                } }) }, item.to));
-    }).filter((i) => !!i);
-    if (!(items === null || items === void 0 ? void 0 : items.length))
-        return null;
-    return _jsx(Stack, Object.assign({}, props, { children: items }));
-}
-const ShareActionsMap = {
-    twitter: ShareTwitter,
-    copy: ShareCopy,
-    saveAs: ShareSave,
-    community: ShareCommunity,
-    link: ShareLink,
-};
-function ShareTwitter({ inputs, shareAttach, }) {
-    const { t } = useLocaleContext();
-    const { message } = useCurrentMessage();
-    const { link } = useCurrentLink();
-    const query = useMemo(() => {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
-        const content = ((_c = (_b = (_a = message.outputs) === null || _a === void 0 ? void 0 : _a.objects) === null || _b === void 0 ? void 0 : _b.find((i) => i === null || i === void 0 ? void 0 : i[RuntimeOutputVariable.text])) === null || _c === void 0 ? void 0 : _c[RuntimeOutputVariable.text]) ||
-            ((_h = (_g = (_f = (_e = (_d = message.outputs) === null || _d === void 0 ? void 0 : _d.objects) === null || _e === void 0 ? void 0 : _e.find((i) => { var _a; return (_a = i === null || i === void 0 ? void 0 : i[RuntimeOutputVariable.images]) === null || _a === void 0 ? void 0 : _a.length; })) === null || _f === void 0 ? void 0 : _f[RuntimeOutputVariable.images]) === null || _g === void 0 ? void 0 : _g.at(0)) === null || _h === void 0 ? void 0 : _h.url);
-        if (!content)
-            return null;
-        const texts = [];
-        if (shareAttach.shareAttachInputs) {
-            texts.push(inputs);
-        }
-        texts.push(content);
-        let text = texts.join('\n\n');
-        // 如果 content 长度超过 100，截断
-        if (text.length > 250) {
-            text = `${text.slice(0, 250)}...`;
-        }
-        return {
-            text,
-            url: link,
-        };
-    }, [message.outputs]);
-    if (!query)
-        return null;
-    return (_jsx(StyledActionButton, { tip: t('socialShare.shareToX'), title: _jsx(Icon, { icon: "tabler:brand-x" }), target: "_blank", href: withQuery('https://twitter.com/intent/tweet', query) }));
-}
-function ShareLink() {
-    const { t } = useLocaleContext();
-    const { link } = useCurrentLink();
-    return (_jsx(StyledActionButton, { autoReset: true, tip: t('socialShare.copyLink'), tipSucceed: t('copied'), title: _jsx(Icon, { icon: "tabler:link" }), titleSucceed: _jsx(Icon, { icon: "tabler:link-plus" }), onClick: () => __awaiter(this, void 0, void 0, function* () {
-            if (link) {
-                window.navigator.clipboard.writeText(link);
-            }
-        }) }));
-}
-function ShareCopy({ inputs, shareAttach, }) {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
-    const { t } = useLocaleContext();
-    const { message } = useCurrentMessage();
-    const { link } = useCurrentLink();
-    const content = (_c = (_b = (_a = message.outputs) === null || _a === void 0 ? void 0 : _a.objects) === null || _b === void 0 ? void 0 : _b.find((i) => i === null || i === void 0 ? void 0 : i[RuntimeOutputVariable.text])) === null || _c === void 0 ? void 0 : _c[RuntimeOutputVariable.text];
-    const image = (_h = (_g = (_f = (_e = (_d = message.outputs) === null || _d === void 0 ? void 0 : _d.objects) === null || _e === void 0 ? void 0 : _e.find((i) => { var _a; return (_a = i === null || i === void 0 ? void 0 : i[RuntimeOutputVariable.images]) === null || _a === void 0 ? void 0 : _a.length; })) === null || _f === void 0 ? void 0 : _f[RuntimeOutputVariable.images]) === null || _g === void 0 ? void 0 : _g.at(0)) === null || _h === void 0 ? void 0 : _h.url;
-    if (!content && !image)
-        return null;
-    return (_jsx(StyledActionButton, { autoReset: true, tip: t('copy'), tipSucceed: t('copied'), title: _jsx(Icon, { icon: "tabler:copy" }), titleSucceed: _jsx(Icon, { icon: "tabler:copy-check" }), onClick: () => __awaiter(this, void 0, void 0, function* () {
-            if (content) {
-                const texts = [];
-                if (shareAttach.shareAttachUrl) {
-                    texts.push(link);
-                }
-                if (shareAttach.shareAttachInputs) {
-                    texts.push(inputs);
-                }
-                texts.push(content);
-                window.navigator.clipboard.writeText(texts.filter(Boolean).join('\n\n'));
-            }
-            else if (image) {
-                const imageBlob = yield convertImageToBlob(yield downloadImage({ url: image }));
-                window.navigator.clipboard.write([new ClipboardItem({ 'image/png': imageBlob })]);
-            }
-        }) }));
-}
-function ShareSave({ inputs, shareAttach, }) {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
-    const { t } = useLocaleContext();
-    const { message } = useCurrentMessage();
-    const { aid, agent } = useRuntimeState();
-    const profile = useProfile({ aid });
-    const { link } = useCurrentLink();
-    const content = (_c = (_b = (_a = message.outputs) === null || _a === void 0 ? void 0 : _a.objects) === null || _b === void 0 ? void 0 : _b.find((i) => i === null || i === void 0 ? void 0 : i[RuntimeOutputVariable.text])) === null || _c === void 0 ? void 0 : _c[RuntimeOutputVariable.text];
-    const image = (_h = (_g = (_f = (_e = (_d = message.outputs) === null || _d === void 0 ? void 0 : _d.objects) === null || _e === void 0 ? void 0 : _e.find((i) => { var _a; return (_a = i === null || i === void 0 ? void 0 : i[RuntimeOutputVariable.images]) === null || _a === void 0 ? void 0 : _a.length; })) === null || _f === void 0 ? void 0 : _f[RuntimeOutputVariable.images]) === null || _g === void 0 ? void 0 : _g.at(0)) === null || _h === void 0 ? void 0 : _h.url;
-    if (!content && !image)
-        return null;
-    return (_jsx(StyledActionButton, { tip: t('save'), tipSucceed: t('saved'), title: _jsx(Icon, { icon: "tabler:file-download" }), titleSucceed: _jsx(Icon, { icon: "tabler:file-check" }), onClick: () => __awaiter(this, void 0, void 0, function* () {
-            // @ts-ignore
-            const { default: html2pdf } = yield import('html2pdf.js');
-            if (content) {
-                const element = document.createElement('div');
-                if (shareAttach.shareAttachUrl) {
-                    element.innerHTML += `<p><a href="{${link}}">${link}</a></p>`;
-                }
-                if (shareAttach.shareAttachInputs) {
-                    element.innerHTML += `<p><blockquote>${DOMPurify.sanitize(inputs)}</blockquote></p>`;
-                }
-                element.innerHTML += `<p>${DOMPurify.sanitize(content)}</p>`;
-                yield html2pdf()
-                    .set({
-                    margin: 1,
-                    filename: `${profile.name || agent.id} - ${message.id}.pdf`,
-                    image: { type: 'jpeg', quality: 0.98 },
-                    html2canvas: { scale: 2 },
-                    jsPDF: { unit: 'in', format: 'letter', orientation: 'portrait' },
-                })
-                    .from(element)
-                    .save();
-            }
-            else if (image) {
-                saveAs(image, `${profile.name || agent.id}.png`);
-            }
-        }) }));
-}
-function ShareCommunity({ inputs, shareAttach, }) {
-    const { t } = useLocaleContext();
-    const { message } = useCurrentMessage();
-    const { link } = useCurrentLink();
-    const query = useMemo(() => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-        const text = (_d = (_c = (_b = (_a = message.outputs) === null || _a === void 0 ? void 0 : _a.objects) === null || _b === void 0 ? void 0 : _b.find((i) => i === null || i === void 0 ? void 0 : i[RuntimeOutputVariable.text])) === null || _c === void 0 ? void 0 : _c[RuntimeOutputVariable.text]) !== null && _d !== void 0 ? _d : '';
-        const images = (_j = (_h = (_g = (_f = (_e = message.outputs) === null || _e === void 0 ? void 0 : _e.objects) === null || _f === void 0 ? void 0 : _f.find) === null || _g === void 0 ? void 0 : _g.call(_f, (i) => { var _a; return (_a = i === null || i === void 0 ? void 0 : i[RuntimeOutputVariable.images]) === null || _a === void 0 ? void 0 : _a.length; })) === null || _h === void 0 ? void 0 : _h[RuntimeOutputVariable.images]) === null || _j === void 0 ? void 0 : _j.map((i) => i.url);
-        let content = '';
-        if (shareAttach.shareAttachUrl) {
-            content += `[[]](${link})\n\n`;
-        }
-        if (shareAttach.shareAttachInputs) {
-            content += `> ${inputs}\n\n`;
-        }
-        if (images) {
-            content += images.map((image) => `![image](${image})`).join('\n');
-        }
-        content += text;
-        return {
-            boardId: 'aigne',
-            format: 'markdown',
-            title: `${((_k = message.inputs) === null || _k === void 0 ? void 0 : _k.question) || inputs}`,
-            content,
-            labels: 'demo',
-        };
-    }, [inputs, message.outputs, shareAttach]);
-    return (_jsx(StyledActionButton, { tip: t('socialShare.shareToCommunity'), title: _jsx(CommunityIcon, {}), target: "_blank", href: withQuery('https://community.arcblock.io/discussions/add?', query) }));
-}
-const StyledActionButton = styled(ActionButton)(({ theme }) => theme.unstable_sx({
-    fontSize: 'inherit',
-    p: 0.5,
-    minWidth: '0 !important',
-    minHeight: '0 !important',
-}));
-const useCurrentLink = () => {
-    var _a, _b, _c;
-    const { session } = useSessionContext();
-    const { message } = useCurrentMessage();
-    const prefix = (_b = (_a = window.blocklet) === null || _a === void 0 ? void 0 : _a.componentMountPoints.find((i) => i.did === AI_RUNTIME_DID)) === null || _b === void 0 ? void 0 : _b.mountPoint;
-    if (!prefix)
-        throw new Error('No aigne runtime prefix found');
-    const link = withQuery(joinURL(window.origin, prefix, '/messages', message.id), {
-        agentUrl: withQuery(getQuery(window.location.href).agentUrl || window.location.href, {
-            inviter: (_c = session.user) === null || _c === void 0 ? void 0 : _c.did,
-        }),
-    });
-    return { link };
-};

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

@@ -1,100 +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 { Icon } from '@iconify/react';
-import { Box, MenuItem, useTheme } from '@mui/material';
-import { useCallback } from 'react';
-import { FacebookIcon, FacebookShareButton, LinkedinIcon, LinkedinShareButton, RedditIcon, RedditShareButton, TelegramIcon, TelegramShareButton, WeiboIcon, WeiboShareButton, XIcon, TwitterShareButton as XShareButton, } from 'react-share';
-import { LocaleProvider, useLocaleContext } from '../../../locale';
-import { translations } from '../locales';
-import MenuButton from './MenuButton';
-const getFormattedUrl = (url) => {
-    // remove page & sessionId query params
-    const urlObj = new URL(url);
-    urlObj.searchParams.delete('page');
-    urlObj.searchParams.delete('sessionId');
-    return urlObj.toString();
-};
-export default function SocialShare(props) {
-    const { type = 'menu' } = props, restProps = __rest(props, ["type"]);
-    const { locale } = useLocaleContext();
-    const renderContent = useCallback(() => {
-        // @ts-ignore
-        if (type === 'buttons') {
-            return _jsx(SocialShareButtons, Object.assign({}, restProps));
-        }
-        // @ts-ignore
-        return _jsx(SocialShareMenu, Object.assign({}, restProps));
-    }, [type, restProps]);
-    return (
-    // @ts-ignore
-    _jsx(LocaleProvider, { translations: translations, locale: locale, fallbackLocale: "en", children: renderContent() }));
-}
-export function SocialShareMenu(_a) {
-    var { url = getFormattedUrl(window.location.href), content, children = _jsx(Icon, { icon: "tabler:share" }), MenuProps, disableCopyLink = false } = _a, restProps = __rest(_a, ["url", "content", "children", "MenuProps", "disableCopyLink"]);
-    const theme = useTheme();
-    const { t } = useLocaleContext();
-    const itemIconSx = {
-        width: 22,
-        height: 22,
-        border: 1,
-        borderColor: theme.palette.text.secondary,
-        borderRadius: 0.75,
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center',
-    };
-    const buttonSx = {
-        display: 'flex',
-        alignItems: 'center',
-        gap: 1.5,
-        minWidth: 120,
-        lineHeight: '1!important',
-        width: '100%',
-        border: 'none',
-        bgcolor: 'transparent',
-    };
-    const iconProps = {
-        bgStyle: { fill: '#fff' },
-        iconFillColor: theme.palette.text.secondary,
-        style: {
-            borderRadius: '6px',
-        },
-    };
-    return (_jsx(MenuButton, Object.assign({ MenuProps: Object.assign(Object.assign({}, MenuProps), { sx: { li: { p: 0, button: { px: '8px !important', py: '4px !important' } } } }), menus: [
-            _jsx(MenuItem, { children: _jsxs(Box, { component: XShareButton, url: url, title: content, sx: buttonSx, children: [_jsx(Box, Object.assign({ component: XIcon, sx: itemIconSx, round: true }, iconProps)), _jsx("span", { children: t('socialShare.shareToX') })] }) }, "shareOnX"),
-            _jsx(MenuItem, { children: _jsxs(Box, { component: TelegramShareButton, url: url, title: content, sx: buttonSx, children: [_jsx(Box, Object.assign({ component: TelegramIcon, sx: itemIconSx, round: true }, iconProps)), _jsx("span", { children: t('socialShare.shareToTelegram') })] }) }, "shareOnTelegram"),
-            _jsx(MenuItem, { children: _jsxs(Box, { component: RedditShareButton, url: url, title: content, sx: buttonSx, children: [_jsx(Box, Object.assign({ component: RedditIcon, sx: itemIconSx, round: true }, iconProps)), _jsx("span", { children: t('socialShare.shareToReddit') })] }) }, "shareOnReddit"),
-            _jsx(MenuItem, { children: _jsxs(Box, { component: WeiboShareButton, url: url, title: content, sx: buttonSx, children: [_jsx(Box, Object.assign({ component: WeiboIcon, sx: itemIconSx, round: true }, iconProps)), _jsx("span", { children: t('socialShare.shareToWeibo') })] }) }, "shareOnWeibo"),
-            _jsx(MenuItem, { children: _jsxs(Box, { component: FacebookShareButton, url: url, sx: buttonSx, children: [_jsx(Box, Object.assign({ component: FacebookIcon, sx: itemIconSx, round: true }, iconProps)), _jsx("span", { children: t('socialShare.shareToFacebook') })] }) }, "shareOnFacebook"),
-            _jsx(MenuItem, { children: _jsxs(Box, { component: LinkedinShareButton, url: url, summary: content, sx: buttonSx, children: [_jsx(Box, Object.assign({ component: LinkedinIcon, sx: itemIconSx, round: true }, iconProps)), _jsx("span", { children: t('socialShare.shareToLinkedin') })] }) }, "shareOnLinkedin"),
-            !disableCopyLink && (_jsx(MenuItem, { children: _jsxs(Box, { component: "button", sx: buttonSx, onClick: () => {
-                        window.navigator.clipboard.writeText(url);
-                    }, children: [_jsx(Box, Object.assign({ sx: itemIconSx, round: true }, iconProps, { children: _jsx(Icon, { icon: "tabler:link" }) })), _jsx("span", { children: t('socialShare.copyLink') })] }) }, "copyToClipboard")),
-        ].filter(Boolean) }, restProps, { children: children })));
-}
-export function SocialShareButtons(_a) {
-    var { url = getFormattedUrl(window.location.href), content, sx, itemSx, onClick, bgFill, iconFill } = _a, rest = __rest(_a, ["url", "content", "sx", "itemSx", "onClick", "bgFill", "iconFill"]);
-    const mergedSx = [
-        { display: 'flex', alignItems: 'center', gap: 0.5, lineHeight: 1 },
-        ...(Array.isArray(sx) ? sx : [sx]),
-    ];
-    const mergedItemSx = [
-        { width: { xs: 24, sm: 28 }, height: { xs: 24, sm: 28 }, borderRadius: 1 },
-        ...(Array.isArray(itemSx) ? itemSx : [itemSx]),
-    ];
-    const iconProps = {
-        bgStyle: { fill: bgFill || '#bbb' },
-        iconFillColor: iconFill || '#fff',
-    };
-    return (_jsxs(Box, Object.assign({ sx: mergedSx }, rest, { children: [_jsx(XShareButton, { url: url, title: content, children: _jsx(Box, Object.assign({ component: XIcon, sx: mergedItemSx }, iconProps)) }), _jsx(TelegramShareButton, { url: url, title: content, children: _jsx(Box, Object.assign({ component: TelegramIcon, sx: mergedItemSx }, iconProps)) }), _jsx(RedditShareButton, { url: url, title: content, children: _jsx(Box, Object.assign({ component: RedditIcon, sx: mergedItemSx }, iconProps)) }), _jsx(WeiboShareButton, { url: url, title: content, children: _jsx(Box, Object.assign({ component: WeiboIcon, sx: mergedItemSx }, iconProps)) }), _jsx(FacebookShareButton, { url: url, children: _jsx(Box, Object.assign({ component: FacebookIcon, sx: mergedItemSx }, iconProps)) }), _jsx(LinkedinShareButton, { url: url, summary: content, children: _jsx(Box, Object.assign({ component: LinkedinIcon, sx: mergedItemSx }, iconProps)) })] })));
-}

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

@@ -1,185 +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 { ArrowDropDownRounded } from '@mui/icons-material';
-import { CircularProgress, CssBaseline, GlobalStyles, ThemeProvider as MuiThemeProvider, Stack, alpha, createTheme, inputBaseClasses, useTheme, } from '@mui/material';
-import { Suspense, useMemo } from 'react';
-import { Helmet } from 'react-helmet';
-import { useRuntimeState } from '../state/runtime';
-import { chineseFonts } from '../utils/fonts';
-import GlobalLoading from './GlobalLoading';
-export default function ThemeProvider({ children }) {
-    var _a, _b, _c;
-    const { appearance } = useRuntimeState().agent.project;
-    const theme = useTheme();
-    const bodyFontFamily = (_a = appearance === null || appearance === void 0 ? void 0 : appearance.typography) === null || _a === void 0 ? void 0 : _a.fontFamily;
-    const headingFontFamily = (_c = (_b = appearance === null || appearance === void 0 ? void 0 : appearance.typography) === null || _b === void 0 ? void 0 : _b.heading) === null || _c === void 0 ? void 0 : _c.fontFamily;
-    const newTheme = useMemo(() => {
-        var _a, _b, _c, _d, _e, _f;
-        let { primary, secondary } = theme.palette;
-        try {
-            if (appearance === null || appearance === void 0 ? void 0 : appearance.primaryColor) {
-                primary = theme.palette.augmentColor({ color: { main: appearance === null || appearance === void 0 ? void 0 : appearance.primaryColor } });
-            }
-        }
-        catch (error) {
-            console.error('augment primary color error', { error });
-        }
-        try {
-            if (appearance === null || appearance === void 0 ? void 0 : appearance.secondaryColor) {
-                secondary = theme.palette.augmentColor({ color: { main: appearance === null || appearance === void 0 ? void 0 : appearance.secondaryColor } });
-            }
-        }
-        catch (error) {
-            console.error('augment secondary color error', { error });
-        }
-        const { fontFamily } = theme.typography;
-        const headingFontFamily = [
-            ((_b = (_a = appearance === null || appearance === void 0 ? void 0 : appearance.typography) === null || _a === void 0 ? void 0 : _a.heading) === null || _b === void 0 ? void 0 : _b.fontFamily) && JSON.stringify((_d = (_c = appearance === null || appearance === void 0 ? void 0 : appearance.typography) === null || _c === void 0 ? void 0 : _c.heading) === null || _d === void 0 ? void 0 : _d.fontFamily),
-            fontFamily,
-        ]
-            .filter(Boolean)
-            .join(',');
-        const bodyFontFamily = [
-            ((_e = appearance === null || appearance === void 0 ? void 0 : appearance.typography) === null || _e === void 0 ? void 0 : _e.fontFamily) && JSON.stringify((_f = appearance === null || appearance === void 0 ? void 0 : appearance.typography) === null || _f === void 0 ? void 0 : _f.fontFamily),
-            fontFamily,
-        ]
-            .filter(Boolean)
-            .join(',');
-        const themeOptions = {
-            components: {
-                MuiSelect: {
-                    defaultProps: { IconComponent: ArrowDropDownRounded },
-                },
-                MuiTextField: {
-                    variants: [
-                        {
-                            props: {},
-                            style: ({ theme }) => theme.unstable_sx({
-                                '.MuiInputBase-root': {
-                                    fieldset: { borderColor: 'grey.400' },
-                                    [`&.Mui-focused, :not(.${inputBaseClasses.disabled}):hover`]: {
-                                        fieldset: {
-                                            border: 'none',
-                                            boxShadow: `0px 0px 0px 4px ${alpha(theme.palette.primary.main, 0.2)}, 0px 0px 0px 1px ${theme.palette.primary.main}`,
-                                        },
-                                    },
-                                },
-                                '.MuiInputLabel-root': {
-                                    [`&.Mui-focused, :not(.${inputBaseClasses.disabled}):hover, &.MuiFormLabel-filled`]: {
-                                        backgroundColor: `${theme.palette.primary.main}`,
-                                        color: 'white',
-                                        px: 1,
-                                        ml: -0.8,
-                                        py: 0.2,
-                                        mt: -0.1,
-                                        borderRadius: 4,
-                                    },
-                                },
-                            }),
-                        },
-                        {
-                            props: { select: true },
-                            style: (_a) => {
-                                var { theme } = _a, p = __rest(_a, ["theme"]);
-                                const { placeholder } = p;
-                                return theme.unstable_sx({
-                                    '& .MuiSelect-select .notranslate::after': placeholder
-                                        ? {
-                                            content: `"${placeholder}"`,
-                                            opacity: 0.42,
-                                        }
-                                        : {},
-                                    '& .MuiFormLabel-root:not(.MuiInputLabel-shrink) + .MuiInputBase-root > .MuiSelect-select .notranslate::after': {
-                                        opacity: 0,
-                                    },
-                                });
-                            },
-                        },
-                    ],
-                },
-                MuiListItemButton: {
-                    variants: [
-                        {
-                            props: {},
-                            style: ({ theme }) => theme.unstable_sx({
-                                fontSize: 13,
-                                color: '#010714',
-                            }),
-                        },
-                    ],
-                },
-            },
-        };
-        const tempTheme = createTheme({
-            typography: Object.assign(Object.assign({ fontFamily: bodyFontFamily }, Object.fromEntries(new Array(5).fill(0).map((_, index) => [
-                `h${index + 1}`,
-                {
-                    fontFamily: headingFontFamily,
-                },
-            ]))), { button: {
-                    textTransform: 'none',
-                } }),
-            palette: {
-                primary,
-                secondary,
-            },
-        });
-        return createTheme(theme, themeOptions, {
-            typography: tempTheme.typography,
-            palette: {
-                primary: tempTheme.palette.primary,
-                secondary: tempTheme.palette.secondary,
-                text: tempTheme.palette.text,
-                background: {
-                    default: '#ffffff',
-                },
-            },
-            shape: {
-                borderRadius: 8,
-            },
-            shadows: [
-                'none',
-                '0px 0px 0px 1px rgba(2, 7, 19, 0.08), 0px 1px 2px -1px rgba(2, 7, 19, 0.08), 0px 2px 4px 0px rgba(2, 7, 19, 0.04)',
-                '0px 0px 0px 1px rgba(2, 7, 19, 0.08), 0px 1px 2px -1px rgba(2, 7, 19, 0.08), 0px 2px 8px 0px rgba(2, 7, 19, 0.10)',
-                ...tempTheme.shadows.slice(3),
-            ],
-        });
-    }, [theme]);
-    const fontUrls = useMemo(() => {
-        const urls = [bodyFontFamily, headingFontFamily]
-            .filter((i) => !!i)
-            .map((font) => {
-            var _a;
-            return ((_a = chineseFonts.find((i) => i.value === font)) === null || _a === void 0 ? void 0 : _a.link) ||
-                `https://fonts.googleapis.com/css?family=${font.replace(/ /g, '+')}`;
-        });
-        return [...new Set(urls)];
-    }, [bodyFontFamily, headingFontFamily]);
-    return (_jsxs(MuiThemeProvider, { theme: newTheme, children: [_jsx(Helmet, { children: fontUrls.map((url) => (_jsx("link", { rel: "stylesheet", href: url }, url))) }), _jsxs(CssBaseline, { children: [_jsx(GlobalStyles, { styles: (theme) => theme.unstable_sx({
-                            'h1,h2,h3,h4,h5': {
-                                fontFamily: `${theme.typography.h1.fontFamily} !important`,
-                            },
-                            body: {
-                                fontFamily: `${theme.typography.fontFamily} !important`,
-                            },
-                            '.page-header': {
-                                borderBottom: '1px solid rgba(229, 231, 235, 1)',
-                            },
-                            '.white-tooltip .MuiTooltip-tooltip': {
-                                background: 'white !important',
-                                boxShadow: '0px 4px 8px 0px rgba(3, 7, 18, 0.08)',
-                                border: '1px solid rgba(229, 231, 235, 1)',
-                                padding: 4,
-                            },
-                        }) }), _jsx(GlobalLoading, { sx: { position: 'fixed', left: 0, top: 0, width: '100%', zIndex: 'snackbar' } }), _jsx(Suspense, { fallback: _jsx(Stack, { flexGrow: 1, alignItems: "center", justifyContent: "center", children: _jsx(CircularProgress, { size: 24 }) }), children: children })] })] }));
-}

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

@@ -1,47 +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 DID from '@arcblock/ux/lib/DID';
-import { Box, Stack, Typography } from '@mui/material';
-import dayjs from 'dayjs';
-import { useMemo } from 'react';
-import { Avatar } from '../../../arcblock/ux';
-export default function UserInfo(_a) {
-    var { avatar, showDID, did, name, time, children, reverse, UserNameProps } = _a, restProps = __rest(_a, ["avatar", "showDID", "did", "name", "time", "children", "reverse", "UserNameProps"]);
-    return (_jsxs(Stack, Object.assign({ className: "user-info", alignItems: "center", direction: reverse ? 'row-reverse' : 'row', gap: 1.5 }, restProps, { children: [(avatar || did) && (_jsx(Box, { sx: {
-                    display: 'flex',
-                    alignItems: 'center',
-                    maxHeight: 44,
-                }, children: _jsx(Avatar, { size: 40, did: did, variant: "circle", shape: "circle", 
-                    // @ts-ignore
-                    src: avatar }) })), _jsxs(Box, { flex: 1, width: 0, children: [_jsxs(UserName, Object.assign({}, UserNameProps, { sx: Object.assign({ justifyContent: reverse ? 'flex-end' : 'flex-start' }, UserNameProps === null || UserNameProps === void 0 ? void 0 : UserNameProps.sx), children: [name || '', time && (_jsx(UserTime, { time: time, sx: {
-                                    fontSize: 12,
-                                    lineHeight: '24px',
-                                    opacity: 0.8,
-                                } }))] })), showDID && did && _jsx(Box, { component: DID, did: did, copyable: false, size: 14, responsive: true, sx: { mt: -0.25 } }), _jsx(Box, { flex: 1, children: children })] })] })));
-}
-export function UserName(_a) {
-    var { children, sx } = _a, restProps = __rest(_a, ["children", "sx"]);
-    return (_jsx(Typography, Object.assign({ component: "div", noWrap: true, sx: Object.assign({ fontSize: 14, lineHeight: '24px', fontWeight: 500, display: 'flex', alignItems: 'center', gap: 1 }, sx) }, restProps, { children: children })));
-}
-export function UserTime(_a) {
-    var { time } = _a, restProps = __rest(_a, ["time"]);
-    const formattedTime = useMemo(() => {
-        const date = dayjs(time);
-        if (!date.isValid())
-            return undefined;
-        return date.isSame(dayjs(), 'date') ? date.format('HH:mm') : date.format('YYYY-MM-DD HH:mm');
-    }, [time]);
-    if (!formattedTime)
-        return null;
-    return (_jsx(Typography, Object.assign({}, restProps, { children: formattedTime }), "user-time"));
-}

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

@@ -1,39 +0,0 @@
-import { RuntimeOutputVariable } from '@blocklet/ai-runtime/types';
-export const AI_STUDIO_DID = 'z8iZpog7mcgcgBZzTiXJCWESvmnRrQmnd3XBB';
-export const AI_RUNTIME_DID = 'z2qaBP9SahqU2L2YA3ip7NecwKACMByTFuiJ2';
-export const PAYMENT_KIT_DID = 'z2qaCNvKMv5GjouKdcDWexv6WqtHbpNPQDnAk';
-export const DEFAULT_PAGE_COMPONENT_ID = 'ctnxha29uu8cx4xv'; // Simple Layout
-export const DEFAULT_INPUT_COMPONENT_ID = '1wwtemqcdio6nqf0'; // Auto Form
-export const DEFAULT_OUTPUT_COMPONENT_ID = 'q0ckknkxph4hfwas'; // Simple Output
-export const MARKDOWN_VIEW_ID = 'a4oldpoxv7bikvpj';
-export const SUGGESTED_QUESTIONS_VIEW_ID = '6u8m11ss7fvu8t7i';
-export const REFERENCED_LINKS_VIEW_ID = 'baqmaoccdntqwayc';
-export const SHARE_VIEW_ID = 'jfq3df9z8lkk9not';
-export const IMAGES_VIEW_ID = 'txirtdgx8h2bmo7s';
-export const OPENING_QUESTIONS_VIEW_ID = 'vgsgsvnhud0cq37v';
-export const DEFAULT_OUTPUT_COMPONENTS = {
-    [RuntimeOutputVariable.text]: {
-        componentId: MARKDOWN_VIEW_ID,
-    },
-    [RuntimeOutputVariable.images]: {
-        componentId: IMAGES_VIEW_ID,
-    },
-    [RuntimeOutputVariable.openingMessage]: {
-        componentId: MARKDOWN_VIEW_ID,
-    },
-    [RuntimeOutputVariable.suggestedQuestions]: {
-        componentId: SUGGESTED_QUESTIONS_VIEW_ID,
-    },
-    [RuntimeOutputVariable.referenceLinks]: {
-        componentId: REFERENCED_LINKS_VIEW_ID,
-    },
-    [RuntimeOutputVariable.share]: {
-        componentId: SHARE_VIEW_ID,
-    },
-    [RuntimeOutputVariable.openingQuestions]: {
-        componentId: OPENING_QUESTIONS_VIEW_ID,
-    },
-};
-export function getDefaultOutputComponent(output) {
-    return DEFAULT_OUTPUT_COMPONENTS[output.name];
-}

package/lib/esm/builtin/async/ai-runtime/contexts/ActiveAgent.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { RuntimeOutputVariable } from '@blocklet/ai-runtime/types';
-import { createContext, useContext, useMemo, useState } from 'react';
-import { useRuntimeState } from '../state/runtime';
-import { getOutputVariableInitialValue } from '../utils/runtime-output-schema';
-const activeAgentContext = createContext(undefined);
-export function useActiveAgent() {
-    const context = useContext(activeAgentContext);
-    if (!context) {
-        throw new Error('No such activeAgentContext. You should use `useActiveAgent` within the `ActiveAgentProvider`');
-    }
-    return context;
-}
-export default function ActiveAgentProvider({ children }) {
-    const { agent } = useRuntimeState();
-    const childAgentId = useMemo(() => {
-        var _a, _b, _c, _d;
-        return (_d = (_c = (_b = (_a = getOutputVariableInitialValue(agent, RuntimeOutputVariable.children)) === null || _a === void 0 ? void 0 : _a.agents) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.id) !== null && _d !== void 0 ? _d : agent.id;
-    }, [agent]);
-    const [activeAgentId, setActiveAgentId] = useState(childAgentId);
-    const activeAgent = useMemo(() => ({ activeAgentId, setActiveAgentId }), [activeAgentId, setActiveAgentId]);
-    return _jsx(activeAgentContext.Provider, { value: activeAgent, children: children });
-}

package/lib/esm/builtin/async/ai-runtime/contexts/ComponentPreferences.js

@@ -1,24 +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 omitBy from 'lodash/omitBy';
-import { createContext, useContext, useMemo } from 'react';
-const componentPreferencesContext = createContext(undefined);
-export default function ComponentPreferencesProvider(_a) {
-    var { children } = _a, preferences = __rest(_a, ["children"]);
-    const inherited = useComponentPreferences();
-    const value = useMemo(() => (Object.assign(Object.assign({}, inherited), omitBy(preferences, (i) => i === undefined || i === null))), [inherited, Object.values(preferences)]);
-    return _jsx(componentPreferencesContext.Provider, { value: value, children: children });
-}
-export function useComponentPreferences() {
-    return useContext(componentPreferencesContext);
-}