@blocklet/pages-kit 0.2.316 → 0.2.317

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

@@ -21,13 +21,13 @@ const react_wrap_balancer_1 = __importDefault(require("react-wrap-balancer"));
 const CustomComponentRenderer_1 = __importDefault(require("../../../../../components/CustomComponentRenderer"));
 const SimpleHeader_1 = __importDefault(require("../../components/Header/SimpleHeader"));
 const SimpleLayout_1 = __importDefault(require("../../components/Layout/SimpleLayout"));
+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 runtime_1 = require("../../state/runtime");
 const session_1 = require("../../state/session");
 function SimplePage({ resultTitle, primaryColor }) {
-    const { childAgentId } = (0, runtime_1.useRuntimeState)();
+    const { activeAgentId } = (0, ActiveAgent_1.useActiveAgent)();
     (0, session_1.useAutoLoadSessionState)();
     const inheritedTheme = (0, material_1.useTheme)();
     const theme = (0, react_1.useMemo)(() => {
@@ -47,7 +47,7 @@ function SimplePage({ resultTitle, primaryColor }) {
             },
         });
     }, [inheritedTheme, primaryColor]);
-    return ((0, jsx_runtime_1.jsx)(material_1.ThemeProvider, { theme: theme, 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: childAgentId, 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 })] }) }));
+    return ((0, jsx_runtime_1.jsx)(material_1.ThemeProvider, { theme: theme, 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 })] }) }));
 }
 exports.default = SimplePage;
 function AgentInputRender(_a) {
@@ -55,7 +55,7 @@ function AgentInputRender(_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.componentProps }) })));
+    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"]);
@@ -66,5 +66,5 @@ const OutputItemView = (0, react_1.memo)(({ message }) => {
     const { appearanceOutput } = (0, use_appearances_1.default)({ agentId: message.assistantId });
     if (!(appearanceOutput === null || appearanceOutput === void 0 ? void 0 : appearanceOutput.componentId))
         return null;
-    return ((0, jsx_runtime_1.jsx)(CurrentAgent_1.default, { agentId: message.assistantId, 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.componentProps }) }) }) }));
+    return ((0, jsx_runtime_1.jsx)(CurrentAgent_1.default, { agentId: message.assistantId, 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 }) }) }) }));
 });

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

@@ -0,0 +1,54 @@
+"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 });
+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(-1); });
+    const isLastMessage = !!message && message.taskId === (lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.taskId);
+    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.parameters), { question: item.question }) });
+                }, children: item.question }, item.question))) }) }));
+}
+exports.default = SuggestedQuestionsView;
+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/Page.js

@@ -21,10 +21,10 @@ const dayjs_1 = __importDefault(require("dayjs"));
 // import { Icon } from 'iconify/react';
 const react_1 = require("react");
 const CustomComponentRenderer_1 = __importDefault(require("../../../../../components/CustomComponentRenderer"));
+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 runtime_1 = require("../../state/runtime");
 const session_1 = require("../../state/session");
 const getLineClamp = (count) => {
     return {
@@ -57,7 +57,7 @@ function V0Page({ textColor = '#333', primaryColor }) {
     }, [inheritedTheme, primaryColor, textColor]);
     const [sessionId] = (0, react_1.useState)('1');
     const [message, setMessage] = (0, react_1.useState)();
-    const { childAgentId } = (0, runtime_1.useRuntimeState)();
+    const { activeAgentId } = (0, ActiveAgent_1.useActiveAgent)();
     (0, session_1.useAutoLoadSessionState)();
     const messagesList = (0, session_1.useCurrentSessionState)((s) => s === null || s === void 0 ? void 0 : s.messages);
     (0, react_1.useEffect)(() => {
@@ -111,7 +111,7 @@ function V0Page({ textColor = '#333', primaryColor }) {
         }
         return ((0, jsx_runtime_1.jsx)(material_1.Box, { flex: 1, children: (0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, spacing: 2, justifyContent: "center", children: [...Array(3)].map((_, i) => ((0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, sm: 6, md: 4, children: (0, jsx_runtime_1.jsx)(material_1.Card, { sx: { backgroundColor: 'rgba(0, 0, 0, 0.5)', color: '#fff' }, children: (0, jsx_runtime_1.jsxs)(material_1.CardContent, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", sx: { mb: 1 }, children: `Code Snippet ${i + 1}` }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "caption", display: "block", sx: { color: 'rgba(255, 255, 255, 0.7)' }, children: `This is history requirement ${i + 1}` })] }) }) }, i))) }) }));
     }, [JSON.stringify(message)]);
-    return ((0, jsx_runtime_1.jsx)(material_1.ThemeProvider, { theme: theme, children: (0, jsx_runtime_1.jsx)(CurrentAgent_1.default, { agentId: childAgentId, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+    return ((0, jsx_runtime_1.jsx)(material_1.ThemeProvider, { theme: theme, children: (0, jsx_runtime_1.jsx)(CurrentAgent_1.default, { agentId: activeAgentId, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
                     display: 'flex',
                     // background: 'linear-gradient(135deg, #1a237e 0%, #3c3f41 100%)',
                 }, children: [(0, jsx_runtime_1.jsx)(SliderRender, { message: message }), (0, jsx_runtime_1.jsxs)(material_1.Container, { sx: {
@@ -135,12 +135,12 @@ function AgentInputRender(_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)(react_1.Suspense, { children: (0, jsx_runtime_1.jsx)(CustomComponentRenderer_1.default, Object.assign({ componentId: appearanceInput.componentId, properties: appearanceInput.componentProps }, props)) }));
+    return ((0, jsx_runtime_1.jsx)(react_1.Suspense, { children: (0, jsx_runtime_1.jsx)(CustomComponentRenderer_1.default, Object.assign({ componentId: appearanceInput.componentId, properties: appearanceInput.componentProperties }, props)) }));
 }
 function AgentOutputRender(_a) {
     var { message } = _a, props = __rest(_a, ["message"]);
     const { appearanceOutput } = (0, use_appearances_1.default)();
     if (!(appearanceOutput === null || appearanceOutput === void 0 ? void 0 : appearanceOutput.componentId) || !message)
         return null;
-    return ((0, jsx_runtime_1.jsx)(CurrentAgent_1.default, { agentId: message.assistantId, 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, Object.assign({ componentId: appearanceOutput.componentId, properties: appearanceOutput.componentProps }, props)) }) }) }));
+    return ((0, jsx_runtime_1.jsx)(CurrentAgent_1.default, { agentId: message.assistantId, 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, Object.assign({ componentId: appearanceOutput.componentId, properties: appearanceOutput.componentProperties }, props)) }) }) }));
 }

package/lib/cjs/builtin/async/ai-runtime/state/runtime.js

@@ -10,7 +10,6 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useRuntimeState = void 0;
-const types_1 = require("@blocklet/ai-runtime/types");
 const react_1 = require("react");
 const session_1 = require("../../../session");
 const Runtime_1 = require("../contexts/Runtime");
@@ -42,10 +41,6 @@ function useRuntimeState() {
         }
         return exec(Object.assign(Object.assign({}, args), { working }));
     }), [authSession.user, exec, working, login]);
-    const childAgentId = (0, react_1.useMemo)(() => {
-        var _a, _b, _c, _d, _e, _f;
-        return ((_f = (_e = (_d = (_c = (_b = (_a = agent.outputVariables) === null || _a === void 0 ? void 0 : _a.find((i) => i.name === types_1.RuntimeOutputVariable.children)) === null || _b === void 0 ? void 0 : _b.initialValue) === null || _c === void 0 ? void 0 : _c.agents) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.id) !== null && _f !== void 0 ? _f : agent.id);
-    }, [agent]);
-    return { aid, working, agent, childAgentId, execute };
+    return { aid, working, agent, execute };
 }
 exports.useRuntimeState = useRuntimeState;

package/lib/cjs/builtin/mui/material.js

@@ -1,8 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.alpha = exports.Zoom = exports.Typography = exports.Tooltip = exports.ThemeProvider = exports.TextField = exports.Switch = exports.Stack = exports.Slide = exports.Popper = exports.Paper = exports.MenuList = exports.MenuItem = exports.Menu = exports.ListSubheader = exports.ListItemSecondaryAction = exports.ListItemIcon = exports.ListItemButton = exports.ListItemAvatar = exports.ListItem = exports.List = exports.Link = exports.LinearProgress = exports.Grow = exports.Grid = exports.GlobalStyles = exports.Fade = exports.Divider = exports.DialogTitle = exports.DialogContent = exports.DialogActions = exports.Dialog = exports.Container = exports.Collapse = exports.ClickAwayListener = exports.CircularProgress = exports.CardMedia = exports.CardHeader = exports.CardContent = exports.CardActions = exports.CardActionArea = exports.Card = exports.ButtonGroup = exports.IconButton = exports.Button = exports.Box = exports.Avatar = exports.Autocomplete = exports.AlertTitle = exports.Alert = void 0;
-exports.useTheme = exports.useMediaQuery = exports.styled = exports.createTheme = void 0;
+exports.Typography = exports.Tooltip = exports.ThemeProvider = exports.TextField = exports.Switch = exports.Stack = exports.Slide = exports.Popper = exports.Paper = exports.MenuList = exports.MenuItem = exports.Menu = exports.ListSubheader = exports.ListItemSecondaryAction = exports.ListItemIcon = exports.ListItemButton = exports.ListItemAvatar = exports.ListItem = exports.List = exports.Link = exports.LinearProgress = exports.Grow = exports.Grid = exports.GlobalStyles = exports.Fade = exports.Divider = exports.DialogTitle = exports.DialogContent = exports.DialogActions = exports.Dialog = exports.Container = exports.Collapse = exports.ClickAwayListener = exports.CircularProgress = exports.CardMedia = exports.CardHeader = exports.CardContent = exports.CardActions = exports.CardActionArea = exports.Card = exports.ButtonGroup = exports.IconButton = exports.Button = exports.Box = exports.Avatar = exports.Autocomplete = exports.AlertTitle = exports.Alert = exports.ListItemText = exports.Checkbox = void 0;
+exports.useTheme = exports.useMediaQuery = exports.styled = exports.createTheme = exports.alpha = exports.Zoom = void 0;
 var material_1 = require("@mui/material");
+Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return material_1.Checkbox; } });
+Object.defineProperty(exports, "ListItemText", { enumerable: true, get: function () { return material_1.ListItemText; } });
 Object.defineProperty(exports, "Alert", { enumerable: true, get: function () { return material_1.Alert; } });
 Object.defineProperty(exports, "AlertTitle", { enumerable: true, get: function () { return material_1.AlertTitle; } });
 Object.defineProperty(exports, "Autocomplete", { enumerable: true, get: function () { return material_1.Autocomplete; } });