@blocklet/pages-kit 0.2.433 → 0.2.435

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

@@ -1,138 +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 = AutoForm;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const css_1 = require("@emotion/css");
-const material_1 = require("@mui/material");
-const isEmpty_1 = __importDefault(require("lodash/isEmpty"));
-const omit_1 = __importDefault(require("lodash/omit"));
-const react_1 = require("react");
-const react_hook_form_1 = require("react-hook-form");
-const locale_1 = require("../../../../locale");
-const AgentInputField_1 = __importDefault(require("../../components/AgentInputField"));
-const LoadingButton_1 = __importDefault(require("../../components/LoadingButton"));
-const ComponentPreferences_1 = require("../../contexts/ComponentPreferences");
-const CurrentAgent_1 = require("../../contexts/CurrentAgent");
-const runtime_1 = require("../../state/runtime");
-const session_1 = require("../../state/session");
-const agent_inputs_1 = require("../../utils/agent-inputs");
-function AutoForm({ submitText, inlineLabel, autoFillLastForm = true, submitInQuestionField, chatMode, }) {
-    const preferences = (0, ComponentPreferences_1.useComponentPreferences)();
-    const submitRef = (0, react_1.useRef)(null);
-    const { t } = (0, locale_1.useLocaleContext)();
-    const { aid, agent } = (0, CurrentAgent_1.useCurrentAgent)();
-    const { execute } = (0, runtime_1.useRuntimeState)();
-    const running = (0, session_1.useCurrentSessionState)((s) => s === null || s === void 0 ? void 0 : s.running);
-    const parameters = (0, react_1.useMemo)(() => {
-        var _a;
-        return (_a = agent.parameters) === null || _a === void 0 ? void 0 : _a.filter((i) => { var _a; return (0, agent_inputs_1.isValidInput)(i) && !((_a = preferences === null || preferences === void 0 ? void 0 : preferences.hideInputFields) === null || _a === void 0 ? void 0 : _a.includes(i.key)); }).map((i) => {
-            var _a;
-            return (Object.assign(Object.assign({}, i), { label: ((_a = i.label) === null || _a === void 0 ? void 0 : _a.trim()) || undefined }));
-        });
-    }, [agent.parameters]);
-    const defaultForm = useInitialFormValues();
-    const form = (0, react_hook_form_1.useForm)({ defaultValues: defaultForm });
-    const submitDisabled = !form.formState.isValid;
-    (0, react_1.useEffect)(() => {
-        var _a, _b;
-        if ((preferences === null || preferences === void 0 ? void 0 : preferences.autoGenerate) && !form.formState.submitCount) {
-            (_b = (_a = submitRef.current) === null || _a === void 0 ? void 0 : _a.form) === null || _b === void 0 ? void 0 : _b.requestSubmit();
-        }
-    }, [defaultForm, preferences === null || preferences === void 0 ? void 0 : preferences.autoGenerate]);
-    (0, react_1.useEffect)(() => {
-        if (autoFillLastForm && !form.formState.isSubmitted && !form.formState.isSubmitting) {
-            form.reset(chatMode ? (0, omit_1.default)(defaultForm, 'question') : defaultForm);
-        }
-    }, [defaultForm, autoFillLastForm, form, chatMode]);
-    const onSubmit = (parameters) => __awaiter(this, void 0, void 0, function* () {
-        var _a;
-        (_a = submitRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ block: 'center' });
-        yield execute({
-            aid,
-            parameters,
-            onResponseStart: () => {
-                if (chatMode)
-                    form.resetField('question', { defaultValue: '' });
-            },
-        });
-    });
-    return ((0, jsx_runtime_1.jsxs)(Form, { component: "form", className: (0, css_1.cx)('form', `label-position-${inlineLabel ? 'start' : 'top'}`), onSubmit: form.handleSubmit(onSubmit), children: [parameters === null || parameters === void 0 ? void 0 : parameters.map((parameter, index) => {
-                const { key, required } = parameter !== null && parameter !== void 0 ? parameter : {};
-                if (!key)
-                    return null;
-                return ((0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(react_hook_form_1.Controller, { control: form.control, name: key, rules: {
-                            required: required || key === 'question',
-                            min: parameter.type === 'number' && typeof parameter.min === 'number'
-                                ? { value: parameter.min, message: '' }
-                                : undefined,
-                            max: parameter.type === 'number' && typeof parameter.max === 'number'
-                                ? { value: parameter.max, message: '' }
-                                : undefined,
-                            minLength: parameter.type === 'string' && typeof parameter.minLength === 'number'
-                                ? { value: parameter.minLength, message: '' }
-                                : undefined,
-                            maxLength: parameter.type === 'string' && typeof parameter.maxLength === 'number'
-                                ? { value: parameter.maxLength, message: '' }
-                                : undefined,
-                        }, render: ({ field, fieldState }) => {
-                            var _a;
-                            return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { className: "form-item", children: [parameter.label && (0, jsx_runtime_1.jsx)(material_1.FormLabel, { children: parameter.label }), (0, jsx_runtime_1.jsx)(AgentInputField_1.default, { inputProps: { 'data-testid': `runtime-input-${key}` }, inputRef: field.ref, autoFocus: index === 0, size: "small", hiddenLabel: true, fullWidth: true, label: undefined, parameter: parameter, maxRows: !(parameter === null || parameter === void 0 ? void 0 : parameter.type) || (parameter === null || parameter === void 0 ? void 0 : parameter.type) === 'string' ? 5 : undefined, value: field.value || '', onChange: (value) => field.onChange({ target: { value } }), error: Boolean(fieldState.error), helperText: ((_a = fieldState.error) === null || _a === void 0 ? void 0 : _a.message) || (parameter === null || parameter === void 0 ? void 0 : parameter.helper), sx: { flex: 1 }, InputProps: Object.assign({}, (parameter.key === 'question' && submitInQuestionField
-                                            ? {
-                                                endAdornment: ((0, jsx_runtime_1.jsx)(material_1.InputAdornment, { position: "end", sx: { py: 3, mr: -0.75, alignSelf: 'flex-end' }, children: (0, jsx_runtime_1.jsx)(LoadingButton_1.default, { "data-testid": "runtime-submit-button", ref: submitRef, type: "submit", variant: "contained", loading: running, disabled: submitDisabled, sx: { borderRadius: 1.5 }, children: submitText }) })),
-                                            }
-                                            : {})) })] }));
-                        } }) }, parameter.id));
-            }), !(submitInQuestionField && (parameters === null || parameters === void 0 ? void 0 : parameters.some((i) => i.key === 'question'))) && ((0, jsx_runtime_1.jsx)(LoadingButton_1.default, { "data-testid": "runtime-submit-button", ref: submitRef, type: "submit", variant: "contained", loading: running, disabled: submitDisabled, sx: { height: 40 }, children: submitText || t('generate') }))] }));
-}
-function useInitialFormValues() {
-    const preferences = (0, ComponentPreferences_1.useComponentPreferences)();
-    const { agent } = (0, CurrentAgent_1.useCurrentAgent)();
-    const lastMessage = (0, session_1.useCurrentSessionState)((s) => { var _a; return (_a = s === null || s === void 0 ? void 0 : s.messages) === null || _a === void 0 ? void 0 : _a.at(0); });
-    const [lastInputs, setLastInputs] = (0, react_1.useState)();
-    (0, react_1.useEffect)(() => {
-        if (!lastInputs) {
-            const lastParameters = lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.inputs;
-            if (!(0, isEmpty_1.default)(lastParameters))
-                setLastInputs(lastParameters);
-        }
-    }, [lastMessage]);
-    return (0, react_1.useMemo)(() => {
-        var _a, _b;
-        if (preferences === null || preferences === void 0 ? void 0 : preferences.initialInputValues)
-            return preferences.initialInputValues;
-        if (lastInputs) {
-            return lastInputs;
-        }
-        return Object.fromEntries((_b = (_a = agent.parameters) === null || _a === void 0 ? void 0 : _a.map((parameter) => [parameter.key, parameter.defaultValue])) !== null && _b !== void 0 ? _b : []);
-    }, [lastInputs, agent, preferences === null || preferences === void 0 ? void 0 : preferences.initialInputValues]);
-}
-const Form = (0, material_1.styled)(material_1.Stack)(({ theme }) => theme.unstable_sx({
-    gap: 2,
-    '.form-item': {
-        gap: 0.5,
-        [`.${material_1.formLabelClasses.root}`]: {
-            fontWeight: 500,
-            color: 'text.primary',
-        },
-    },
-    '&.label-position-start': {
-        '.form-item': {
-            display: 'flex',
-            flexDirection: 'row',
-            alignItems: 'center',
-            gap: 1,
-        },
-    },
-}));

package/lib/cjs/builtin/async/ai-runtime/runtime-components/ChatOutput/MessageErrorView.js

@@ -1,19 +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 = MessageErrorView;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const locale_1 = require("../../../../locale");
-const MarkdownRenderer_1 = __importDefault(require("../../components/MarkdownRenderer"));
-function MessageErrorView({ error, sx }) {
-    const { t } = (0, locale_1.useLocaleContext)();
-    if (!error)
-        return null;
-    if (error.status === 401) {
-        return ((0, jsx_runtime_1.jsx)(material_1.Box, { className: "ai-chat-message-error", children: (0, jsx_runtime_1.jsx)(material_1.Box, { className: "message-response", children: (0, jsx_runtime_1.jsx)(MarkdownRenderer_1.default, { children: t('requireLogin') }) }) }));
-    }
-    return ((0, jsx_runtime_1.jsx)(material_1.Alert, { className: "ai-chat-message-error", severity: "error", sx: Object.assign({ mr: 5 }, sx), children: error.message }));
-}

package/lib/cjs/builtin/async/ai-runtime/runtime-components/ChatOutput/MessageItemView.js

@@ -1,186 +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.MessageItemWrapper = MessageItemWrapper;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const css_1 = require("@emotion/css");
-const material_1 = require("@mui/material");
-const dayjs_1 = __importDefault(require("dayjs"));
-const isEmpty_1 = __importDefault(require("lodash/isEmpty"));
-const react_1 = __importStar(require("react"));
-const ux_1 = require("../../../../arcblock/ux");
-const session_1 = require("../../../../session");
-const asset_1 = require("../../api/asset");
-const MarkdownRenderer_1 = __importDefault(require("../../components/MarkdownRenderer"));
-const ShareActions_1 = __importDefault(require("../../components/ShareActions"));
-const use_appearances_1 = require("../../hooks/use-appearances");
-const runtime_1 = require("../../state/runtime");
-const MessageErrorView_1 = __importDefault(require("./MessageErrorView"));
-const MessageMetadataRenderer_1 = __importDefault(require("./MessageMetadataRenderer"));
-const MessageItemView = (0, react_1.memo)((_a) => {
-    var _b;
-    var { message, hideAvatar } = _a, props = __rest(_a, ["message", "hideAvatar"]);
-    const showUserMessage = !!((_b = message.inputs) === null || _b === void 0 ? void 0 : _b.question);
-    return ((0, jsx_runtime_1.jsxs)(MessageItemContainer, Object.assign({}, props, { className: (0, css_1.cx)('ai-chat-message-item', hideAvatar && 'hide-avatar', props.className), children: [showUserMessage && !(0, isEmpty_1.default)(message.inputs) && (0, jsx_runtime_1.jsx)(UserMessage, { message: message, hideAvatar: hideAvatar }), !(0, isEmpty_1.default)(message.outputs) && (0, jsx_runtime_1.jsx)(AgentMessage, { message: message, hideAvatar: hideAvatar })] })));
-});
-exports.default = MessageItemView;
-const MessageItemContainer = (0, material_1.styled)(material_1.Stack) `
-  gap: ${({ theme }) => theme.spacing(2.5)};
-  overflow: hidden;
-
-  &.hide-avatar {
-    .message-question {
-      border-top-right-radius: ${({ theme }) => theme.shape.borderRadius}px;
-    }
-
-    .message-response {
-      border-top-left-radius: ${({ theme }) => theme.shape.borderRadius}px;
-    }
-  }
-
-  .message-question {
-    position: relative;
-    border-radius: ${({ theme }) => theme.shape.borderRadius}px;
-    border-top-right-radius: 2px;
-    padding: ${({ theme }) => theme.spacing(1, 2)};
-    margin-top: ${({ theme }) => theme.spacing(0.5)};
-    // without logo width
-    max-width: calc(100% - 40px);
-    background-color: rgba(239, 246, 255, 1);
-  }
-
-  .message-response {
-    position: relative;
-    border-radius: ${({ theme }) => theme.shape.borderRadius}px;
-    border-top-left-radius: 2px;
-    padding: ${({ theme }) => theme.spacing(1, 2)};
-    margin-top: ${({ theme }) => theme.spacing(0.5)};
-    // without logo width
-    max-width: calc(100% - 40px);
-    display: inline-flex;
-    background-color: rgba(229, 231, 235, 1);
-  }
-`;
-function UserMessage({ message, hideAvatar }) {
-    var _a, _b, _c, _d;
-    const { session: authSession } = (0, session_1.useSessionContext)();
-    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { className: "ai-chat-message-user", direction: "row", gap: 1.5, sx: {
-            display: 'flex',
-            flexDirection: 'row-reverse',
-            textAlign: 'right',
-            justifyContent: 'flex-end',
-        }, children: [!hideAvatar && ((0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(ux_1.Avatar, { size: 40, 
-                    // @ts-ignore
-                    src: (_a = authSession.user) === null || _a === void 0 ? void 0 : _a.avatar, did: (_b = authSession.user) === null || _b === void 0 ? void 0 : _b.did, variant: "circle", shape: "circle" }) })), (0, jsx_runtime_1.jsxs)(material_1.Stack, { flex: 1, overflow: "hidden", sx: {
-                    display: 'flex',
-                    flexDirection: 'column',
-                    alignItems: 'flex-end',
-                }, children: [!hideAvatar && ((0, jsx_runtime_1.jsxs)(MessageUserName, { children: [(_c = authSession.user) === null || _c === void 0 ? void 0 : _c.fullName, (0, jsx_runtime_1.jsx)(MessageTime, { time: message.createdAt })] })), (0, jsx_runtime_1.jsx)(material_1.Box, { className: "message-question", sx: { whiteSpace: 'pre-wrap', wordBreak: 'break-word', textAlign: 'left' }, children: (_d = message.inputs) === null || _d === void 0 ? void 0 : _d.question })] })] }));
-}
-function AgentMessage({ message, hideAvatar }) {
-    var _a, _b, _c, _d, _e, _f;
-    const { blockletDid, aid } = (0, runtime_1.useRuntimeState)();
-    const profile = (0, use_appearances_1.useProfile)({ aid });
-    const showMainMessage = !!((_a = message.outputs) === null || _a === void 0 ? void 0 : _a.content);
-    const isMessageLoading = (message.loading || !message.outputs) && !message.error;
-    const theme = (0, material_1.useTheme)();
-    const isMobile = (0, material_1.useMediaQuery)(theme.breakpoints.down('sm'));
-    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { className: "ai-chat-message-ai", direction: "row", gap: 1.5, children: [!hideAvatar && ((0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(ux_1.Avatar, { size: 40, did: (_b = globalThis.blocklet) === null || _b === void 0 ? void 0 : _b.appId, variant: "circle", shape: "circle", 
-                    // @ts-ignore
-                    src: (0, asset_1.getAssetUrl)({ blockletDid, aid, filename: profile.avatar, preset: 'avatar' }) }) })), (0, jsx_runtime_1.jsxs)(material_1.Box, { flex: 1, width: 0, children: [!hideAvatar && ((0, jsx_runtime_1.jsxs)(MessageUserName, { children: [profile.name, (0, jsx_runtime_1.jsx)(MessageTime, { time: message.createdAt })] })), (0, jsx_runtime_1.jsxs)(react_1.default.Suspense, { children: [showMainMessage ? ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { placement: "right-start", slotProps: {
-                                    popper: {
-                                        disablePortal: true,
-                                        modifiers: [
-                                            {
-                                                name: 'offset',
-                                                options: {
-                                                    offset: [-3, isMobile ? (!hideAvatar ? -18 : -8) : -6],
-                                                },
-                                            },
-                                        ],
-                                    },
-                                    tooltip: {
-                                        sx: { p: 0, bgcolor: 'white' },
-                                    },
-                                }, title: !isMessageLoading &&
-                                    ((_c = message.outputs) === null || _c === void 0 ? void 0 : _c.content) && ((0, jsx_runtime_1.jsx)(ShareActions_1.default, { sx: {
-                                        fontSize: '1rem',
-                                        boxShadow: '0px 4px 8px 0px rgba(3, 7, 18, 0.08)',
-                                        border: '1px solid rgba(229, 231, 235, 1)',
-                                        borderRadius: 1,
-                                        p: 0.25,
-                                    } })), children: (0, jsx_runtime_1.jsx)(material_1.Stack, { gap: 1, className: "message-response", children: ((_d = message.outputs) === null || _d === void 0 ? void 0 : _d.content) && ((0, jsx_runtime_1.jsx)(MarkdownRenderer_1.default, { className: isMessageLoading ? 'writing' : '', children: message.outputs.content })) }) })) : (isMessageLoading && ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "rectangular", height: 24 + 8 + 8, 
-                                // only response with loading
-                                className: "message-response" }))), (_f = (_e = message.outputs) === null || _e === void 0 ? void 0 : _e.objects) === null || _f === void 0 ? void 0 : _f.map((object, index) => (0, jsx_runtime_1.jsx)(MessageMetadataRenderer_1.default, { object: object }, index)), message.error && (0, jsx_runtime_1.jsx)(MessageErrorView_1.default, { error: message.error })] })] })] }));
-}
-function MessageItemWrapper(_a) {
-    var _b;
-    var { hideAvatar, agentMessage } = _a, props = __rest(_a, ["hideAvatar", "agentMessage"]);
-    const { blockletDid, aid } = (0, runtime_1.useRuntimeState)();
-    const profile = (0, use_appearances_1.useProfile)({ aid });
-    const [time] = (0, react_1.useState)(() => new Date().toISOString());
-    return ((0, jsx_runtime_1.jsx)(MessageItemContainer, Object.assign({}, props, { className: (0, css_1.cx)('ai-chat-message-item', hideAvatar && 'hide-avatar', props.className), children: agentMessage && ((0, jsx_runtime_1.jsxs)(material_1.Stack, { className: "ai-chat-message-ai", direction: "row", gap: 1.5, children: [!hideAvatar && ((0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(ux_1.Avatar, { size: 40, did: (_b = globalThis.blocklet) === null || _b === void 0 ? void 0 : _b.appId, variant: "circle", shape: "circle", 
-                        // @ts-ignore
-                        src: (0, asset_1.getAssetUrl)({ blockletDid, aid, filename: profile.avatar, preset: 'avatar' }) }) })), (0, jsx_runtime_1.jsxs)(material_1.Box, { flex: 1, width: 0, children: [!hideAvatar && ((0, jsx_runtime_1.jsxs)(MessageUserName, { children: [profile.name, (0, jsx_runtime_1.jsx)(MessageTime, { time: time })] })), agentMessage] })] })) })));
-}
-function MessageUserName({ children }) {
-    return ((0, jsx_runtime_1.jsx)(material_1.Typography, { component: "div", noWrap: true, sx: {
-            fontSize: 14,
-            lineHeight: '24px',
-            fontWeight: 500,
-            display: 'flex',
-            alignItems: 'center',
-            gap: 1,
-        }, children: children }));
-}
-function MessageTime({ time }) {
-    const t = (0, react_1.useMemo)(() => {
-        const date = (0, dayjs_1.default)(time);
-        if (!date.isValid())
-            return undefined;
-        return date.isSame((0, dayjs_1.default)(), 'date') ? date.format('HH:mm') : date.format('YYYY-MM-DD HH:mm');
-    }, [time]);
-    if (!t)
-        return null;
-    return ((0, jsx_runtime_1.jsx)(material_1.Typography, { sx: {
-            fontSize: 12,
-            lineHeight: '24px',
-            color: 'text.secondary',
-        }, children: t }, "user-time"));
-}

package/lib/cjs/builtin/async/ai-runtime/runtime-components/ChatOutput/MessageMetadataRenderer.js

@@ -1,24 +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 = MessageMetadataRenderer;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const image_preview_1 = __importDefault(require("@blocklet/ai-kit/components/image-preview"));
-const types_1 = require("@blocklet/ai-runtime/types");
-const material_1 = require("@mui/material");
-const react_1 = require("react");
-const ReferenceLinks_1 = __importDefault(require("./ReferenceLinks"));
-function MessageMetadataRenderer({ object }) {
-    const referenceLinks = object[types_1.RuntimeOutputVariable.referenceLinks];
-    // 方便后续添加 metadata
-    const formattedObject = (0, react_1.useMemo)(() => {
-        const imagesList = object[types_1.RuntimeOutputVariable.images];
-        const images = (Array.isArray(imagesList) ? imagesList.map((i) => ({ src: i.url })) : []).filter((i) => typeof i.src === 'string');
-        return {
-            images: (images === null || images === void 0 ? void 0 : images.length) ? images : undefined,
-        };
-    }, [object]);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [Array.isArray(referenceLinks) && referenceLinks.length ? (0, jsx_runtime_1.jsx)(ReferenceLinks_1.default, { links: referenceLinks }) : undefined, (formattedObject === null || formattedObject === void 0 ? void 0 : formattedObject.images) && ((0, jsx_runtime_1.jsx)(material_1.Stack, { gap: 1, children: (0, jsx_runtime_1.jsx)(image_preview_1.default, { dataSource: formattedObject.images, itemWidth: 100 }) }))] }));
-}

package/lib/cjs/builtin/async/ai-runtime/runtime-components/ChatOutput/MessageSuggestedQuestions.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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = MessageSuggestedQuestions;
-exports.MessageSuggestedQuestion = MessageSuggestedQuestion;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-function MessageSuggestedQuestions({ dataSource, onClick, }) {
-    const suggestedQuestions = dataSource;
-    if (suggestedQuestions === null || suggestedQuestions === void 0 ? void 0 : suggestedQuestions.length) {
-        return ((0, jsx_runtime_1.jsx)(material_1.Stack, { gap: 1, children: suggestedQuestions.map((item) => {
-                return ((0, jsx_runtime_1.jsx)(MessageSuggestedQuestion, { onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(item), children: item.question }, item.question));
-            }) }));
-    }
-    return null;
-}
-function MessageSuggestedQuestion(_a) {
-    var props = __rest(_a, []);
-    return ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "subtitle2" }, props, { sx: Object.assign({ display: 'inline-block', border: 1, borderColor: 'rgba(229, 231, 235, 1)', borderRadius: 1, py: 1, px: 2, 
-            // without logo width
-            maxWidth: 'calc(100% - 20px)', cursor: 'pointer', '&:hover': {
-                backgroundColor: 'rgba(239, 246, 255, 1)',
-            } }, props.sx) })));
-}

package/lib/cjs/builtin/async/ai-runtime/runtime-components/ChatOutput/ReferenceLinks.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = ReferenceLinks;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-function ReferenceLinks({ links }) {
-    return ((0, jsx_runtime_1.jsx)(material_1.Stack, { sx: { wordBreak: 'break-word' }, children: links === null || links === void 0 ? void 0 : links.map((item) => (0, jsx_runtime_1.jsx)(ReferenceLinkItemView, { link: item }, item.url)) }));
-}
-function ReferenceLinkItemView({ link, }) {
-    return ((0, jsx_runtime_1.jsx)(material_1.Stack, { children: (0, jsx_runtime_1.jsx)(material_1.Link, { href: link.url, children: link.title || link.url }) }));
-}

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

@@ -1,24 +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 = ChatOutput;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const CurrentMessage_1 = require("../../contexts/CurrentMessage");
-const MessageItemView_1 = __importDefault(require("./MessageItemView"));
-// default hideAvatar to true, only show message when polish agent layout
-function ChatOutput({ hideAvatar = true, renderType, }) {
-    const { message } = (0, CurrentMessage_1.useCurrentMessage)();
-    const formattedMessage = (0, react_1.useMemo)(() => {
-        if (renderType) {
-            return Object.assign({}, message, {
-                result: renderType === 'parameters' ? {} : message.outputs,
-                parameters: renderType === 'result' ? {} : message.inputs,
-            });
-        }
-        return message;
-    }, [message, renderType]);
-    return (0, jsx_runtime_1.jsx)(MessageItemView_1.default, { message: formattedMessage, hideAvatar: hideAvatar });
-}

package/lib/cjs/builtin/async/ai-runtime/runtime-components/GoogleSearch/GoogleSearchRelatedQuestionsView.js

@@ -1,85 +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 __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 = GoogleSearchRelatedView;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const joi_1 = __importDefault(require("joi"));
-const react_1 = __importStar(require("react"));
-const OutputFieldContainer_1 = __importDefault(require("../../components/OutputFieldContainer"));
-const CurrentAgent_1 = require("../../contexts/CurrentAgent");
-const CurrentMessage_1 = require("../../contexts/CurrentMessage");
-const runtime_1 = require("../../state/runtime");
-const session_1 = require("../../state/session");
-const searchResultSchema = joi_1.default.object({
-    related_questions: joi_1.default.array().items(joi_1.default.object({
-        question: joi_1.default.string().required(),
-        link: joi_1.default.string().required(),
-        snippet: joi_1.default.string().empty([null, '']),
-        title: joi_1.default.string().required(),
-    })),
-});
-function GoogleSearchRelatedView({ output, outputValue, onlyLastMessage, }) {
-    var _a, _b;
-    const { aid } = (0, CurrentAgent_1.useCurrentAgent)();
-    const { message } = (_a = (0, CurrentMessage_1.useCurrentMessage)({ optional: true })) !== null && _a !== void 0 ? _a : {};
-    const lastMessage = (0, session_1.useCurrentSessionState)((s) => { var _a; return (_a = s === null || s === void 0 ? void 0 : s.messages) === null || _a === void 0 ? void 0 : _a.at(0); });
-    const isLastMessage = !!message && (message === null || message === void 0 ? void 0 : message.id) === (lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.id);
-    const [submitting, setSubmitting] = (0, react_1.useState)(false);
-    const { execute } = (0, runtime_1.useRuntimeState)();
-    const result = (0, react_1.useMemo)(() => {
-        const result = searchResultSchema.validate(outputValue, { allowUnknown: true });
-        if (result.error)
-            return undefined;
-        return result.value;
-    }, [outputValue]);
-    if (message === null || message === void 0 ? void 0 : message.loading)
-        return null;
-    if ((!isLastMessage && onlyLastMessage) || !((_b = result === null || result === void 0 ? void 0 : result.related_questions) === null || _b === void 0 ? void 0 : _b.length))
-        return null;
-    return ((0, jsx_runtime_1.jsx)(OutputFieldContainer_1.default, { output: output, children: (0, jsx_runtime_1.jsx)(material_1.List, { dense: true, disablePadding: true, children: result.related_questions.map((item) => ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.ListItemButton, { sx: { py: 1, px: 2 }, onClick: () => __awaiter(this, void 0, void 0, function* () {
-                            if (submitting)
-                                return;
-                            setSubmitting(true);
-                            try {
-                                yield execute({ aid, parameters: { question: item.question } });
-                            }
-                            finally {
-                                setSubmitting(false);
-                            }
-                        }), children: item.question }), (0, jsx_runtime_1.jsx)(material_1.Divider, {})] }, item.title))) }) }));
-}

package/lib/cjs/builtin/async/ai-runtime/runtime-components/GoogleSearch/GoogleSearchSourcesView.js

@@ -1,64 +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 = GoogleSearchSourcesView;
-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 react_transition_group_1 = require("react-transition-group");
-const OutputFieldContainer_1 = __importDefault(require("../../components/OutputFieldContainer"));
-const CurrentMessage_1 = require("../../contexts/CurrentMessage");
-const searchResultSchema = joi_1.default.object({
-    organic_results: joi_1.default.array().items(joi_1.default.object({
-        title: joi_1.default.string().required(),
-        link: joi_1.default.string().required(),
-        snippet: joi_1.default.string().empty([null, '']),
-        favicon: joi_1.default.string().empty([null, '']),
-        source: joi_1.default.string().empty([null, '']),
-    })),
-});
-function GoogleSearchSourcesView({ output, outputValue }) {
-    var _a, _b;
-    const { message } = (_a = (0, CurrentMessage_1.useCurrentMessage)({ optional: true })) !== null && _a !== void 0 ? _a : {};
-    const [showAll, setShowAll] = (0, react_1.useState)(false);
-    const searchResult = (0, react_1.useMemo)(() => {
-        const result = searchResultSchema.validate(outputValue, { allowUnknown: true });
-        if (result.error)
-            return undefined;
-        return result.value;
-    }, [outputValue]);
-    const handleToggle = () => setShowAll(!showAll);
-    if (!message || (!((_b = searchResult === null || searchResult === void 0 ? void 0 : searchResult.organic_results) === null || _b === void 0 ? void 0 : _b.length) && !message.loading))
-        return null;
-    const list = [...((searchResult === null || searchResult === void 0 ? void 0 : searchResult.organic_results) || [])];
-    const itemsToShow = showAll
-        ? [...((searchResult === null || searchResult === void 0 ? void 0 : searchResult.organic_results) || [])]
-        : [...((searchResult === null || searchResult === void 0 ? void 0 : searchResult.organic_results) || [])].slice(0, (list === null || list === void 0 ? void 0 : list.length) > 3 ? 2 : 3);
-    return ((0, jsx_runtime_1.jsx)(OutputFieldContainer_1.default, { output: output, children: (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, spacing: 1.5, children: [message.loading && !list.length && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 4, sm: 4, md: 4, children: (0, jsx_runtime_1.jsx)(ItemSkeleton, {}) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 4, sm: 4, md: 4, children: (0, jsx_runtime_1.jsx)(ItemSkeleton, {}) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 4, sm: 4, md: 4, children: (0, jsx_runtime_1.jsx)(ItemSkeleton, {}) })] })), (0, jsx_runtime_1.jsx)(react_transition_group_1.TransitionGroup, { component: null, children: itemsToShow.map((item) => ((0, jsx_runtime_1.jsx)(react_transition_group_1.CSSTransition, { timeout: 500, classNames: "item", children: (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 4, sm: 4, md: 4, children: (0, jsx_runtime_1.jsx)(ItemView, { item: item }) }) }, item.link))) }), !showAll && list.length > 3 && ((0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 4, sm: 4, md: 4, children: (0, jsx_runtime_1.jsx)(MoreItemView, { list: list, onMore: handleToggle }) }))] }) }));
-}
-function ItemView({ item }) {
-    var _a;
-    return ((0, jsx_runtime_1.jsx)(ItemContainer, { title: `${item.title} - ${item.source}`, favicon: (0, jsx_runtime_1.jsx)(material_1.Avatar, { src: item.favicon, sx: { width: 18, height: 18 }, children: (_a = item.source) === null || _a === void 0 ? void 0 : _a.slice(0, 1) }), link: item.link }));
-}
-function MoreItemView({ list, onMore }) {
-    const current = list.splice(2);
-    return ((0, jsx_runtime_1.jsx)(material_1.Card, { sx: { height: '100px', cursor: 'pointer' }, onClick: onMore, children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { sx: { py: 1.5, px: 2, gap: 1, height: '100%' }, children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: { display: 'flex', flexWrap: 'wrap', gap: '7px', flexGrow: 1 }, children: current.map((item) => {
-                        var _a;
-                        return ((0, jsx_runtime_1.jsx)(material_1.Box, { width: 18, height: 18, children: (0, jsx_runtime_1.jsx)(material_1.Avatar, { src: item.favicon, sx: { width: 18, height: 18 }, children: (_a = item.source) === null || _a === void 0 ? void 0 : _a.slice(0, 1) }) }, item.link));
-                    }) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "caption", noWrap: true, sx: { width: 1, color: '#546C70', fontSize: 12, lineHeight: '18px' }, children: `View ${current.length} more` })] }) }));
-}
-function ItemSkeleton() {
-    return ((0, jsx_runtime_1.jsx)(ItemContainer, { title: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: "100%" }), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: "40%" })] }), favicon: (0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 18, height: 18, variant: "circular" }), link: (0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: "70%" }) }));
-}
-function ItemContainer({ title, favicon, link }) {
-    return ((0, jsx_runtime_1.jsx)(material_1.Card, { sx: { height: '100px' }, children: (0, jsx_runtime_1.jsx)(material_1.CardActionArea, { component: "a", href: typeof link === 'string' ? link : undefined, target: "_blank", sx: { height: '100%' }, children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { sx: { py: 1.5, px: 2, gap: 1, height: '100%' }, children: [(0, jsx_runtime_1.jsx)(material_1.Box, { flexGrow: 1, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", sx: {
-                                display: '-webkit-box',
-                                WebkitBoxOrient: 'vertical',
-                                WebkitLineClamp: 2,
-                                overflow: 'hidden',
-                                fontWeight: 500,
-                            }, children: title }) }), (0, jsx_runtime_1.jsxs)(material_1.Stack, { flexDirection: "row", alignItems: "center", gap: 1, overflow: "hidden", children: [(0, jsx_runtime_1.jsx)(material_1.Box, { width: 18, height: 18, children: favicon }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "caption", noWrap: true, sx: { flex: 1, width: 1 }, children: link })] })] }) }) }));
-}

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

@@ -1,30 +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 = ImagesView;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const image_preview_1 = __importDefault(require("@blocklet/ai-kit/components/image-preview"));
-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 CurrentMessage_1 = require("../../contexts/CurrentMessage");
-const imagesSchema = joi_1.default.array().items(joi_1.default.object({
-    url: joi_1.default.string().required(),
-}));
-function ImagesView({ output, outputValue }) {
-    var _a;
-    const { message } = (_a = (0, CurrentMessage_1.useCurrentMessage)({ optional: true })) !== null && _a !== void 0 ? _a : {};
-    const images = (0, react_1.useMemo)(() => {
-        var _a;
-        const result = imagesSchema.validate(outputValue, { allowUnknown: true });
-        if (result.error)
-            return undefined;
-        return (_a = result.value) === null || _a === void 0 ? void 0 : _a.map((i) => ({ src: i.url }));
-    }, [outputValue]);
-    if (!(images === null || images === void 0 ? void 0 : images.length) && !(message === null || message === void 0 ? void 0 : message.loading))
-        return null;
-    return ((0, jsx_runtime_1.jsx)(OutputFieldContainer_1.default, { output: output, sx: { '.lazy-image-wrapper': { borderRadius: 1, img: { borderRadius: 1 } } }, children: (images === null || images === void 0 ? void 0 : images.length) ? ((0, jsx_runtime_1.jsx)(image_preview_1.default, { dataSource: images, itemWidth: 200, spacing: 1 })) : (message === null || message === void 0 ? void 0 : message.loading) ? ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 200, height: 200, variant: "rounded" })) : null }));
-}