@blocklet/pages-kit 0.2.322 → 0.2.324

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

@@ -32,7 +32,7 @@ export default function V0Input({ submitText, inlineLabel, autoFillLastForm = fa
     const opening = useOpeningQuestions();
     const { execute } = useRuntimeState();
     const { running } = useCurrentSessionState((s) => s) || {};
-    const { createSession, currentSessionId } = useSessionState((s) => s) || {};
+    const { currentSessionId } = useSessionState((s) => s) || {};
     const { setCurrentMessageTaskId } = useV0RuntimeContext();
     const parameters = useMemo(() => {
         var _a;
@@ -54,11 +54,6 @@ export default function V0Input({ submitText, inlineLabel, autoFillLastForm = fa
             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/esm/builtin/async/ai-runtime/runtime-components/V0/Output.js

@@ -35,7 +35,10 @@ export default function V0Output() {
     const { propertiesValueMap, setPropertiesValueMap, isMobile } = useV0RuntimeContext();
     const [code, setCode] = useState('');
     const { t, locale } = useLocaleContext();
-    const [codePreviewExtraSx, setCodePreviewExtraSx] = useState(DEFAULT_DESKTOP_SX);
+    const [codePreviewExtraProps, setCodePreviewExtraProps] = 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;
@@ -43,14 +46,23 @@ export default 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',
         },
@@ -58,10 +70,14 @@ export default 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',
@@ -70,10 +86,14 @@ export default 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',
@@ -197,7 +217,7 @@ export default function V0Output() {
                                     const { icon, key, props, buttonText } = option;
                                     return (_jsxs(Button, Object.assign({ "data-taskId": taskId }, props, { children: [_jsx(Icon, { icon: icon, fontSize: 22 }), buttonText && _jsx(Box, { sx: { ml: 1 }, children: buttonText })] }), key));
                                 }) }, group));
-                        }) })] }), _jsx(Box, { sx: Object.assign({ display: 'flex', justifyContent: 'center', overflow: 'hidden', backgroundColor: 'white', borderRadius: 1 }, codePreviewExtraSx), children: _jsx(CodeRenderByMessage, { message: message, zoom: 1, sx: {
+                        }) })] }), _jsx(Box, { sx: Object.assign({ display: 'flex', justifyContent: 'center', overflow: 'hidden', backgroundColor: 'white', borderRadius: 1 }, codePreviewExtraProps === null || codePreviewExtraProps === void 0 ? void 0 : codePreviewExtraProps.sx), children: _jsx(CodeRenderByMessage, { message: message, zoom: 1, sx: {
                         overflowX: 'auto',
                         overflowY: 'auto',
                         scrollbarWidth: 'thin',

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

@@ -1,10 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import ClickToCopy from '@arcblock/ux/lib/ClickToCopy';
-import { Box, Typography } from '@mui/material';
+import ClickToCopy, { CopyButton } from '@arcblock/ux/lib/ClickToCopy';
+import { Box, Tooltip, Typography } from '@mui/material';
 import { Avatar } from '../../../../../arcblock/ux';
 import { useLocaleContext } from '../../../../../locale';
 import { useSessionContext } from '../../../../../session';
 import { getLineClamp } from '../utils';
+const BASE_QUESTION_SX = {
+    fontWeight: 500,
+    fontSize: 13,
+    lineHeight: 1.6,
+};
 export default function UserQuestion({ question }) {
     var _a;
     const { session: authSession } = useSessionContext();
@@ -22,5 +27,10 @@ export default function UserQuestion({ question }) {
                     borderRadius: 1,
                     //   borderTopLeftRadius: 0,
                     backgroundColor: 'grey.200',
-                }, children: _jsx(ClickToCopy, { locale: locale, unstyled: true, children: _jsx(Typography, { sx: Object.assign({ fontWeight: 500, fontSize: 13, maxWidth: 300, color: 'textColor', textAlign: 'left' }, getLineClamp(1)), children: question }) }) })] }));
+                    maxWidth: 300,
+                }, children: _jsx(CopyButton, { locale: locale, unstyled: true, render: ({ copyButton, containerRef }) => {
+                        return (_jsx(Box, { ref: containerRef, display: "flex", alignItems: "center", sx: Object.assign(Object.assign({}, BASE_QUESTION_SX), { color: 'textColor' }), children: _jsx(ClickToCopy, { locale: locale, unstyled: true, disableHoverListener: true, disableFocusListener: true, disableTouchListener: true, children: _jsx(Tooltip, { placement: "bottom", arrow: true, title: _jsx(Box, { children: _jsxs(Typography, { sx: Object.assign(Object.assign({}, BASE_QUESTION_SX), { color: 'white' }), children: [question, _jsx(Box, { id: "copy-button-wrapper", component: "span", sx: {
+                                                        ml: 0.5,
+                                                    }, children: copyButton })] }) }), children: _jsx(Typography, { sx: Object.assign(Object.assign(Object.assign({}, BASE_QUESTION_SX), { textAlign: 'left', alignItems: 'center' }), getLineClamp(1)), children: question }) }) }) }));
+                    } }) })] }));
 }

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

@@ -244,7 +244,11 @@ export 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 = parseIdentity(aid, { rejectWhenError: true });
             let message;
             set((state) => {