@blocklet/pages-kit 0.2.323 → 0.2.325

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

@@ -35,9 +35,9 @@ function V0Input({ submitText, inlineLabel, autoFillLastForm = false, submitInQu
     const { aid, agent } = (0, CurrentAgent_1.useCurrentAgent)();
     const [executeLoading, setExecuteLoading] = (0, react_2.useState)(false);
     const opening = (0, use_appearances_1.useOpeningQuestions)();
-    const { execute, checkLoginState } = (0, runtime_1.useRuntimeState)();
+    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;
@@ -56,15 +56,9 @@ function V0Input({ submitText, inlineLabel, autoFillLastForm = false, submitInQu
     }, [defaultForm, autoFillLastForm, form, chatMode]);
     const onSubmit = (parameters) => __awaiter(this, void 0, void 0, function* () {
         try {
-            yield checkLoginState();
             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,24 @@ function V0Output() {
     const responsiveSx = {
         backgroundColor: 'white',
         borderColor: 'rgba(0, 0, 0, 0.1) !important',
+        // rewrite disabled style
+        '&.frame-button.Mui-disabled': {
+            backgroundColor: 'primary.main',
+            color: 'white',
+        },
     };
     const tooltipOptions = [
         !isMobile && {
             key: 'Desktop',
             icon: 'tabler:device-desktop',
             props: {
+                className: 'frame-button',
+                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 +76,15 @@ function V0Output() {
             key: 'Tablet',
             icon: 'tabler:device-tablet',
             props: {
+                className: 'frame-button',
+                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 +93,15 @@ function V0Output() {
             key: 'Mobile',
             icon: 'tabler:device-mobile',
             props: {
+                className: 'frame-button',
+                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 +225,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

@@ -33,6 +33,7 @@ const utils_1 = require("../utils");
 const BASE_QUESTION_SX = {
     fontWeight: 500,
     fontSize: 13,
+    lineHeight: 1.6,
 };
 function UserQuestion({ question }) {
     var _a;
@@ -52,6 +53,10 @@ function UserQuestion({ question }) {
                     //   borderTopLeftRadius: 0,
                     backgroundColor: 'grey.200',
                     maxWidth: 300,
-                }, children: (0, jsx_runtime_1.jsx)(ClickToCopy_1.CopyButton, { locale: locale, unstyled: true, render: ({ containerRef }) => ((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, children: (0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: (0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, { sx: Object.assign(Object.assign({}, BASE_QUESTION_SX), { color: 'white' }), children: question }) }), 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 }) }) }) })) }) })] }));
+                }, 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/runtime.js

@@ -16,7 +16,7 @@ const Runtime_1 = require("../contexts/Runtime");
 const agent_1 = require("./agent");
 const session_2 = require("./session");
 function useRuntimeState() {
-    var _a, _b;
+    var _a;
     const { aid, working } = (0, Runtime_1.useRuntimeContext)();
     const [agent] = (0, agent_1.useAgentState)({ aid, working });
     const { session: authSession } = (0, session_1.useSessionContext)();
@@ -41,12 +41,6 @@ function useRuntimeState() {
         }
         return exec(Object.assign(Object.assign({}, args), { working }));
     }), [authSession.user, exec, working, login]);
-    const checkLoginState = (0, react_1.useCallback)(() => __awaiter(this, void 0, void 0, function* () {
-        var _c;
-        if (!((_c = authSession.user) === null || _c === void 0 ? void 0 : _c.did)) {
-            yield login();
-        }
-    }), [!((_b = authSession.user) === null || _b === void 0 ? void 0 : _b.did)]);
-    return { aid, working, agent, execute, checkLoginState };
+    return { aid, working, agent, execute };
 }
 exports.useRuntimeState = useRuntimeState;

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) => {