@blocklet/pages-kit 0.2.433 → 0.2.435

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

@@ -1,59 +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 { Masonry } from '@mui/lab';
-import { Box, Skeleton, Stack, Typography } from '@mui/material';
-import { Suspense, memo, useRef } from 'react';
-import Balancer from 'react-wrap-balancer';
-import CustomComponentRenderer from '../../../../../components/CustomComponentRenderer';
-import { useLocaleContext } from '../../../../locale';
-import { AgentErrorView } from '../../components/AgentErrorBoundary';
-import SimpleHeader from '../../components/Header/SimpleHeader';
-import LoadingButton from '../../components/LoadingButton';
-import { useActiveAgent } from '../../contexts/ActiveAgent';
-import CurrentAgentProvider from '../../contexts/CurrentAgent';
-import CurrentMessageProvider from '../../contexts/CurrentMessage';
-import useAppearances from '../../hooks/use-appearances';
-import { useAutoLoadSessionState, useCurrentSessionState, useSessionState } from '../../state/session';
-export default function PhotoGallery({ resultTitle }) {
-    const { activeAgentId } = useActiveAgent();
-    useAutoLoadSessionState();
-    return (_jsxs(Stack, { className: "aigne-layout aigne-photo-wall-layout", children: [_jsx(SimpleHeader, { TitleProps: { fontSize: 48 }, DescriptionProps: { fontSize: 20 }, maxWidth: "md", mx: "auto", width: "100%", px: { xs: 2, sm: 3 } }), _jsx(CurrentAgentProvider, { agentId: activeAgentId, children: _jsx(AgentInputRender, { className: "aigne-inputs aigne-photo-wall-inputs", maxWidth: "md", mx: "auto", width: "100%", px: { xs: 2, sm: 3 } }) }), _jsx(OutputView, { resultTitle: resultTitle, className: "aigne-outputs aigne-photo-wall-outputs", gap: 2 })] }));
-}
-function AgentInputRender(_a) {
-    var props = __rest(_a, []);
-    const { appearanceInput } = useAppearances();
-    if (!(appearanceInput === null || appearanceInput === void 0 ? void 0 : appearanceInput.componentId))
-        return null;
-    return (_jsx(Stack, Object.assign({}, props, { children: _jsx(CustomComponentRenderer, { componentId: appearanceInput.componentId, properties: appearanceInput.componentProperties }) })));
-}
-function NoOutputs() {
-    return (_jsx(Stack, { mt: 10, children: _jsx(Typography, { color: "text.disabled", children: "You haven't generated any pictures yet." }) }));
-}
-function OutputView(_a) {
-    var _b, _c, _d, _e;
-    var { resultTitle } = _a, props = __rest(_a, ["resultTitle"]);
-    const { t } = useLocaleContext();
-    const ref = useRef(null);
-    const { messages = [], running, loaded, noMoreMessage } = (_b = useCurrentSessionState((s) => s)) !== null && _b !== void 0 ? _b : {};
-    const loadMoreMessages = useSessionState((s) => s.loadMoreMessages);
-    return (_jsxs(Stack, Object.assign({ width: "100%", alignItems: "center", px: { xs: 2, sm: 3 }, mt: { xs: 2, sm: 3 } }, props, { children: [resultTitle && (_jsx(Typography, { width: "100%", component: "h2", fontSize: 36, fontWeight: 700, textAlign: "center", children: _jsx(Balancer, { children: resultTitle }) })), loaded && !messages.length && _jsx(NoOutputs, {}), _jsxs(Masonry, { ref: ref, columns: { xs: 2, sm: 3, md: 4, lg: 5 }, spacing: 1, sequential: true, sx: { width: '100%', overflow: 'hidden', '> *': { borderRadius: 1 } }, children: [running && (_jsx(Skeleton, { variant: "rectangular", sx: {
-                            // FIXME: default using history height
-                            height: (_e = (_d = (_c = ref.current) === null || _c === void 0 ? void 0 : _c.querySelector('*')) === null || _d === void 0 ? void 0 : _d.clientHeight) !== null && _e !== void 0 ? _e : 200,
-                        } })), messages.map((message) => (_jsx(OutputItemView, { message: message }, message.id)))] }), _jsx(Box, { my: 4, children: !!messages.length && !noMoreMessage && (_jsx(LoadingButton, { variant: "outlined", onClick: () => loadMoreMessages(), children: t('loadMore') })) })] })));
-}
-const OutputItemView = memo(({ message }) => {
-    const { appearanceOutput } = useAppearances({ agentId: message.agentId });
-    if (!(appearanceOutput === null || appearanceOutput === void 0 ? void 0 : appearanceOutput.componentId))
-        return null;
-    return (_jsx(CurrentAgentProvider, { agentId: message.agentId, children: _jsx(CurrentMessageProvider, { message: message, children: _jsx(Suspense, { children: _jsx(CustomComponentRenderer, { componentId: appearanceOutput.componentId, properties: appearanceOutput.componentProperties, fallbackRender: AgentErrorView }, message.id) }) }) }, message.id));
-});

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

@@ -1,144 +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 { RuntimeOutputVariable } from '@blocklet/ai-runtime/types';
-import { Icon } from '@iconify/react';
-import { Box, Button, Dialog, DialogContent, DialogTitle, Stack, Typography, alpha } from '@mui/material';
-import { useMemo, useState } from 'react';
-import { withQuery } from 'ufo';
-import { RelativeTime } from '../../../../arcblock/ux';
-import { useLocaleContext } from '../../../../locale';
-import { useSessionContext } from '../../../../session';
-import ActionButton from '../../components/ActionButton';
-import ShareActions from '../../components/ShareActions';
-import UserInfo from '../../components/UserInfo';
-import { useCurrentAgent } from '../../contexts/CurrentAgent';
-import { useCurrentMessage } from '../../contexts/CurrentMessage';
-import { isValidInput } from '../../utils/agent-inputs';
-const getLineClamp = (line) => ({
-    display: '-webkit-box',
-    WebkitLineClamp: line,
-    WebkitBoxOrient: 'vertical',
-    overflow: 'hidden',
-    overflowWrap: 'break-word',
-    textOverflow: 'ellipsis',
-    whiteSpace: 'wrap',
-});
-export default function PhotoGalleryItem() {
-    var _a, _b;
-    const { message } = useCurrentMessage();
-    const [openDialog, setOpenDialog] = useState(false);
-    const objects = (_b = (_a = message.outputs) === null || _a === void 0 ? void 0 : _a.objects) !== null && _b !== void 0 ? _b : [];
-    const images = objects.flatMap((i) => { var _a; return (_a = i === null || i === void 0 ? void 0 : i[RuntimeOutputVariable.images]) !== null && _a !== void 0 ? _a : []; });
-    if (!images.length && message.error)
-        throw message.error;
-    return images.map(({ url }, index) => {
-        var _a;
-        return (_jsxs(Box, { sx: {
-                position: 'relative',
-                overflow: 'hidden',
-                cursor: 'pointer',
-                '&:hover': {
-                    '.photo-wall-item-alt': {
-                        opacity: 1,
-                    },
-                },
-            }, onClick: () => setOpenDialog(true), children: [_jsx(Box, { component: "img", src: withQuery(url, { imageFilter: 'resize', w: 500 }), alt: "", width: "100%", height: "100%", 
-                    // 首屏 image 不能用 lazy，会闪烁乱序
-                    loading: index < 12 ? 'eager' : 'lazy' }), _jsx(Box, { className: "photo-wall-item-alt", sx: {
-                        position: 'absolute',
-                        top: 0,
-                        bottom: 0,
-                        left: 0,
-                        right: 0,
-                        width: '100%',
-                        height: '100%',
-                        px: 1.5,
-                        py: 1,
-                        display: 'flex',
-                        alignItems: 'flex-end',
-                        fontWeight: 500,
-                        fontSize: 13,
-                        color: 'white',
-                        background: 'linear-gradient(to bottom, rgba(2, 7, 19, 0) 0%, rgba(2, 7, 19, 0.8) 100%)',
-                        opacity: 0,
-                        transition: 'opacity 0.3s',
-                    }, children: _jsx(Box, { sx: Object.assign({ lineHeight: 1.5 }, getLineClamp(3)), children: (_a = message.inputs) === null || _a === void 0 ? void 0 : _a.question }) }), openDialog && (_jsx(PromptDialog, { open: true, url: url, onClose: (e) => {
-                        e.stopPropagation();
-                        e.preventDefault();
-                        setOpenDialog(false);
-                    } }))] }, url));
-    });
-}
-function RenderSubTitle({ children }) {
-    return (_jsx(Typography, { variant: "caption", sx: { fontSize: 14 }, children: children }));
-}
-function PromptView() {
-    var _a;
-    const { message } = useCurrentMessage();
-    const { agent } = useCurrentAgent();
-    const params = 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]);
-    }, [agent.parameters, message.inputs]);
-    if ((params === null || params === void 0 ? void 0 : params.length) === 1) {
-        return (_a = params[0]) === null || _a === void 0 ? void 0 : _a[1];
-    }
-    return params === null || params === void 0 ? void 0 : params.map(([key, value]) => (_jsxs(Typography, { sx: { wordWrap: 'break-word' }, children: [_jsx(Box, { component: "span", sx: { color: 'text.secondary' }, children: key }), "\u00A0\u00A0", _jsx("span", { children: value })] }, key)));
-}
-function PromptDialog(_a) {
-    var _b, _c, _d;
-    var { url } = _a, props = __rest(_a, ["url"]);
-    const { message } = useCurrentMessage();
-    const { inputs: parameters } = message;
-    const { t } = useLocaleContext();
-    const { session: authSession } = useSessionContext();
-    const borderRadius = 1;
-    return (_jsxs(Dialog, Object.assign({ fullWidth: true, maxWidth: "xl", scroll: "paper", slotProps: {
-            backdrop: {
-                sx: {
-                    bgcolor: 'rgba(255, 255, 255, 0.4)',
-                    backdropFilter: 'blur(12px)',
-                },
-            },
-        } }, props, { children: [_jsxs(DialogTitle, { sx: {
-                    display: 'flex',
-                    justifyContent: 'space-between',
-                }, children: [_jsx(Typography, { component: "h5", sx: { fontSize: 24, fontWeight: 700, color: 'primary.main' }, children: t('photoWall.dialog.title') }), _jsx(Box, { children: _jsx(Button, { onClick: (e) => { var _a; return (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props, e, 'backdropClick'); }, variant: "contained", disableElevation: true, sx: {
-                                bgcolor: (theme) => alpha(theme.palette.primary.light, 0.2),
-                                minWidth: 32,
-                                minHeight: 32,
-                                p: 0,
-                                fontSize: 22,
-                                color: 'primary.main',
-                                ':hover': {
-                                    bgcolor: (theme) => alpha(theme.palette.primary.light, 0.3),
-                                },
-                            }, children: _jsx(Icon, { icon: "tabler:x" }) }) })] }), _jsx(DialogContent, { children: _jsxs(Stack, { gap: 2.5, sx: { flexDirection: { md: 'row' } }, children: [_jsx(Stack, { sx: { flex: 3, width: { xs: '100%', md: 0 }, gap: 1 }, children: _jsx(Box, { component: "img", src: url, alt: "", loading: "lazy", sx: {
-                                    display: 'block',
-                                    width: '100%',
-                                    borderRadius,
-                                } }) }), _jsxs(Stack, { sx: { flex: 2, width: { xs: '100%', md: 0 }, gap: 1 }, children: [_jsx(RenderSubTitle, { children: t('photoWall.dialog.author') }), _jsx(UserInfo, { showDID: true, name: (_b = authSession.user) === null || _b === void 0 ? void 0 : _b.fullName, did: (_c = authSession.user) === null || _c === void 0 ? void 0 : _c.did, avatar: (_d = authSession.user) === null || _d === void 0 ? void 0 : _d.avatar }), _jsx(Box, {}), _jsx(Box, { sx: { fontSize: 14, color: 'text.secondary' }, children: _jsx(RelativeTime, { value: message.createdAt }) }), _jsx(Box, {}), _jsx(RenderSubTitle, { children: t('photoWall.dialog.prompt') }), _jsx(Box, { sx: {
-                                        backgroundColor: 'background.paper',
-                                        borderRadius,
-                                        p: 1,
-                                        fontSize: 16,
-                                        border: 1,
-                                        borderColor: 'divider',
-                                        overflow: 'auto',
-                                        maxHeight: { xs: 'unset', md: '40vh' },
-                                    }, children: _jsx(PromptView, {}) }), _jsx(Box, { children: _jsx(ActionButton, { autoReset: true, size: "small", variant: "contained", placement: "right", tip: t('copyToClipboard'), title: t('copy'), titleSucceed: t('copied'), icon: "tabler:copy", iconSucceed: "tabler:copy-check-filled", onClick: () => {
-                                            window.navigator.clipboard.writeText(parameters === null || parameters === void 0 ? void 0 : parameters.question);
-                                        }, sx: {
-                                            borderRadius,
-                                        } }) }), _jsx(ShareActions, { direction: "row", justifyContent: "flex-end", sx: { mt: 2 } })] })] }) })] })));
-}

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

@@ -1,20 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Link, Stack } from '@mui/material';
-import Joi from 'joi';
-import { useMemo } from 'react';
-import OutputFieldContainer from '../../components/OutputFieldContainer';
-const referencedLinksSchema = Joi.array().items(Joi.object({
-    title: Joi.string().required(),
-    url: Joi.string().required(),
-}));
-export default function SuggestedQuestionsView({ output, outputValue }) {
-    const links = useMemo(() => {
-        const result = referencedLinksSchema.validate(outputValue, { allowUnknown: true });
-        if (result.error)
-            return undefined;
-        return result.value;
-    }, [outputValue]);
-    if (!(links === null || links === void 0 ? void 0 : links.length))
-        return null;
-    return (_jsx(OutputFieldContainer, { output: output, children: _jsx(Stack, { gap: 1, children: links.map((item) => (_jsx(Link, { href: item.url, children: item.title }))) }) }));
-}

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

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import OutputFieldContainer from '../../components/OutputFieldContainer';
-import ShareActions from '../../components/ShareActions';
-import { useCurrentMessage } from '../../contexts/CurrentMessage';
-export default function ShareView({ output }) {
-    const message = useCurrentMessage({ optional: true });
-    if (message === null || message === void 0 ? void 0 : message.message.loading)
-        return null;
-    return (_jsx(OutputFieldContainer, { output: output, children: _jsx(ShareActions, { flexDirection: "row", justifyContent: "flex-end" }) }));
-}

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

@@ -1,35 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Box } from '@mui/material';
-import { getAssetUrl } from '../../api/asset';
-import { useComponentPreferences } from '../../contexts/ComponentPreferences';
-import { useRuntimeState } from '../../state/runtime';
-export default function BackgroundImage() {
-    var _a, _b;
-    const { blockletDid, aid } = useRuntimeState();
-    const preferences = useComponentPreferences();
-    if (!((_a = preferences === null || preferences === void 0 ? void 0 : preferences.backgroundImage) === null || _a === void 0 ? void 0 : _a.url))
-        return null;
-    return (_jsx(Box, { sx: {
-            position: 'fixed',
-            left: 0,
-            top: 0,
-            right: 0,
-            bottom: 0,
-            backgroundImage: `url(${getAssetUrl({ blockletDid, aid, filename: (_b = preferences.backgroundImage) === null || _b === void 0 ? void 0 : _b.url })}) !important`,
-            backgroundRepeat: 'no-repeat',
-            backgroundSize: 'cover',
-            backgroundPosition: 'center',
-            pointerEvents: 'none',
-            zIndex: -1,
-            '&::after': {
-                content: '""',
-                position: 'absolute',
-                top: 0,
-                left: 0,
-                right: 0,
-                bottom: 0,
-                backgroundColor: 'rgba(0, 0, 0, 0.12)',
-                pointerEvents: 'none',
-            },
-        } }));
-}

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

@@ -1,39 +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 { cx } from '@emotion/css';
-import { Stack } from '@mui/material';
-export default function DrawerOpenCloseIcon(_a) {
-    var { arrowDirection } = _a, props = __rest(_a, ["arrowDirection"]);
-    return (_jsx(Stack, Object.assign({ direction: "row", position: "relative" }, props, { className: cx(props.className, `drawer-open-close-icon-${arrowDirection || 'up'}`), sx: Object.assign({ p: 1, cursor: 'pointer', ':hover': {
-                opacity: 0.7,
-            }, ':before,:after': {
-                content: '""',
-                display: 'block',
-                bgcolor: 'currentColor',
-                width: 22,
-                height: 6,
-                borderRadius: 100,
-                position: 'relative',
-            }, ':before': {
-                transform: 'translateX(2px) rotateZ(-8deg)',
-            }, ':after': {
-                transform: 'translateX(-2px) rotateZ(8deg)',
-            }, '&.drawer-open-close-icon-down': {
-                ':before': {
-                    transform: 'translateX(2px) rotateZ(8deg)',
-                },
-                ':after': {
-                    transform: 'translateX(-2px) rotateZ(-8deg)',
-                },
-            } }, props.sx) })));
-}

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

@@ -1,65 +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 { RuntimeOutputVariable } from '@blocklet/ai-runtime/types';
-import { Avatar, Collapse, IconButton, Stack } from '@mui/material';
-import { memo, useMemo, useState } from 'react';
-import CustomComponentRenderer from '../../../../../components/CustomComponentRenderer';
-import { getAssetUrl } from '../../api/asset';
-import { useActiveAgent } from '../../contexts/ActiveAgent';
-import CurrentAgentProvider, { useCurrentAgent } from '../../contexts/CurrentAgent';
-import useAppearances, { useProfile } from '../../hooks/use-appearances';
-import { useRuntimeState } from '../../state/runtime';
-import { isValidInput } from '../../utils/agent-inputs';
-import { getOutputVariableInitialValue } from '../../utils/runtime-output-schema';
-import DrawerOpenCloseIcon from './DrawerOpenCloseIcon';
-const COLLAPSED_SIZE = 80;
-export default function InputsView(_a) {
-    var props = __rest(_a, []);
-    const { activeAgentId } = useActiveAgent();
-    const { agent } = useCurrentAgent({ agentId: activeAgentId });
-    const inputs = useMemo(() => { var _a; return (_a = agent.parameters) === null || _a === void 0 ? void 0 : _a.filter(isValidInput); }, [agent]);
-    const enableCollapse = !!inputs && inputs.length > 1;
-    const [open, setOpen] = useState(true);
-    return (_jsxs(Stack, Object.assign({ gap: 1, py: 1 }, props, { children: [enableCollapse && (_jsx(Stack, { direction: "row", justifyContent: "center", onClick: () => setOpen(!open), mb: -1, children: _jsx(DrawerOpenCloseIcon, { color: "grey.500", arrowDirection: open ? 'down' : 'up' }) })), _jsx(AgentList, { sx: { px: { xs: 2, sm: 3 } } }), _jsx(Collapse, { in: !enableCollapse || open, orientation: "vertical", collapsedSize: enableCollapse ? COLLAPSED_SIZE : 0, sx: {
-                    py: 1,
-                    maxHeight: '40vh',
-                    px: { xs: 2, sm: 3 },
-                    overflow: 'auto',
-                }, children: _jsx(CurrentAgentProvider, { agentId: activeAgentId, children: _jsx(AgentInput, {}) }) }, inputs === null || inputs === void 0 ? void 0 : inputs.length)] })));
-}
-const AgentList = memo((_a) => {
-    var props = __rest(_a, []);
-    const { activeAgentId, setActiveAgentId } = useActiveAgent();
-    const { agent: runtimeAgent } = useRuntimeState();
-    const children = useMemo(() => { var _a, _b; return (_b = (_a = getOutputVariableInitialValue(runtimeAgent, RuntimeOutputVariable.children)) === null || _a === void 0 ? void 0 : _a.agents) === null || _b === void 0 ? void 0 : _b.filter((i) => !!i.id); }, [runtimeAgent]);
-    if (!(children === null || children === void 0 ? void 0 : children.length) || children.length <= 1)
-        return null;
-    return (_jsx(Stack, Object.assign({ direction: "row", gap: 2, py: 1, overflow: "auto" }, props, { children: children === null || children === void 0 ? void 0 : children.map((child) => (_jsx(CurrentAgentProvider, { agentId: child.id, children: _jsx(AgentAvatar, { selected: activeAgentId === child.id, onClick: () => setActiveAgentId(child.id) }) }, child.id))) })));
-});
-function AgentAvatar(_a) {
-    var _b;
-    var { selected } = _a, props = __rest(_a, ["selected"]);
-    const { blockletDid, aid } = useRuntimeState();
-    const { appearanceInput } = useAppearances();
-    const profile = useProfile();
-    if (!(appearanceInput === null || appearanceInput === void 0 ? void 0 : appearanceInput.componentId))
-        return null;
-    return (_jsx(IconButton, Object.assign({}, props, { sx: Object.assign({ p: 0, outline: selected ? 3 : 0, outlineColor: 'primary.light' }, props.sx), children: _jsx(Avatar, { src: getAssetUrl({ blockletDid, aid, filename: profile === null || profile === void 0 ? void 0 : profile.avatar, preset: 'avatar' }), children: (_b = profile.name) === null || _b === void 0 ? void 0 : _b.slice(0, 1) }) })));
-}
-function AgentInput() {
-    const { aid } = useCurrentAgent();
-    const { appearanceInput } = useAppearances({ aid });
-    if (!(appearanceInput === null || appearanceInput === void 0 ? void 0 : appearanceInput.componentId))
-        return null;
-    return (_jsx(CustomComponentRenderer, { componentId: appearanceInput.componentId, properties: appearanceInput.componentProperties }));
-}

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

@@ -1,50 +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 { cx } from '@emotion/css';
-import { Box, Stack } from '@mui/material';
-import { Suspense, memo } from 'react';
-import CustomComponentRenderer from '../../../../../components/CustomComponentRenderer';
-import { useSessionContext } from '../../../../session';
-import { getAssetUrl } from '../../api/asset';
-import AgentErrorBoundary, { AgentErrorView } from '../../components/AgentErrorBoundary';
-import UserInfo from '../../components/UserInfo';
-import { useComponentPreferences } from '../../contexts/ComponentPreferences';
-import CurrentAgentProvider from '../../contexts/CurrentAgent';
-import CurrentMessageProvider from '../../contexts/CurrentMessage';
-import useAppearances, { useProfile } from '../../hooks/use-appearances';
-import { useRuntimeState } from '../../state/runtime';
-import UserMessageView from './UserMessageView';
-const MessageView = memo(({ message }) => {
-    var _a, _b, _c, _d, _e, _f;
-    const { aid, blockletDid } = useRuntimeState();
-    const preferences = useComponentPreferences();
-    const hasBg = !!((_a = preferences === null || preferences === void 0 ? void 0 : preferences.backgroundImage) === null || _a === void 0 ? void 0 : _a.url);
-    const { session: authSession } = useSessionContext();
-    const { appearanceOutput } = useAppearances({ agentId: message.agentId });
-    const profile = useProfile({ agentId: message.agentId });
-    const { hideAgentAvatar, hideUserInputs } = (_b = useComponentPreferences()) !== null && _b !== void 0 ? _b : {};
-    if (!(appearanceOutput === null || appearanceOutput === void 0 ? void 0 : appearanceOutput.componentId))
-        return null;
-    const agentMessage = (_jsx(MessageBodyContainer, { messageRole: "assistant", children: _jsx(Suspense, { children: _jsx(CustomComponentRenderer, { componentId: appearanceOutput.componentId, properties: appearanceOutput.componentProperties, fallbackRender: AgentErrorView }, message.id) }) }));
-    return (_jsx(CurrentAgentProvider, { agentId: message.agentId, children: _jsx(CurrentMessageProvider, { message: message, children: _jsxs(Stack, { gap: 2, className: "message-item", "data-testid": `message-${message.id}`, children: [!hideUserInputs && (_jsx(Box, { children: _jsx(UserInfo, { name: (_c = authSession.user) === null || _c === void 0 ? void 0 : _c.fullName, did: (_d = authSession.user) === null || _d === void 0 ? void 0 : _d.did, avatar: getAssetUrl({ filename: (_e = authSession.user) === null || _e === void 0 ? void 0 : _e.avatar, preset: 'avatar' }), time: message.createdAt, reverse: true, alignItems: "flex-start", UserNameProps: { sx: { color: hasBg ? 'white' : undefined } }, children: _jsx(Stack, { sx: { alignItems: 'flex-end' }, children: _jsx(MessageBodyContainer, { messageRole: "user", children: _jsx(AgentErrorBoundary, { children: _jsx(Suspense, { children: _jsx(UserMessageView, {}) }) }) }) }) }) })), _jsx(Box, { children: !hideAgentAvatar ? (_jsx(UserInfo, { name: profile.name, did: (_f = globalThis.blocklet) === null || _f === void 0 ? void 0 : _f.appId, avatar: getAssetUrl({ blockletDid, aid, filename: profile.avatar, preset: 'avatar' }), time: message.createdAt, alignItems: "flex-start", UserNameProps: { sx: { color: hasBg ? 'white' : undefined } }, children: agentMessage })) : (agentMessage) })] }) }) }));
-});
-export default MessageView;
-export function MessageBodyContainer(_a) {
-    var _b;
-    var { messageRole } = _a, props = __rest(_a, ["messageRole"]);
-    const preferences = useComponentPreferences();
-    const hasBg = !!((_b = preferences === null || preferences === void 0 ? void 0 : preferences.backgroundImage) === null || _b === void 0 ? void 0 : _b.url);
-    const hideUserMessage = preferences === null || preferences === void 0 ? void 0 : preferences.hideUserInputs;
-    return (_jsx(Box, Object.assign({}, props, { className: cx(props.className, 'message-content', `${messageRole}-message-content`), sx: hasBg
-            ? Object.assign({ borderRadius: 1, borderTopRightRadius: messageRole === 'user' ? 2 : undefined, borderTopLeftRadius: messageRole !== 'user' ? 2 : undefined, px: 2, py: 1, marginTop: 0.5, maxWidth: hideUserMessage ? 'unset' : 'calc(100% - 40px)', bgcolor: 'rgba(255, 255, 255, 0.8)', backdropFilter: 'blur(16px)' }, props.sx) : Object.assign({}, props.sx) })));
-}

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

@@ -1,28 +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 { Divider, Stack } from '@mui/material';
-import React from 'react';
-import { useComponentPreferences } from '../../contexts/ComponentPreferences';
-import { useCurrentSessionState, useSessionState } from '../../state/session';
-import mapRight from '../../utils/map-right';
-import MessageView from './MessageView';
-import OpeningMessageView from './OpeningMessageView';
-export default function MessagesView(_a) {
-    var _b, _c;
-    var props = __rest(_a, []);
-    const messages = (_b = useCurrentSessionState((s) => s === null || s === void 0 ? void 0 : s.messages)) !== null && _b !== void 0 ? _b : [];
-    const loaded = useSessionState((s) => s.loaded);
-    const showOpening = useCurrentSessionState((s) => !s || (s === null || s === void 0 ? void 0 : s.loaded)) && loaded;
-    const divider = (_c = useComponentPreferences()) === null || _c === void 0 ? void 0 : _c.divider;
-    return (_jsxs(Stack, Object.assign({ gap: 2 }, props, { children: [showOpening && _jsx(OpeningMessageView, { isMessagesEmpty: !(messages === null || messages === void 0 ? void 0 : messages.length) }), mapRight(messages, (message, index) => (_jsxs(React.Fragment, { children: [_jsx(MessageView, { message: message }), divider && index !== messages.length - 1 ? _jsx(Divider, { sx: { my: 2 } }) : undefined] }, message.id)))] })));
-}

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

@@ -1,40 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { RuntimeOutputVariable } from '@blocklet/ai-runtime/types';
-import { memo, useMemo } from 'react';
-import CustomComponentRenderer from '../../../../../components/CustomComponentRenderer';
-import { getAssetUrl } from '../../api/asset';
-import UserInfo from '../../components/UserInfo';
-import { DEFAULT_OUTPUT_COMPONENTS } from '../../constants';
-import { useComponentPreferences } from '../../contexts/ComponentPreferences';
-import { useCurrentAgent } from '../../contexts/CurrentAgent';
-import { useOpeningMessage, useOpeningQuestions, useProfile } from '../../hooks/use-appearances';
-import { useRuntimeState } from '../../state/runtime';
-import { MessageBodyContainer } from './MessageView';
-const OpeningMessageView = memo(({ isMessagesEmpty }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-    const { blockletDid, aid } = useRuntimeState();
-    const { hideAgentAvatar, backgroundImage } = (_a = useComponentPreferences()) !== null && _a !== void 0 ? _a : {};
-    const hasBg = !!(backgroundImage === null || backgroundImage === void 0 ? void 0 : backgroundImage.url);
-    const openingMessage = useOpeningMessage();
-    const openingMessageOutput = useMemo(() => { var _a; return (_a = openingMessage === null || openingMessage === void 0 ? void 0 : openingMessage.agent.outputVariables) === null || _a === void 0 ? void 0 : _a.find((i) => i.name === RuntimeOutputVariable.openingMessage); }, [openingMessage === null || openingMessage === void 0 ? void 0 : openingMessage.agent]);
-    const openingMessageComponentId = ((_b = openingMessageOutput === null || openingMessageOutput === void 0 ? void 0 : openingMessageOutput.appearance) === null || _b === void 0 ? void 0 : _b.componentId) ||
-        ((_c = DEFAULT_OUTPUT_COMPONENTS[RuntimeOutputVariable.openingMessage]) === null || _c === void 0 ? void 0 : _c.componentId);
-    const profile = useProfile();
-    const { agent } = useCurrentAgent();
-    const openingQuestions = useOpeningQuestions();
-    const openingQuestionsOutput = useMemo(() => { var _a; return (_a = agent.outputVariables) === null || _a === void 0 ? void 0 : _a.find((i) => i.name === RuntimeOutputVariable.openingQuestions); }, [agent.outputVariables]);
-    const openingQuestionsComponentId = ((_d = openingQuestionsOutput === null || openingQuestionsOutput === void 0 ? void 0 : openingQuestionsOutput.appearance) === null || _d === void 0 ? void 0 : _d.componentId) ||
-        ((_e = DEFAULT_OUTPUT_COMPONENTS[RuntimeOutputVariable.openingQuestions]) === null || _e === void 0 ? void 0 : _e.componentId);
-    if ((!(openingMessage === null || openingMessage === void 0 ? void 0 : openingMessage.message) || !openingMessageComponentId) &&
-        (!openingQuestionsComponentId || !(openingQuestions === null || openingQuestions === void 0 ? void 0 : openingQuestions.questions.length) || !isMessagesEmpty)) {
-        return null;
-    }
-    const children = (_jsxs(MessageBodyContainer, { children: [openingMessage && openingMessageOutput && openingMessageComponentId && (_jsx(CustomComponentRenderer, { instanceId: openingMessageOutput.id, componentId: openingMessageComponentId, properties: (_f = openingMessageOutput.appearance) === null || _f === void 0 ? void 0 : _f.componentProperties, props: { output: openingMessageOutput, outputValue: openingMessage.message } })), isMessagesEmpty && openingQuestionsComponentId && (_jsx(CustomComponentRenderer, { instanceId: agent.id, componentId: openingQuestionsComponentId, properties: (_g = openingQuestionsOutput === null || openingQuestionsOutput === void 0 ? void 0 : openingQuestionsOutput.appearance) === null || _g === void 0 ? void 0 : _g.componentProperties, props: { output: openingQuestionsOutput } }))] }));
-    return hideAgentAvatar ? (children) : (_jsx(UserInfo, { name: ((_h = openingMessage === null || openingMessage === void 0 ? void 0 : openingMessage.profile) !== null && _h !== void 0 ? _h : profile).name, did: (_j = globalThis.blocklet) === null || _j === void 0 ? void 0 : _j.appId, avatar: getAssetUrl({
-            blockletDid,
-            aid,
-            filename: ((_k = openingMessage === null || openingMessage === void 0 ? void 0 : openingMessage.profile) !== null && _k !== void 0 ? _k : profile).avatar,
-            preset: 'avatar',
-        }), alignItems: "flex-start", UserNameProps: { sx: { color: hasBg ? 'white' : undefined } }, children: children }));
-});
-export default OpeningMessageView;

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

@@ -1,22 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Typography } from '@mui/material';
-import { useMemo } from 'react';
-import MarkdownRenderer from '../../components/MarkdownRenderer';
-import { useCurrentAgent } from '../../contexts/CurrentAgent';
-import { useCurrentMessage } from '../../contexts/CurrentMessage';
-import { isValidInput } from '../../utils/agent-inputs';
-export default function UserMessageView() {
-    var _a;
-    const { message } = useCurrentMessage();
-    const { agent } = useCurrentAgent();
-    const params = useMemo(() => {
-        var _a;
-        const inputs = (_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]);
-        const q = inputs === null || inputs === void 0 ? void 0 : inputs.find((i) => i[0] === 'question');
-        return q ? [q] : inputs;
-    }, [agent.parameters, message.inputs]);
-    if ((params === null || params === void 0 ? void 0 : params.length) === 1) {
-        return _jsx(MarkdownRenderer, { children: (_a = params[0]) === null || _a === void 0 ? void 0 : _a[1] });
-    }
-    return params === null || params === void 0 ? void 0 : params.map(([key, value]) => (_jsxs(Typography, { sx: { wordWrap: 'break-word' }, children: [_jsx(Box, { component: "span", sx: { color: 'text.secondary' }, children: key }), "\u00A0\u00A0", _jsx("span", { children: value })] }, key)));
-}

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

@@ -1,53 +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, Fragment as _Fragment } from "react/jsx-runtime";
-import { Box, CircularProgress, alpha } from '@mui/material';
-import { useEffect } from 'react';
-import { useScrollToBottom } from 'react-scroll-to-bottom';
-import SimpleHeader from '../../components/Header/SimpleHeader';
-import SimpleLayout from '../../components/Layout/SimpleLayout';
-import ScrollView from '../../components/ScrollView';
-import { useActiveAgent } from '../../contexts/ActiveAgent';
-import ComponentPreferencesProvider, { useComponentPreferences, } from '../../contexts/ComponentPreferences';
-import CurrentAgentProvider from '../../contexts/CurrentAgent';
-import { useAutoLoadSessionState, useCurrentSessionState, useSessionState } from '../../state/session';
-import BackgroundImage from './BackgroundImage';
-import InputsView from './InputsView';
-import MessagesView from './MessagesView';
-export default function SimpleChat(_a) {
-    var { scrollViewProps = { scroll: 'window', initialScrollBehavior: 'auto' } } = _a, preferences = __rest(_a, ["scrollViewProps"]);
-    useAutoLoadSessionState();
-    return (_jsx(ComponentPreferencesProvider, Object.assign({}, preferences, { children: _jsxs(ScrollView, Object.assign({}, scrollViewProps, { children: [_jsx(BackgroundImage, {}), _jsx(SimpleChatView, {})] })) })));
-}
-function SimpleChatView() {
-    var _a;
-    const preferences = useComponentPreferences();
-    const hasBg = !!((_a = preferences === null || preferences === void 0 ? void 0 : preferences.backgroundImage) === null || _a === void 0 ? void 0 : _a.url);
-    const { activeAgentId } = useActiveAgent();
-    // auto scroll to bottom when new message is sent
-    const running = useCurrentSessionState((s) => s === null || s === void 0 ? void 0 : s.running);
-    const scrollToBottom = useScrollToBottom();
-    useEffect(() => {
-        if (running)
-            scrollToBottom({ behavior: 'smooth' });
-    }, [scrollToBottom, running]);
-    const sessionLoading = useCurrentSessionState((s) => s === null || s === void 0 ? void 0 : s.loading);
-    const loading = useSessionState((s) => s === null || s === void 0 ? void 0 : s.loading) || sessionLoading;
-    return (_jsxs(SimpleLayout, { px: 0, children: [_jsx(SimpleHeader, { px: 4, sx: { color: hasBg ? 'white' : undefined } }), loading ? (_jsx(Box, { textAlign: "center", my: 10, children: _jsx(CircularProgress, { size: 24 }) })) : (_jsxs(_Fragment, { children: [_jsx(CurrentAgentProvider, { agentId: activeAgentId, children: _jsx(MessagesView, { className: "aigne-outputs aigne-simple-chat-outputs", flexGrow: 1, pb: 10, px: { xs: 2, sm: 3 } }) }), _jsx(CurrentAgentProvider, { agentId: activeAgentId, children: _jsx(InputsView, { className: "aigne-inputs aigne-simple-chat-inputs", sx: {
-                                position: 'sticky',
-                                bottom: 0,
-                                zIndex: 10,
-                                borderRadius: 1,
-                                bgcolor: (theme) => alpha(theme.palette.background.paper, 0.8),
-                                backdropFilter: 'blur(16px)',
-                            } }) })] }))] }));
-}

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

@@ -1,40 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { RuntimeOutputVariable } from '@blocklet/ai-runtime/types';
-import { Stack } from '@mui/material';
-import { Suspense, useMemo } from 'react';
-import CustomComponentRenderer from '../../../../../components/CustomComponentRenderer';
-import AgentErrorBoundary, { AgentErrorView } from '../../components/AgentErrorBoundary';
-import { getDefaultOutputComponent } from '../../constants';
-import { useComponentPreferences } from '../../contexts/ComponentPreferences';
-import { useCurrentAgent } from '../../contexts/CurrentAgent';
-import { useCurrentMessage } from '../../contexts/CurrentMessage';
-const ignoredOutputs = new Set([
-    RuntimeOutputVariable.appearancePage,
-    RuntimeOutputVariable.appearanceInput,
-    RuntimeOutputVariable.appearanceOutput,
-    RuntimeOutputVariable.openingQuestions,
-    RuntimeOutputVariable.openingMessage,
-]);
-export default function SimpleOutput() {
-    const preferences = useComponentPreferences();
-    const CustomComponentActionsComponent = preferences === null || preferences === void 0 ? void 0 : preferences.customOutputActionsComponent;
-    const { message } = useCurrentMessage();
-    const { agent } = useCurrentAgent();
-    const outputs = useMemo(() => {
-        var _a;
-        return (_a = agent.outputVariables) === null || _a === void 0 ? void 0 : _a.map((i) => {
-            var _a, _b;
-            return (Object.assign(Object.assign({}, i), { appearance: Object.assign(Object.assign({}, i.appearance), { componentId: ((_a = i.appearance) === null || _a === void 0 ? void 0 : _a.componentId) || ((_b = getDefaultOutputComponent(i)) === null || _b === void 0 ? void 0 : _b.componentId) }) }));
-        }).filter((i) => { var _a; return !!((_a = i.appearance) === null || _a === void 0 ? void 0 : _a.componentId) && !ignoredOutputs.has(i.name); });
-    }, [agent.outputVariables]);
-    if (!(outputs === null || outputs === void 0 ? void 0 : outputs.length))
-        return null;
-    return (_jsxs(Stack, { gap: 2, children: [outputs.map((output) => {
-                var _a, _b, _c, _d, _e, _f, _g, _h;
-                const value = output.name === RuntimeOutputVariable.text
-                    ? ((_a = message.outputs) === null || _a === void 0 ? void 0 : _a.content) ||
-                        ((_d = (_c = (_b = message.outputs) === null || _b === void 0 ? void 0 : _b.objects) === null || _c === void 0 ? void 0 : _c.find((i) => i === null || i === void 0 ? void 0 : i[RuntimeOutputVariable.text])) === null || _d === void 0 ? void 0 : _d[RuntimeOutputVariable.text])
-                    : (_g = (_f = (_e = message.outputs) === null || _e === void 0 ? void 0 : _e.objects) === null || _f === void 0 ? void 0 : _f.find((i) => i === null || i === void 0 ? void 0 : i[output.name])) === null || _g === void 0 ? void 0 : _g[output.name];
-                return (_jsx(CustomComponentRenderer, { instanceId: output.id, componentId: output.appearance.componentId, properties: output.appearance.componentProperties, props: Object.assign({ output, outputValue: value, writing: output.name === RuntimeOutputVariable.text && message.loading }, (((_h = output === null || output === void 0 ? void 0 : output.appearance) === null || _h === void 0 ? void 0 : _h.componentProps) || {})) }, output.id));
-            }), message.error && _jsx(AgentErrorView, { error: message.error }), CustomComponentActionsComponent && (_jsx(AgentErrorBoundary, { children: _jsx(Suspense, { children: _jsx(CustomComponentActionsComponent, {}) }) }))] }));
-}