@blocklet/pages-kit 0.2.323 → 0.2.325

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

@@ -30,9 +30,9 @@ export default function V0Input({ submitText, inlineLabel, autoFillLastForm = fa
     const { aid, agent } = useCurrentAgent();
     const [executeLoading, setExecuteLoading] = useState(false);
     const opening = useOpeningQuestions();
-    const { execute, checkLoginState } = useRuntimeState();
+    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;
@@ -51,15 +51,9 @@ export default function V0Input({ submitText, inlineLabel, autoFillLastForm = fa
     }, [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/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,24 @@ export default 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',
         },
@@ -58,10 +71,15 @@ export default 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',
@@ -70,10 +88,15 @@ export default 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',
@@ -197,7 +220,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

@@ -8,6 +8,7 @@ import { getLineClamp } from '../utils';
 const BASE_QUESTION_SX = {
     fontWeight: 500,
     fontSize: 13,
+    lineHeight: 1.6,
 };
 export default function UserQuestion({ question }) {
     var _a;
@@ -27,5 +28,9 @@ export default function UserQuestion({ question }) {
                     //   borderTopLeftRadius: 0,
                     backgroundColor: 'grey.200',
                     maxWidth: 300,
-                }, children: _jsx(CopyButton, { locale: locale, unstyled: true, render: ({ containerRef }) => (_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, children: _jsx(Tooltip, { title: _jsx(Box, { children: _jsx(Typography, { sx: Object.assign(Object.assign({}, BASE_QUESTION_SX), { color: 'white' }), children: question }) }), children: _jsx(Typography, { sx: Object.assign(Object.assign(Object.assign({}, BASE_QUESTION_SX), { textAlign: 'left', alignItems: 'center' }), getLineClamp(1)), children: question }) }) }) })) }) })] }));
+                }, 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/runtime.js

@@ -13,7 +13,7 @@ import { useRuntimeContext } from '../contexts/Runtime';
 import { useAgentState } from './agent';
 import { createSessionState } from './session';
 export function useRuntimeState() {
-    var _a, _b;
+    var _a;
     const { aid, working } = useRuntimeContext();
     const [agent] = useAgentState({ aid, working });
     const { session: authSession } = useSessionContext();
@@ -38,11 +38,5 @@ export function useRuntimeState() {
         }
         return exec(Object.assign(Object.assign({}, args), { working }));
     }), [authSession.user, exec, working, login]);
-    const checkLoginState = 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 };
 }

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