@blocklet/pages-kit 0.2.433 → 0.2.435

package/lib/cjs/builtin/async/ai-runtime/runtime-components/MarkdownView/index.js

@@ -1,13 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = MarkdownView;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const css_1 = require("@emotion/css");
-const MarkdownRenderer_1 = __importDefault(require("../../components/MarkdownRenderer"));
-const OutputFieldContainer_1 = __importDefault(require("../../components/OutputFieldContainer"));
-function MarkdownView({ output, outputValue, fontSize, writing, }) {
-    return ((0, jsx_runtime_1.jsx)(OutputFieldContainer_1.default, { output: output, children: (0, jsx_runtime_1.jsx)(MarkdownRenderer_1.default, { className: (0, css_1.cx)(writing && 'writing'), sx: { fontSize: typeof fontSize === 'string' && /^\d+$/.test(fontSize) ? Number(fontSize) : fontSize }, children: outputValue }) }));
-}

package/lib/cjs/builtin/async/ai-runtime/runtime-components/OpeningQuestionsView/index.js

@@ -1,46 +0,0 @@
-"use strict";
-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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = OpeningQuestionsView;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const react_1 = require("react");
-const OutputFieldContainer_1 = __importDefault(require("../../components/OutputFieldContainer"));
-const CurrentAgent_1 = require("../../contexts/CurrentAgent");
-const use_appearances_1 = require("../../hooks/use-appearances");
-const runtime_1 = require("../../state/runtime");
-function OpeningQuestionsView({ output }) {
-    const { aid } = (0, CurrentAgent_1.useCurrentAgent)();
-    const { execute } = (0, runtime_1.useRuntimeState)();
-    const opening = (0, use_appearances_1.useOpeningQuestions)();
-    const [submitting, setSubmitting] = (0, react_1.useState)(false);
-    if (!(opening === null || opening === void 0 ? void 0 : opening.questions.length))
-        return null;
-    return ((0, jsx_runtime_1.jsx)(OutputFieldContainer_1.default, { output: output, children: (0, jsx_runtime_1.jsx)(material_1.List, { disablePadding: true, sx: { [`.${material_1.listItemButtonClasses.root}`]: { border: 1, borderColor: 'grey.200', borderRadius: 1, my: 1 } }, children: opening.questions.map((item) => {
-                return ((0, jsx_runtime_1.jsx)(material_1.ListItemButton, { onClick: () => __awaiter(this, void 0, void 0, function* () {
-                        if (submitting)
-                            return;
-                        try {
-                            setSubmitting(true);
-                            yield execute({
-                                aid,
-                                parameters: Object.assign(Object.assign({}, item.parameters), { question: item.parameters.question || item.title }),
-                            });
-                        }
-                        finally {
-                            setSubmitting(false);
-                        }
-                    }), children: item.title }, item.id));
-            }) }) }));
-}

package/lib/cjs/builtin/async/ai-runtime/runtime-components/OutputFieldView/type.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,65 +0,0 @@
-"use strict";
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = PhotoGallery;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const lab_1 = require("@mui/lab");
-const material_1 = require("@mui/material");
-const react_1 = require("react");
-const react_wrap_balancer_1 = __importDefault(require("react-wrap-balancer"));
-const CustomComponentRenderer_1 = __importDefault(require("../../../../../components/CustomComponentRenderer"));
-const locale_1 = require("../../../../locale");
-const AgentErrorBoundary_1 = require("../../components/AgentErrorBoundary");
-const SimpleHeader_1 = __importDefault(require("../../components/Header/SimpleHeader"));
-const LoadingButton_1 = __importDefault(require("../../components/LoadingButton"));
-const ActiveAgent_1 = require("../../contexts/ActiveAgent");
-const CurrentAgent_1 = __importDefault(require("../../contexts/CurrentAgent"));
-const CurrentMessage_1 = __importDefault(require("../../contexts/CurrentMessage"));
-const use_appearances_1 = __importDefault(require("../../hooks/use-appearances"));
-const session_1 = require("../../state/session");
-function PhotoGallery({ resultTitle }) {
-    const { activeAgentId } = (0, ActiveAgent_1.useActiveAgent)();
-    (0, session_1.useAutoLoadSessionState)();
-    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { className: "aigne-layout aigne-photo-wall-layout", children: [(0, jsx_runtime_1.jsx)(SimpleHeader_1.default, { TitleProps: { fontSize: 48 }, DescriptionProps: { fontSize: 20 }, maxWidth: "md", mx: "auto", width: "100%", px: { xs: 2, sm: 3 } }), (0, jsx_runtime_1.jsx)(CurrentAgent_1.default, { agentId: activeAgentId, children: (0, jsx_runtime_1.jsx)(AgentInputRender, { className: "aigne-inputs aigne-photo-wall-inputs", maxWidth: "md", mx: "auto", width: "100%", px: { xs: 2, sm: 3 } }) }), (0, jsx_runtime_1.jsx)(OutputView, { resultTitle: resultTitle, className: "aigne-outputs aigne-photo-wall-outputs", gap: 2 })] }));
-}
-function AgentInputRender(_a) {
-    var props = __rest(_a, []);
-    const { appearanceInput } = (0, use_appearances_1.default)();
-    if (!(appearanceInput === null || appearanceInput === void 0 ? void 0 : appearanceInput.componentId))
-        return null;
-    return ((0, jsx_runtime_1.jsx)(material_1.Stack, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)(CustomComponentRenderer_1.default, { componentId: appearanceInput.componentId, properties: appearanceInput.componentProperties }) })));
-}
-function NoOutputs() {
-    return ((0, jsx_runtime_1.jsx)(material_1.Stack, { mt: 10, children: (0, jsx_runtime_1.jsx)(material_1.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 } = (0, locale_1.useLocaleContext)();
-    const ref = (0, react_1.useRef)(null);
-    const { messages = [], running, loaded, noMoreMessage } = (_b = (0, session_1.useCurrentSessionState)((s) => s)) !== null && _b !== void 0 ? _b : {};
-    const loadMoreMessages = (0, session_1.useSessionState)((s) => s.loadMoreMessages);
-    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, Object.assign({ width: "100%", alignItems: "center", px: { xs: 2, sm: 3 }, mt: { xs: 2, sm: 3 } }, props, { children: [resultTitle && ((0, jsx_runtime_1.jsx)(material_1.Typography, { width: "100%", component: "h2", fontSize: 36, fontWeight: 700, textAlign: "center", children: (0, jsx_runtime_1.jsx)(react_wrap_balancer_1.default, { children: resultTitle }) })), loaded && !messages.length && (0, jsx_runtime_1.jsx)(NoOutputs, {}), (0, jsx_runtime_1.jsxs)(lab_1.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 && ((0, jsx_runtime_1.jsx)(material_1.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) => ((0, jsx_runtime_1.jsx)(OutputItemView, { message: message }, message.id)))] }), (0, jsx_runtime_1.jsx)(material_1.Box, { my: 4, children: !!messages.length && !noMoreMessage && ((0, jsx_runtime_1.jsx)(LoadingButton_1.default, { variant: "outlined", onClick: () => loadMoreMessages(), children: t('loadMore') })) })] })));
-}
-const OutputItemView = (0, react_1.memo)(({ message }) => {
-    const { appearanceOutput } = (0, use_appearances_1.default)({ agentId: message.agentId });
-    if (!(appearanceOutput === null || appearanceOutput === void 0 ? void 0 : appearanceOutput.componentId))
-        return null;
-    return ((0, jsx_runtime_1.jsx)(CurrentAgent_1.default, { agentId: message.agentId, children: (0, jsx_runtime_1.jsx)(CurrentMessage_1.default, { message: message, children: (0, jsx_runtime_1.jsx)(react_1.Suspense, { children: (0, jsx_runtime_1.jsx)(CustomComponentRenderer_1.default, { componentId: appearanceOutput.componentId, properties: appearanceOutput.componentProperties, fallbackRender: AgentErrorBoundary_1.AgentErrorView }, message.id) }) }) }, message.id));
-});

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

@@ -1,150 +0,0 @@
-"use strict";
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = PhotoGalleryItem;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const types_1 = require("@blocklet/ai-runtime/types");
-const react_1 = require("@iconify/react");
-const material_1 = require("@mui/material");
-const react_2 = require("react");
-const ufo_1 = require("ufo");
-const ux_1 = require("../../../../arcblock/ux");
-const locale_1 = require("../../../../locale");
-const session_1 = require("../../../../session");
-const ActionButton_1 = __importDefault(require("../../components/ActionButton"));
-const ShareActions_1 = __importDefault(require("../../components/ShareActions"));
-const UserInfo_1 = __importDefault(require("../../components/UserInfo"));
-const CurrentAgent_1 = require("../../contexts/CurrentAgent");
-const CurrentMessage_1 = require("../../contexts/CurrentMessage");
-const agent_inputs_1 = require("../../utils/agent-inputs");
-const getLineClamp = (line) => ({
-    display: '-webkit-box',
-    WebkitLineClamp: line,
-    WebkitBoxOrient: 'vertical',
-    overflow: 'hidden',
-    overflowWrap: 'break-word',
-    textOverflow: 'ellipsis',
-    whiteSpace: 'wrap',
-});
-function PhotoGalleryItem() {
-    var _a, _b;
-    const { message } = (0, CurrentMessage_1.useCurrentMessage)();
-    const [openDialog, setOpenDialog] = (0, react_2.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[types_1.RuntimeOutputVariable.images]) !== null && _a !== void 0 ? _a : []; });
-    if (!images.length && message.error)
-        throw message.error;
-    return images.map(({ url }, index) => {
-        var _a;
-        return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
-                position: 'relative',
-                overflow: 'hidden',
-                cursor: 'pointer',
-                '&:hover': {
-                    '.photo-wall-item-alt': {
-                        opacity: 1,
-                    },
-                },
-            }, onClick: () => setOpenDialog(true), children: [(0, jsx_runtime_1.jsx)(material_1.Box, { component: "img", src: (0, ufo_1.withQuery)(url, { imageFilter: 'resize', w: 500 }), alt: "", width: "100%", height: "100%", 
-                    // 首屏 image 不能用 lazy，会闪烁乱序
-                    loading: index < 12 ? 'eager' : 'lazy' }), (0, jsx_runtime_1.jsx)(material_1.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: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: Object.assign({ lineHeight: 1.5 }, getLineClamp(3)), children: (_a = message.inputs) === null || _a === void 0 ? void 0 : _a.question }) }), openDialog && ((0, jsx_runtime_1.jsx)(PromptDialog, { open: true, url: url, onClose: (e) => {
-                        e.stopPropagation();
-                        e.preventDefault();
-                        setOpenDialog(false);
-                    } }))] }, url));
-    });
-}
-function RenderSubTitle({ children }) {
-    return ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "caption", sx: { fontSize: 14 }, children: children }));
-}
-function PromptView() {
-    var _a;
-    const { message } = (0, CurrentMessage_1.useCurrentMessage)();
-    const { agent } = (0, CurrentAgent_1.useCurrentAgent)();
-    const params = (0, react_2.useMemo)(() => {
-        var _a;
-        return (_a = agent.parameters) === null || _a === void 0 ? void 0 : _a.filter(agent_inputs_1.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]) => ((0, jsx_runtime_1.jsxs)(material_1.Typography, { sx: { wordWrap: 'break-word' }, children: [(0, jsx_runtime_1.jsx)(material_1.Box, { component: "span", sx: { color: 'text.secondary' }, children: key }), "\u00A0\u00A0", (0, jsx_runtime_1.jsx)("span", { children: value })] }, key)));
-}
-function PromptDialog(_a) {
-    var _b, _c, _d;
-    var { url } = _a, props = __rest(_a, ["url"]);
-    const { message } = (0, CurrentMessage_1.useCurrentMessage)();
-    const { inputs: parameters } = message;
-    const { t } = (0, locale_1.useLocaleContext)();
-    const { session: authSession } = (0, session_1.useSessionContext)();
-    const borderRadius = 1;
-    return ((0, jsx_runtime_1.jsxs)(material_1.Dialog, Object.assign({ fullWidth: true, maxWidth: "xl", scroll: "paper", slotProps: {
-            backdrop: {
-                sx: {
-                    bgcolor: 'rgba(255, 255, 255, 0.4)',
-                    backdropFilter: 'blur(12px)',
-                },
-            },
-        } }, props, { children: [(0, jsx_runtime_1.jsxs)(material_1.DialogTitle, { sx: {
-                    display: 'flex',
-                    justifyContent: 'space-between',
-                }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { component: "h5", sx: { fontSize: 24, fontWeight: 700, color: 'primary.main' }, children: t('photoWall.dialog.title') }), (0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(material_1.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) => (0, material_1.alpha)(theme.palette.primary.light, 0.2),
-                                minWidth: 32,
-                                minHeight: 32,
-                                p: 0,
-                                fontSize: 22,
-                                color: 'primary.main',
-                                ':hover': {
-                                    bgcolor: (theme) => (0, material_1.alpha)(theme.palette.primary.light, 0.3),
-                                },
-                            }, children: (0, jsx_runtime_1.jsx)(react_1.Icon, { icon: "tabler:x" }) }) })] }), (0, jsx_runtime_1.jsx)(material_1.DialogContent, { children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: 2.5, sx: { flexDirection: { md: 'row' } }, children: [(0, jsx_runtime_1.jsx)(material_1.Stack, { sx: { flex: 3, width: { xs: '100%', md: 0 }, gap: 1 }, children: (0, jsx_runtime_1.jsx)(material_1.Box, { component: "img", src: url, alt: "", loading: "lazy", sx: {
-                                    display: 'block',
-                                    width: '100%',
-                                    borderRadius,
-                                } }) }), (0, jsx_runtime_1.jsxs)(material_1.Stack, { sx: { flex: 2, width: { xs: '100%', md: 0 }, gap: 1 }, children: [(0, jsx_runtime_1.jsx)(RenderSubTitle, { children: t('photoWall.dialog.author') }), (0, jsx_runtime_1.jsx)(UserInfo_1.default, { 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 }), (0, jsx_runtime_1.jsx)(material_1.Box, {}), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { fontSize: 14, color: 'text.secondary' }, children: (0, jsx_runtime_1.jsx)(ux_1.RelativeTime, { value: message.createdAt }) }), (0, jsx_runtime_1.jsx)(material_1.Box, {}), (0, jsx_runtime_1.jsx)(RenderSubTitle, { children: t('photoWall.dialog.prompt') }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
-                                        backgroundColor: 'background.paper',
-                                        borderRadius,
-                                        p: 1,
-                                        fontSize: 16,
-                                        border: 1,
-                                        borderColor: 'divider',
-                                        overflow: 'auto',
-                                        maxHeight: { xs: 'unset', md: '40vh' },
-                                    }, children: (0, jsx_runtime_1.jsx)(PromptView, {}) }), (0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(ActionButton_1.default, { 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,
-                                        } }) }), (0, jsx_runtime_1.jsx)(ShareActions_1.default, { direction: "row", justifyContent: "flex-end", sx: { mt: 2 } })] })] }) })] })));
-}

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

@@ -1,26 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = SuggestedQuestionsView;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const joi_1 = __importDefault(require("joi"));
-const react_1 = require("react");
-const OutputFieldContainer_1 = __importDefault(require("../../components/OutputFieldContainer"));
-const referencedLinksSchema = joi_1.default.array().items(joi_1.default.object({
-    title: joi_1.default.string().required(),
-    url: joi_1.default.string().required(),
-}));
-function SuggestedQuestionsView({ output, outputValue }) {
-    const links = (0, react_1.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 ((0, jsx_runtime_1.jsx)(OutputFieldContainer_1.default, { output: output, children: (0, jsx_runtime_1.jsx)(material_1.Stack, { gap: 1, children: links.map((item) => ((0, jsx_runtime_1.jsx)(material_1.Link, { href: item.url, children: item.title }))) }) }));
-}

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

@@ -1,16 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = ShareView;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const OutputFieldContainer_1 = __importDefault(require("../../components/OutputFieldContainer"));
-const ShareActions_1 = __importDefault(require("../../components/ShareActions"));
-const CurrentMessage_1 = require("../../contexts/CurrentMessage");
-function ShareView({ output }) {
-    const message = (0, CurrentMessage_1.useCurrentMessage)({ optional: true });
-    if (message === null || message === void 0 ? void 0 : message.message.loading)
-        return null;
-    return ((0, jsx_runtime_1.jsx)(OutputFieldContainer_1.default, { output: output, children: (0, jsx_runtime_1.jsx)(ShareActions_1.default, { flexDirection: "row", justifyContent: "flex-end" }) }));
-}

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

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = BackgroundImage;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const asset_1 = require("../../api/asset");
-const ComponentPreferences_1 = require("../../contexts/ComponentPreferences");
-const runtime_1 = require("../../state/runtime");
-function BackgroundImage() {
-    var _a, _b;
-    const { blockletDid, aid } = (0, runtime_1.useRuntimeState)();
-    const preferences = (0, ComponentPreferences_1.useComponentPreferences)();
-    if (!((_a = preferences === null || preferences === void 0 ? void 0 : preferences.backgroundImage) === null || _a === void 0 ? void 0 : _a.url))
-        return null;
-    return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
-            position: 'fixed',
-            left: 0,
-            top: 0,
-            right: 0,
-            bottom: 0,
-            backgroundImage: `url(${(0, asset_1.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/cjs/builtin/async/ai-runtime/runtime-components/SimpleChat/DrawerOpenCloseIcon.js

@@ -1,42 +0,0 @@
-"use strict";
-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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = DrawerOpenCloseIcon;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const css_1 = require("@emotion/css");
-const material_1 = require("@mui/material");
-function DrawerOpenCloseIcon(_a) {
-    var { arrowDirection } = _a, props = __rest(_a, ["arrowDirection"]);
-    return ((0, jsx_runtime_1.jsx)(material_1.Stack, Object.assign({ direction: "row", position: "relative" }, props, { className: (0, css_1.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/cjs/builtin/async/ai-runtime/runtime-components/SimpleChat/InputsView.js

@@ -1,94 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = InputsView;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const types_1 = require("@blocklet/ai-runtime/types");
-const material_1 = require("@mui/material");
-const react_1 = require("react");
-const CustomComponentRenderer_1 = __importDefault(require("../../../../../components/CustomComponentRenderer"));
-const asset_1 = require("../../api/asset");
-const ActiveAgent_1 = require("../../contexts/ActiveAgent");
-const CurrentAgent_1 = __importStar(require("../../contexts/CurrentAgent"));
-const use_appearances_1 = __importStar(require("../../hooks/use-appearances"));
-const runtime_1 = require("../../state/runtime");
-const agent_inputs_1 = require("../../utils/agent-inputs");
-const runtime_output_schema_1 = require("../../utils/runtime-output-schema");
-const DrawerOpenCloseIcon_1 = __importDefault(require("./DrawerOpenCloseIcon"));
-const COLLAPSED_SIZE = 80;
-function InputsView(_a) {
-    var props = __rest(_a, []);
-    const { activeAgentId } = (0, ActiveAgent_1.useActiveAgent)();
-    const { agent } = (0, CurrentAgent_1.useCurrentAgent)({ agentId: activeAgentId });
-    const inputs = (0, react_1.useMemo)(() => { var _a; return (_a = agent.parameters) === null || _a === void 0 ? void 0 : _a.filter(agent_inputs_1.isValidInput); }, [agent]);
-    const enableCollapse = !!inputs && inputs.length > 1;
-    const [open, setOpen] = (0, react_1.useState)(true);
-    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, Object.assign({ gap: 1, py: 1 }, props, { children: [enableCollapse && ((0, jsx_runtime_1.jsx)(material_1.Stack, { direction: "row", justifyContent: "center", onClick: () => setOpen(!open), mb: -1, children: (0, jsx_runtime_1.jsx)(DrawerOpenCloseIcon_1.default, { color: "grey.500", arrowDirection: open ? 'down' : 'up' }) })), (0, jsx_runtime_1.jsx)(AgentList, { sx: { px: { xs: 2, sm: 3 } } }), (0, jsx_runtime_1.jsx)(material_1.Collapse, { in: !enableCollapse || open, orientation: "vertical", collapsedSize: enableCollapse ? COLLAPSED_SIZE : 0, sx: {
-                    py: 1,
-                    maxHeight: '40vh',
-                    px: { xs: 2, sm: 3 },
-                    overflow: 'auto',
-                }, children: (0, jsx_runtime_1.jsx)(CurrentAgent_1.default, { agentId: activeAgentId, children: (0, jsx_runtime_1.jsx)(AgentInput, {}) }) }, inputs === null || inputs === void 0 ? void 0 : inputs.length)] })));
-}
-const AgentList = (0, react_1.memo)((_a) => {
-    var props = __rest(_a, []);
-    const { activeAgentId, setActiveAgentId } = (0, ActiveAgent_1.useActiveAgent)();
-    const { agent: runtimeAgent } = (0, runtime_1.useRuntimeState)();
-    const children = (0, react_1.useMemo)(() => { var _a, _b; return (_b = (_a = (0, runtime_output_schema_1.getOutputVariableInitialValue)(runtimeAgent, types_1.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 ((0, jsx_runtime_1.jsx)(material_1.Stack, Object.assign({ direction: "row", gap: 2, py: 1, overflow: "auto" }, props, { children: children === null || children === void 0 ? void 0 : children.map((child) => ((0, jsx_runtime_1.jsx)(CurrentAgent_1.default, { agentId: child.id, children: (0, jsx_runtime_1.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 } = (0, runtime_1.useRuntimeState)();
-    const { appearanceInput } = (0, use_appearances_1.default)();
-    const profile = (0, use_appearances_1.useProfile)();
-    if (!(appearanceInput === null || appearanceInput === void 0 ? void 0 : appearanceInput.componentId))
-        return null;
-    return ((0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({}, props, { sx: Object.assign({ p: 0, outline: selected ? 3 : 0, outlineColor: 'primary.light' }, props.sx), children: (0, jsx_runtime_1.jsx)(material_1.Avatar, { src: (0, asset_1.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 } = (0, CurrentAgent_1.useCurrentAgent)();
-    const { appearanceInput } = (0, use_appearances_1.default)({ aid });
-    if (!(appearanceInput === null || appearanceInput === void 0 ? void 0 : appearanceInput.componentId))
-        return null;
-    return ((0, jsx_runtime_1.jsx)(CustomComponentRenderer_1.default, { componentId: appearanceInput.componentId, properties: appearanceInput.componentProperties }));
-}

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

@@ -1,79 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MessageBodyContainer = MessageBodyContainer;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const css_1 = require("@emotion/css");
-const material_1 = require("@mui/material");
-const react_1 = require("react");
-const CustomComponentRenderer_1 = __importDefault(require("../../../../../components/CustomComponentRenderer"));
-const session_1 = require("../../../../session");
-const asset_1 = require("../../api/asset");
-const AgentErrorBoundary_1 = __importStar(require("../../components/AgentErrorBoundary"));
-const UserInfo_1 = __importDefault(require("../../components/UserInfo"));
-const ComponentPreferences_1 = require("../../contexts/ComponentPreferences");
-const CurrentAgent_1 = __importDefault(require("../../contexts/CurrentAgent"));
-const CurrentMessage_1 = __importDefault(require("../../contexts/CurrentMessage"));
-const use_appearances_1 = __importStar(require("../../hooks/use-appearances"));
-const runtime_1 = require("../../state/runtime");
-const UserMessageView_1 = __importDefault(require("./UserMessageView"));
-const MessageView = (0, react_1.memo)(({ message }) => {
-    var _a, _b, _c, _d, _e, _f;
-    const { aid, blockletDid } = (0, runtime_1.useRuntimeState)();
-    const preferences = (0, ComponentPreferences_1.useComponentPreferences)();
-    const hasBg = !!((_a = preferences === null || preferences === void 0 ? void 0 : preferences.backgroundImage) === null || _a === void 0 ? void 0 : _a.url);
-    const { session: authSession } = (0, session_1.useSessionContext)();
-    const { appearanceOutput } = (0, use_appearances_1.default)({ agentId: message.agentId });
-    const profile = (0, use_appearances_1.useProfile)({ agentId: message.agentId });
-    const { hideAgentAvatar, hideUserInputs } = (_b = (0, ComponentPreferences_1.useComponentPreferences)()) !== null && _b !== void 0 ? _b : {};
-    if (!(appearanceOutput === null || appearanceOutput === void 0 ? void 0 : appearanceOutput.componentId))
-        return null;
-    const agentMessage = ((0, jsx_runtime_1.jsx)(MessageBodyContainer, { messageRole: "assistant", children: (0, jsx_runtime_1.jsx)(react_1.Suspense, { children: (0, jsx_runtime_1.jsx)(CustomComponentRenderer_1.default, { componentId: appearanceOutput.componentId, properties: appearanceOutput.componentProperties, fallbackRender: AgentErrorBoundary_1.AgentErrorView }, message.id) }) }));
-    return ((0, jsx_runtime_1.jsx)(CurrentAgent_1.default, { agentId: message.agentId, children: (0, jsx_runtime_1.jsx)(CurrentMessage_1.default, { message: message, children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: 2, className: "message-item", "data-testid": `message-${message.id}`, children: [!hideUserInputs && ((0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(UserInfo_1.default, { 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: (0, asset_1.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: (0, jsx_runtime_1.jsx)(material_1.Stack, { sx: { alignItems: 'flex-end' }, children: (0, jsx_runtime_1.jsx)(MessageBodyContainer, { messageRole: "user", children: (0, jsx_runtime_1.jsx)(AgentErrorBoundary_1.default, { children: (0, jsx_runtime_1.jsx)(react_1.Suspense, { children: (0, jsx_runtime_1.jsx)(UserMessageView_1.default, {}) }) }) }) }) }) })), (0, jsx_runtime_1.jsx)(material_1.Box, { children: !hideAgentAvatar ? ((0, jsx_runtime_1.jsx)(UserInfo_1.default, { name: profile.name, did: (_f = globalThis.blocklet) === null || _f === void 0 ? void 0 : _f.appId, avatar: (0, asset_1.getAssetUrl)({ blockletDid, aid, filename: profile.avatar, preset: 'avatar' }), time: message.createdAt, alignItems: "flex-start", UserNameProps: { sx: { color: hasBg ? 'white' : undefined } }, children: agentMessage })) : (agentMessage) })] }) }) }));
-});
-exports.default = MessageView;
-function MessageBodyContainer(_a) {
-    var _b;
-    var { messageRole } = _a, props = __rest(_a, ["messageRole"]);
-    const preferences = (0, ComponentPreferences_1.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 ((0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({}, props, { className: (0, css_1.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/cjs/builtin/async/ai-runtime/runtime-components/SimpleChat/MessagesView.js

@@ -1,34 +0,0 @@
-"use strict";
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = MessagesView;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const react_1 = __importDefault(require("react"));
-const ComponentPreferences_1 = require("../../contexts/ComponentPreferences");
-const session_1 = require("../../state/session");
-const map_right_1 = __importDefault(require("../../utils/map-right"));
-const MessageView_1 = __importDefault(require("./MessageView"));
-const OpeningMessageView_1 = __importDefault(require("./OpeningMessageView"));
-function MessagesView(_a) {
-    var _b, _c;
-    var props = __rest(_a, []);
-    const messages = (_b = (0, session_1.useCurrentSessionState)((s) => s === null || s === void 0 ? void 0 : s.messages)) !== null && _b !== void 0 ? _b : [];
-    const loaded = (0, session_1.useSessionState)((s) => s.loaded);
-    const showOpening = (0, session_1.useCurrentSessionState)((s) => !s || (s === null || s === void 0 ? void 0 : s.loaded)) && loaded;
-    const divider = (_c = (0, ComponentPreferences_1.useComponentPreferences)()) === null || _c === void 0 ? void 0 : _c.divider;
-    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, Object.assign({ gap: 2 }, props, { children: [showOpening && (0, jsx_runtime_1.jsx)(OpeningMessageView_1.default, { isMessagesEmpty: !(messages === null || messages === void 0 ? void 0 : messages.length) }), (0, map_right_1.default)(messages, (message, index) => ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(MessageView_1.default, { message: message }), divider && index !== messages.length - 1 ? (0, jsx_runtime_1.jsx)(material_1.Divider, { sx: { my: 2 } }) : undefined] }, message.id)))] })));
-}