@blocklet/pages-kit 0.2.322 → 0.2.324

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

@@ -37,7 +37,7 @@ function V0Input({ submitText, inlineLabel, autoFillLastForm = false, submitInQu
     const opening = (0, use_appearances_1.useOpeningQuestions)();
     const { execute } = (0, runtime_1.useRuntimeState)();
     const { running } = (0, session_1.useCurrentSessionState)((s) => s) || {};
-    const { createSession, currentSessionId } = (0, session_1.useSessionState)((s) => s) || {};
+    const { currentSessionId } = (0, session_1.useSessionState)((s) => s) || {};
     const { setCurrentMessageTaskId } = (0, V0Runtime_1.useV0RuntimeContext)();
     const parameters = (0, react_2.useMemo)(() => {
         var _a;
@@ -59,11 +59,6 @@ function V0Input({ submitText, inlineLabel, autoFillLastForm = false, submitInQu
             if (!(parameters === null || parameters === void 0 ? void 0 : parameters.question))
                 return;
             setExecuteLoading(true);
-            if (!currentSessionId) {
-                yield createSession({
-                    name: parameters === null || parameters === void 0 ? void 0 : parameters.question,
-                });
-            }
             // in session page, send message
             yield execute({
                 aid,

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

@@ -40,7 +40,10 @@ function V0Output() {
     const { propertiesValueMap, setPropertiesValueMap, isMobile } = (0, V0Runtime_1.useV0RuntimeContext)();
     const [code, setCode] = (0, react_2.useState)('');
     const { t, locale } = (0, locale_1.useLocaleContext)();
-    const [codePreviewExtraSx, setCodePreviewExtraSx] = (0, react_2.useState)(DEFAULT_DESKTOP_SX);
+    const [codePreviewExtraProps, setCodePreviewExtraProps] = (0, react_2.useState)({
+        sx: DEFAULT_DESKTOP_SX,
+        key: 'Desktop',
+    });
     const objects = (_a = message.result) === null || _a === void 0 ? void 0 : _a.objects;
     const { taskId, parameters } = message;
     const isMessageLoading = (message.loading || !message.result) && !message.error;
@@ -48,14 +51,23 @@ function V0Output() {
     const responsiveSx = {
         backgroundColor: 'white',
         borderColor: 'rgba(0, 0, 0, 0.1) !important',
+        // rewrite disabled style
+        '&.Mui-disabled': {
+            backgroundColor: 'primary.main',
+            color: 'white',
+        },
     };
     const tooltipOptions = [
         !isMobile && {
             key: 'Desktop',
             icon: 'tabler:device-desktop',
             props: {
+                disabled: (codePreviewExtraProps === null || codePreviewExtraProps === void 0 ? void 0 : codePreviewExtraProps.key) === 'Desktop',
                 sx: Object.assign({}, responsiveSx),
-                onClick: () => setCodePreviewExtraSx(DEFAULT_DESKTOP_SX),
+                onClick: () => setCodePreviewExtraProps({
+                    sx: DEFAULT_DESKTOP_SX,
+                    key: 'Desktop',
+                }),
             },
             group: 'responsive',
         },
@@ -63,10 +75,14 @@ function V0Output() {
             key: 'Tablet',
             icon: 'tabler:device-tablet',
             props: {
+                disabled: (codePreviewExtraProps === null || codePreviewExtraProps === void 0 ? void 0 : codePreviewExtraProps.key) === 'Tablet',
                 sx: Object.assign({}, responsiveSx),
-                onClick: () => setCodePreviewExtraSx({
-                    width: '768px',
-                    height: '1024px',
+                onClick: () => setCodePreviewExtraProps({
+                    sx: {
+                        width: '768px',
+                        height: '1024px',
+                    },
+                    key: 'Tablet',
                 }),
             },
             group: 'responsive',
@@ -75,10 +91,14 @@ function V0Output() {
             key: 'Mobile',
             icon: 'tabler:device-mobile',
             props: {
+                disabled: (codePreviewExtraProps === null || codePreviewExtraProps === void 0 ? void 0 : codePreviewExtraProps.key) === 'Mobile',
                 sx: Object.assign({}, responsiveSx),
-                onClick: () => setCodePreviewExtraSx({
-                    width: '375px',
-                    height: '667px',
+                onClick: () => setCodePreviewExtraProps({
+                    sx: {
+                        width: '375px',
+                        height: '667px',
+                    },
+                    key: 'Mobile',
                 }),
             },
             group: 'responsive',
@@ -202,7 +222,7 @@ function V0Output() {
                                     const { icon, key, props, buttonText } = option;
                                     return ((0, jsx_runtime_1.jsxs)(material_1.Button, Object.assign({ "data-taskId": taskId }, props, { children: [(0, jsx_runtime_1.jsx)(react_1.Icon, { icon: icon, fontSize: 22 }), buttonText && (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { ml: 1 }, children: buttonText })] }), key));
                                 }) }, group));
-                        }) })] }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: Object.assign({ display: 'flex', justifyContent: 'center', overflow: 'hidden', backgroundColor: 'white', borderRadius: 1 }, codePreviewExtraSx), children: (0, jsx_runtime_1.jsx)(CodePreview_1.CodeRenderByMessageMemo, { message: message, zoom: 1, sx: {
+                        }) })] }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: Object.assign({ display: 'flex', justifyContent: 'center', overflow: 'hidden', backgroundColor: 'white', borderRadius: 1 }, codePreviewExtraProps === null || codePreviewExtraProps === void 0 ? void 0 : codePreviewExtraProps.sx), children: (0, jsx_runtime_1.jsx)(CodePreview_1.CodeRenderByMessageMemo, { message: message, zoom: 1, sx: {
                         overflowX: 'auto',
                         overflowY: 'auto',
                         scrollbarWidth: 'thin',

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

@@ -1,15 +1,40 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+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;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const ClickToCopy_1 = __importDefault(require("@arcblock/ux/lib/ClickToCopy"));
+const ClickToCopy_1 = __importStar(require("@arcblock/ux/lib/ClickToCopy"));
 const material_1 = require("@mui/material");
 const ux_1 = require("../../../../../arcblock/ux");
 const locale_1 = require("../../../../../locale");
 const session_1 = require("../../../../../session");
 const utils_1 = require("../utils");
+const BASE_QUESTION_SX = {
+    fontWeight: 500,
+    fontSize: 13,
+    lineHeight: 1.6,
+};
 function UserQuestion({ question }) {
     var _a;
     const { session: authSession } = (0, session_1.useSessionContext)();
@@ -27,6 +52,11 @@ function UserQuestion({ question }) {
                     borderRadius: 1,
                     //   borderTopLeftRadius: 0,
                     backgroundColor: 'grey.200',
-                }, children: (0, jsx_runtime_1.jsx)(ClickToCopy_1.default, { locale: locale, unstyled: true, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { sx: Object.assign({ fontWeight: 500, fontSize: 13, maxWidth: 300, color: 'textColor', textAlign: 'left' }, (0, utils_1.getLineClamp)(1)), children: question }) }) })] }));
+                    maxWidth: 300,
+                }, children: (0, jsx_runtime_1.jsx)(ClickToCopy_1.CopyButton, { locale: locale, unstyled: true, render: ({ copyButton, containerRef }) => {
+                        return ((0, jsx_runtime_1.jsx)(material_1.Box, { ref: containerRef, display: "flex", alignItems: "center", sx: Object.assign(Object.assign({}, BASE_QUESTION_SX), { color: 'textColor' }), children: (0, jsx_runtime_1.jsx)(ClickToCopy_1.default, { locale: locale, unstyled: true, disableHoverListener: true, disableFocusListener: true, disableTouchListener: true, children: (0, jsx_runtime_1.jsx)(material_1.Tooltip, { placement: "bottom", arrow: true, title: (0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsxs)(material_1.Typography, { sx: Object.assign(Object.assign({}, BASE_QUESTION_SX), { color: 'white' }), children: [question, (0, jsx_runtime_1.jsx)(material_1.Box, { id: "copy-button-wrapper", component: "span", sx: {
+                                                        ml: 0.5,
+                                                    }, children: copyButton })] }) }), children: (0, jsx_runtime_1.jsx)(material_1.Typography, { sx: Object.assign(Object.assign(Object.assign({}, BASE_QUESTION_SX), { textAlign: 'left', alignItems: 'center' }), (0, utils_1.getLineClamp)(1)), children: question }) }) }) }));
+                    } }) })] }));
 }
 exports.default = UserQuestion;

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

@@ -247,7 +247,11 @@ const createSessionState = ({ aid }) => {
         execute: (_g) => __awaiter(void 0, void 0, void 0, function* () {
             var _h, e_1, _j, _k;
             var { aid, working, parameters, onResponseStart } = _g, args = __rest(_g, ["aid", "working", "parameters", "onResponseStart"]);
-            const sessionId = args.sessionId || get().currentSessionId || (yield get().createSession()).id;
+            const sessionId = args.sessionId ||
+                get().currentSessionId ||
+                (yield get().createSession({
+                    name: parameters === null || parameters === void 0 ? void 0 : parameters.question,
+                })).id;
             const identity = (0, aid_1.parseIdentity)(aid, { rejectWhenError: true });
             let message;
             set((state) => {