@blocklet/pages-kit 0.2.433 → 0.2.435

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

@@ -1,45 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const types_1 = require("@blocklet/ai-runtime/types");
-const react_1 = require("react");
-const CustomComponentRenderer_1 = __importDefault(require("../../../../../components/CustomComponentRenderer"));
-const asset_1 = require("../../api/asset");
-const UserInfo_1 = __importDefault(require("../../components/UserInfo"));
-const constants_1 = require("../../constants");
-const ComponentPreferences_1 = require("../../contexts/ComponentPreferences");
-const CurrentAgent_1 = require("../../contexts/CurrentAgent");
-const use_appearances_1 = require("../../hooks/use-appearances");
-const runtime_1 = require("../../state/runtime");
-const MessageView_1 = require("./MessageView");
-const OpeningMessageView = (0, react_1.memo)(({ isMessagesEmpty }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-    const { blockletDid, aid } = (0, runtime_1.useRuntimeState)();
-    const { hideAgentAvatar, backgroundImage } = (_a = (0, ComponentPreferences_1.useComponentPreferences)()) !== null && _a !== void 0 ? _a : {};
-    const hasBg = !!(backgroundImage === null || backgroundImage === void 0 ? void 0 : backgroundImage.url);
-    const openingMessage = (0, use_appearances_1.useOpeningMessage)();
-    const openingMessageOutput = (0, react_1.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 === types_1.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 = constants_1.DEFAULT_OUTPUT_COMPONENTS[types_1.RuntimeOutputVariable.openingMessage]) === null || _c === void 0 ? void 0 : _c.componentId);
-    const profile = (0, use_appearances_1.useProfile)();
-    const { agent } = (0, CurrentAgent_1.useCurrentAgent)();
-    const openingQuestions = (0, use_appearances_1.useOpeningQuestions)();
-    const openingQuestionsOutput = (0, react_1.useMemo)(() => { var _a; return (_a = agent.outputVariables) === null || _a === void 0 ? void 0 : _a.find((i) => i.name === types_1.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 = constants_1.DEFAULT_OUTPUT_COMPONENTS[types_1.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 = ((0, jsx_runtime_1.jsxs)(MessageView_1.MessageBodyContainer, { children: [openingMessage && openingMessageOutput && openingMessageComponentId && ((0, jsx_runtime_1.jsx)(CustomComponentRenderer_1.default, { 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 && ((0, jsx_runtime_1.jsx)(CustomComponentRenderer_1.default, { 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) : ((0, jsx_runtime_1.jsx)(UserInfo_1.default, { 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: (0, asset_1.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 }));
-});
-exports.default = OpeningMessageView;

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

@@ -1,28 +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 = UserMessageView;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const react_1 = require("react");
-const MarkdownRenderer_1 = __importDefault(require("../../components/MarkdownRenderer"));
-const CurrentAgent_1 = require("../../contexts/CurrentAgent");
-const CurrentMessage_1 = require("../../contexts/CurrentMessage");
-const agent_inputs_1 = require("../../utils/agent-inputs");
-function UserMessageView() {
-    var _a;
-    const { message } = (0, CurrentMessage_1.useCurrentMessage)();
-    const { agent } = (0, CurrentAgent_1.useCurrentAgent)();
-    const params = (0, react_1.useMemo)(() => {
-        var _a;
-        const inputs = (_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]);
-        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 (0, jsx_runtime_1.jsx)(MarkdownRenderer_1.default, { children: (_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)));
-}

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

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

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

@@ -1,69 +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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = SimpleOutput;
-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 AgentErrorBoundary_1 = __importStar(require("../../components/AgentErrorBoundary"));
-const constants_1 = require("../../constants");
-const ComponentPreferences_1 = require("../../contexts/ComponentPreferences");
-const CurrentAgent_1 = require("../../contexts/CurrentAgent");
-const CurrentMessage_1 = require("../../contexts/CurrentMessage");
-const ignoredOutputs = new Set([
-    types_1.RuntimeOutputVariable.appearancePage,
-    types_1.RuntimeOutputVariable.appearanceInput,
-    types_1.RuntimeOutputVariable.appearanceOutput,
-    types_1.RuntimeOutputVariable.openingQuestions,
-    types_1.RuntimeOutputVariable.openingMessage,
-]);
-function SimpleOutput() {
-    const preferences = (0, ComponentPreferences_1.useComponentPreferences)();
-    const CustomComponentActionsComponent = preferences === null || preferences === void 0 ? void 0 : preferences.customOutputActionsComponent;
-    const { message } = (0, CurrentMessage_1.useCurrentMessage)();
-    const { agent } = (0, CurrentAgent_1.useCurrentAgent)();
-    const outputs = (0, react_1.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 = (0, constants_1.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 ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: 2, children: [outputs.map((output) => {
-                var _a, _b, _c, _d, _e, _f, _g, _h;
-                const value = output.name === types_1.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[types_1.RuntimeOutputVariable.text])) === null || _d === void 0 ? void 0 : _d[types_1.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 ((0, jsx_runtime_1.jsx)(CustomComponentRenderer_1.default, { instanceId: output.id, componentId: output.appearance.componentId, properties: output.appearance.componentProperties, props: Object.assign({ output, outputValue: value, writing: output.name === types_1.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 && (0, jsx_runtime_1.jsx)(AgentErrorBoundary_1.AgentErrorView, { error: message.error }), CustomComponentActionsComponent && ((0, jsx_runtime_1.jsx)(AgentErrorBoundary_1.default, { children: (0, jsx_runtime_1.jsx)(react_1.Suspense, { children: (0, jsx_runtime_1.jsx)(CustomComponentActionsComponent, {}) }) }))] }));
-}

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

@@ -1,55 +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 = SimplePage;
-const jsx_runtime_1 = require("react/jsx-runtime");
-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 AgentErrorBoundary_1 = require("../../components/AgentErrorBoundary");
-const SimpleHeader_1 = __importDefault(require("../../components/Header/SimpleHeader"));
-const SimpleLayout_1 = __importDefault(require("../../components/Layout/SimpleLayout"));
-const ActiveAgent_1 = require("../../contexts/ActiveAgent");
-const ComponentPreferences_1 = __importDefault(require("../../contexts/ComponentPreferences"));
-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 SimplePage(_a) {
-    var { resultTitle } = _a, preferences = __rest(_a, ["resultTitle"]);
-    const { activeAgentId } = (0, ActiveAgent_1.useActiveAgent)();
-    (0, session_1.useAutoLoadSessionState)();
-    return ((0, jsx_runtime_1.jsx)(ComponentPreferences_1.default, Object.assign({}, preferences, { children: (0, jsx_runtime_1.jsxs)(SimpleLayout_1.default, { pb: 4, children: [(0, jsx_runtime_1.jsx)(SimpleHeader_1.default, {}), (0, jsx_runtime_1.jsx)(CurrentAgent_1.default, { agentId: activeAgentId, children: (0, jsx_runtime_1.jsx)(AgentInputRender, { className: "aigne-inputs aigne-simple-page-inputs" }) }), (0, jsx_runtime_1.jsx)(OutputView, { className: "aigne-outputs aigne-simple-page-outputs", resultTitle: resultTitle })] }) })));
-}
-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 OutputView(_a) {
-    var { resultTitle } = _a, props = __rest(_a, ["resultTitle"]);
-    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); });
-    return ((0, jsx_runtime_1.jsx)(material_1.Stack, Object.assign({ gap: 2, mt: 4 }, props, { children: lastMessage && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [resultTitle && ((0, jsx_runtime_1.jsx)(material_1.Typography, { width: "100%", component: "h5", fontSize: 36, fontWeight: 700, textAlign: "center", children: (0, jsx_runtime_1.jsx)(react_wrap_balancer_1.default, { children: resultTitle }) })), (0, jsx_runtime_1.jsx)(material_1.Stack, { children: (0, jsx_runtime_1.jsx)(OutputItemView, { message: lastMessage }) })] })) })));
-}
-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) }) }) }));
-});

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

@@ -1,54 +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 = 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 CurrentAgent_1 = require("../../contexts/CurrentAgent");
-const CurrentMessage_1 = require("../../contexts/CurrentMessage");
-const runtime_1 = require("../../state/runtime");
-const session_1 = require("../../state/session");
-const suggestedQuestionsSchema = joi_1.default.array().items(joi_1.default.object({
-    question: joi_1.default.string().required(),
-}));
-function SuggestedQuestionsView({ output, outputValue, onlyLastMessage, }) {
-    var _a;
-    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.id === (lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.id);
-    const questions = (0, react_1.useMemo)(() => {
-        const result = suggestedQuestionsSchema.validate(outputValue, { allowUnknown: true });
-        if (result.error)
-            return undefined;
-        return result.value;
-    }, [outputValue]);
-    const { aid } = (0, CurrentAgent_1.useCurrentAgent)();
-    const { execute } = (0, runtime_1.useRuntimeState)();
-    if (!message || (!isLastMessage && onlyLastMessage) || !(questions === null || questions === void 0 ? void 0 : questions.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: questions.map((item) => ((0, jsx_runtime_1.jsx)(MessageSuggestedQuestion, { onClick: () => {
-                    execute({ aid, parameters: Object.assign(Object.assign({}, message.inputs), { question: item.question }) });
-                }, children: item.question }, item.question))) }) }));
-}
-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, cursor: 'pointer', '&:hover': {
-                backgroundColor: 'rgba(239, 246, 255, 1)',
-            } }, props.sx) })));
-}

package/lib/cjs/builtin/async/ai-runtime/runtime-components/V0/Input.js

@@ -1,189 +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 = V0Input;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const css_1 = require("@emotion/css");
-const react_1 = require("@iconify/react");
-const material_1 = require("@mui/material");
-const isEmpty_1 = __importDefault(require("lodash/isEmpty"));
-const omit_1 = __importDefault(require("lodash/omit"));
-const react_2 = 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 CurrentAgent_1 = require("../../contexts/CurrentAgent");
-const use_appearances_1 = require("../../hooks/use-appearances");
-const runtime_1 = require("../../state/runtime");
-const session_1 = require("../../state/session");
-const agent_inputs_1 = require("../../utils/agent-inputs");
-const V0Runtime_1 = require("./contexts/V0Runtime");
-function V0Input({ submitText, inlineLabel, autoFillLastForm = false, submitInQuestionField = true, chatMode = true, }) {
-    var _a, _b;
-    const { t } = (0, locale_1.useLocaleContext)();
-    const { aid, agent } = (0, CurrentAgent_1.useCurrentAgent)();
-    const [executeLoading, setExecuteLoading] = (0, react_2.useState)(false);
-    const opening = (0, use_appearances_1.useOpeningQuestions)();
-    const { execute } = (0, runtime_1.useRuntimeState)();
-    const { running } = (0, session_1.useCurrentSessionState)((s) => s) || {};
-    const { currentSessionId } = (0, session_1.useSessionState)((s) => s) || {};
-    const { setCurrentMessageTaskId } = (0, V0Runtime_1.useV0RuntimeContext)();
-    const parameters = (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;
-            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 theme = useFormTheme();
-    const form = (0, react_hook_form_1.useForm)({ defaultValues: defaultForm });
-    (0, react_2.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* () {
-        try {
-            if (!(parameters === null || parameters === void 0 ? void 0 : parameters.question))
-                return;
-            setExecuteLoading(true);
-            // in session page, send message
-            yield execute({
-                aid,
-                parameters,
-                onResponseStart: () => {
-                    setCurrentMessageTaskId(undefined);
-                    if (chatMode)
-                        form.resetField('question', { defaultValue: '' });
-                },
-            });
-        }
-        catch (error) {
-            console.error(error);
-        }
-        finally {
-            setExecuteLoading(false);
-        }
-    });
-    return ((0, jsx_runtime_1.jsxs)(material_1.ThemeProvider, { theme: theme, children: [!currentSessionId && ((_a = opening === null || opening === void 0 ? void 0 : opening.questions) === null || _a === void 0 ? void 0 : _a.length) && ((0, jsx_runtime_1.jsx)(material_1.Stack, { sx: {
-                    flexDirection: 'row',
-                    gap: 1,
-                    mb: 1,
-                    flexWrap: 'wrap',
-                }, children: (_b = opening === null || opening === void 0 ? void 0 : opening.questions) === null || _b === void 0 ? void 0 : _b.map((item) => {
-                    const { title, parameters, id } = item;
-                    const question = (parameters === null || parameters === void 0 ? void 0 : parameters.questions) || title;
-                    return ((0, jsx_runtime_1.jsx)(material_1.Button, { variant: "outlined", size: "small", endIcon: (0, jsx_runtime_1.jsx)(react_1.Icon, { icon: "tabler:arrow-down-right", style: {
-                                marginLeft: -4,
-                            } }), onClick: () => {
-                            form.reset(Object.assign({}, parameters));
-                            // auto execute message
-                            // onSubmit({ ...parameters });
-                        }, children: question }, id));
-                }) })), (0, jsx_runtime_1.jsxs)(Form, { id: "v0-input", 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 : {};
-                        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,
-                                    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, { 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), InputProps: 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, { type: "submit", variant: "contained", loading: running, sx: { borderRadius: 100 }, children: submitText || t('generate') }) })),
-                                                    }
-                                                    : undefined })] }));
-                                } }) }, parameter.id));
-                    }), !(submitInQuestionField && (parameters === null || parameters === void 0 ? void 0 : parameters.some((i) => i.key === 'question'))) && ((0, jsx_runtime_1.jsx)(LoadingButton_1.default, { type: "submit", variant: "contained", loading: executeLoading || running, sx: { height: 40 }, children: submitText || t('generate') }))] })] }));
-}
-const autoSetLastParameters = false;
-function useInitialFormValues() {
-    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_2.useState)();
-    (0, react_2.useEffect)(() => {
-        if (autoSetLastParameters && !lastInputs) {
-            const lastParameters = lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.inputs;
-            if (!(0, isEmpty_1.default)(lastParameters))
-                setLastInputs(lastParameters);
-        }
-    }, [lastMessage]);
-    return (0, react_2.useMemo)(() => {
-        var _a, _b;
-        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]);
-}
-function useFormTheme() {
-    const theme = (0, material_1.useTheme)();
-    return (0, react_2.useMemo)(() => {
-        const themeOptions = {
-            shape: {
-                borderRadius: 8,
-            },
-            components: {
-                MuiTextField: {
-                    styleOverrides: {
-                        root: ({ theme }) => theme.unstable_sx({
-                            [`.${material_1.outlinedInputClasses.root}`]: {
-                                [`.${material_1.outlinedInputClasses.notchedOutline}`]: {
-                                    borderWidth: 2,
-                                    borderColor: 'primary.light',
-                                },
-                                ':hover': {
-                                    [`.${material_1.outlinedInputClasses.notchedOutline}`]: {
-                                        borderColor: 'primary.main',
-                                    },
-                                },
-                            },
-                        }),
-                    },
-                },
-            },
-        };
-        return (0, material_1.createTheme)(theme, themeOptions);
-    }, [theme]);
-}
-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,
-        },
-    },
-}));