@blocklet/pages-kit 0.2.413 → 0.2.415

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

@@ -56,6 +56,7 @@ const isomorphic_dompurify_1 = __importDefault(require("isomorphic-dompurify"));
 const react_2 = require("react");
 const ufo_1 = require("ufo");
 const locale_1 = require("../../../../locale");
+const constants_1 = require("../../constants");
 const CurrentAgent_1 = require("../../contexts/CurrentAgent");
 const CurrentMessage_1 = require("../../contexts/CurrentMessage");
 const use_appearances_1 = require("../../hooks/use-appearances");
@@ -122,7 +123,7 @@ function ShareTwitter({ inputs, shareAttach, }) {
             text,
             url: link,
         };
-    }, []);
+    }, [message.outputs]);
     if (!query)
         return null;
     return ((0, jsx_runtime_1.jsx)(StyledActionButton, { tip: t('socialShare.shareToX'), title: (0, jsx_runtime_1.jsx)(react_1.Icon, { icon: "tabler:brand-x" }), target: "_blank", href: (0, ufo_1.withQuery)('https://twitter.com/intent/tweet', query) }));
@@ -228,7 +229,7 @@ function ShareCommunity({ inputs, shareAttach, }) {
             content,
             labels: 'demo',
         };
-    }, [inputs, shareAttach]);
+    }, [inputs, message.outputs, shareAttach]);
     return ((0, jsx_runtime_1.jsx)(StyledActionButton, { tip: t('socialShare.shareToCommunity'), title: (0, jsx_runtime_1.jsx)(Community_1.default, {}), target: "_blank", href: (0, ufo_1.withQuery)('https://community.arcblock.io/discussions/add?', query) }));
 }
 const StyledActionButton = (0, material_1.styled)(ActionButton_1.default)(({ theme }) => theme.unstable_sx({
@@ -238,8 +239,13 @@ const StyledActionButton = (0, material_1.styled)(ActionButton_1.default)(({ the
     minHeight: '0 !important',
 }));
 const useCurrentLink = () => {
-    var _a;
+    var _a, _b;
     const { message } = (0, CurrentMessage_1.useCurrentMessage)();
-    const link = (0, ufo_1.joinURL)(window.origin, ((_a = window.blocklet) === null || _a === void 0 ? void 0 : _a.prefix) || '/', '/messages', message.id);
+    const prefix = (_b = (_a = window.blocklet) === null || _a === void 0 ? void 0 : _a.componentMountPoints.find((i) => i.did === constants_1.AI_RUNTIME_DID)) === null || _b === void 0 ? void 0 : _b.mountPoint;
+    if (!prefix)
+        throw new Error('No aigne runtime prefix found');
+    const link = (0, ufo_1.withQuery)((0, ufo_1.joinURL)(window.origin, prefix, '/messages', message.id), {
+        agentUrl: window.location.href,
+    });
     return { link };
 };

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

@@ -31,7 +31,7 @@ function ThemeProvider({ children }) {
     const headingFontFamily = (_c = (_b = appearance === null || appearance === void 0 ? void 0 : appearance.typography) === null || _b === void 0 ? void 0 : _b.heading) === null || _c === void 0 ? void 0 : _c.fontFamily;
     const newTheme = (0, react_1.useMemo)(() => {
         var _a, _b, _c, _d, _e, _f;
-        let { primary } = theme.palette;
+        let { primary, secondary } = theme.palette;
         try {
             if (appearance === null || appearance === void 0 ? void 0 : appearance.primaryColor) {
                 primary = theme.palette.augmentColor({ color: { main: appearance === null || appearance === void 0 ? void 0 : appearance.primaryColor } });
@@ -40,6 +40,14 @@ function ThemeProvider({ children }) {
         catch (error) {
             console.error('augment primary color error', { error });
         }
+        try {
+            if (appearance === null || appearance === void 0 ? void 0 : appearance.secondaryColor) {
+                secondary = theme.palette.augmentColor({ color: { main: appearance === null || appearance === void 0 ? void 0 : appearance.secondaryColor } });
+            }
+        }
+        catch (error) {
+            console.error('augment secondary color error', { error });
+        }
         const { fontFamily } = theme.typography;
         const headingFontFamily = [
             ((_b = (_a = appearance === null || appearance === void 0 ? void 0 : appearance.typography) === null || _a === void 0 ? void 0 : _a.heading) === null || _b === void 0 ? void 0 : _b.fontFamily) && JSON.stringify((_d = (_c = appearance === null || appearance === void 0 ? void 0 : appearance.typography) === null || _c === void 0 ? void 0 : _c.heading) === null || _d === void 0 ? void 0 : _d.fontFamily),
@@ -129,9 +137,7 @@ function ThemeProvider({ children }) {
                 } }),
             palette: {
                 primary,
-                secondary: {
-                    main: '#010714',
-                },
+                secondary,
             },
         });
         return (0, material_1.createTheme)(theme, themeOptions, {

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

@@ -30,7 +30,6 @@ const CurrentAgent_1 = __importDefault(require("../../contexts/CurrentAgent"));
 const CurrentMessage_1 = __importDefault(require("../../contexts/CurrentMessage"));
 const use_appearances_1 = __importDefault(require("../../hooks/use-appearances"));
 const session_1 = require("../../state/session");
-const map_right_1 = __importDefault(require("../../utils/map-right"));
 function PhotoGallery({ resultTitle }) {
     const { activeAgentId } = (0, ActiveAgent_1.useActiveAgent)();
     (0, session_1.useAutoLoadSessionState)();
@@ -56,7 +55,7 @@ function OutputView(_a) {
     return ((0, jsx_runtime_1.jsxs)(material_1.Stack, Object.assign({ width: "100%", alignItems: "center", px: { xs: 2, sm: 3 }, mt: { xs: 2, sm: 3 } }, props, { children: [resultTitle && ((0, jsx_runtime_1.jsx)(material_1.Typography, { width: "100%", component: "h2", fontSize: 36, fontWeight: 700, textAlign: "center", children: (0, jsx_runtime_1.jsx)(react_wrap_balancer_1.default, { children: resultTitle }) })), loaded && !messages.length && (0, jsx_runtime_1.jsx)(NoOutputs, {}), (0, jsx_runtime_1.jsxs)(lab_1.Masonry, { ref: ref, columns: { xs: 2, sm: 3, md: 4, lg: 5 }, spacing: 1, sequential: true, sx: { width: '100%', overflow: 'hidden', '> *': { borderRadius: 1 } }, children: [running && ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "rectangular", sx: {
                             // FIXME: default using history height
                             height: (_e = (_d = (_c = ref.current) === null || _c === void 0 ? void 0 : _c.querySelector('*')) === null || _d === void 0 ? void 0 : _d.clientHeight) !== null && _e !== void 0 ? _e : 200,
-                        } })), (0, map_right_1.default)(messages, (message) => ((0, jsx_runtime_1.jsx)(OutputItemView, { message: message }, message.id)))] }), (0, jsx_runtime_1.jsx)(material_1.Box, { my: 4, children: !!messages.length && !noMoreMessage && ((0, jsx_runtime_1.jsx)(LoadingButton_1.default, { variant: "outlined", onClick: () => loadMoreMessages(), children: t('loadMore') })) })] })));
+                        } })), messages.map((message) => ((0, jsx_runtime_1.jsx)(OutputItemView, { message: message }, message.id)))] }), (0, jsx_runtime_1.jsx)(material_1.Box, { my: 4, children: !!messages.length && !noMoreMessage && ((0, jsx_runtime_1.jsx)(LoadingButton_1.default, { variant: "outlined", onClick: () => loadMoreMessages(), children: t('loadMore') })) })] })));
 }
 const OutputItemView = (0, react_1.memo)(({ message }) => {
     const { appearanceOutput } = (0, use_appearances_1.default)({ agentId: message.agentId });

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

@@ -38,7 +38,8 @@ function useRuntimeState() {
         yield sessionState.getState().load();
     }), [authSession, sessionState]);
     const execute = (0, react_1.useCallback)((args) => __awaiter(this, void 0, void 0, function* () {
-        if (!authSession.user) {
+        var _a;
+        if (!((_a = agent.access) === null || _a === void 0 ? void 0 : _a.noLoginRequired) && !authSession.user) {
             yield login();
         }
         return exec(Object.assign(Object.assign({}, args), { blockletDid, working }));

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

@@ -105,7 +105,7 @@ const createSessionState = ({ aid }) => {
                         const s = (_a = state.sessionMap) === null || _a === void 0 ? void 0 : _a[state.currentSessionId];
                         if (!s)
                             return;
-                        s.messages = messages.toReversed();
+                        s.messages = messages;
                         s.noMoreMessage = messages.length < GET_MESSAGES_LIMIT;
                     });
                 }
@@ -210,7 +210,7 @@ const createSessionState = ({ aid }) => {
                     const s = (_a = state.sessionMap) === null || _a === void 0 ? void 0 : _a[sessionId];
                     if (!s)
                         return;
-                    s.messages = ((_b = s.messages) !== null && _b !== void 0 ? _b : []).concat(result.messages.toReversed());
+                    s.messages = ((_b = s.messages) !== null && _b !== void 0 ? _b : []).concat(result.messages);
                     s.noMoreMessage = result.messages.length < limit;
                 });
             }
@@ -242,12 +242,10 @@ const createSessionState = ({ aid }) => {
         }),
         execute: (_a) => __awaiter(void 0, void 0, void 0, function* () {
             var { blockletDid, aid, working, parameters, onResponseStart } = _a, args = __rest(_a, ["blockletDid", "aid", "working", "parameters", "onResponseStart"]);
-            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 responseStarted = false;
+            let mainTaskId;
+            let sessionId = args.sessionId || get().currentSessionId;
             let message;
             set((state) => {
                 var _a;
@@ -266,8 +264,6 @@ const createSessionState = ({ aid }) => {
                     inputs: Object.assign(Object.assign({}, parameters), { $clientTime: new Date().toISOString() }),
                     responseType: 'stream',
                 });
-                let responseStarted = false;
-                let mainTaskId;
                 const reader = res.getReader();
                 for (;;) {
                     const { value, done } = yield reader.read();
@@ -279,7 +275,40 @@ const createSessionState = ({ aid }) => {
                     }
                     if ((value === null || value === void 0 ? void 0 : value.type) === 'CHUNK') {
                         if (!message) {
+                            const isNewSession = sessionId !== value.sessionId;
                             mainTaskId = value.taskId;
+                            sessionId = value.sessionId;
+                            // set current session state for anonymous session
+                            if (isNewSession) {
+                                set((state) => {
+                                    var _a, _b;
+                                    state.sessions = [
+                                        ...((_a = state.sessions) !== null && _a !== void 0 ? _a : []),
+                                        {
+                                            id: sessionId,
+                                            projectId: identity.projectId,
+                                            agentId: identity.agentId,
+                                            createdAt: new Date().toISOString(),
+                                            updatedAt: new Date().toISOString(),
+                                        },
+                                    ];
+                                    state.currentSessionId = sessionId;
+                                    state.sessionMap = Object.fromEntries(state.sessions.map((i) => {
+                                        var _a;
+                                        return [
+                                            i.id,
+                                            Object.assign(Object.assign(Object.assign({}, (_a = state.sessionMap) === null || _a === void 0 ? void 0 : _a[i.id]), { session: i }), (i.id === sessionId ? { messages: [], loaded: true } : {})),
+                                        ];
+                                    }));
+                                    const s = (_b = state.sessionMap) === null || _b === void 0 ? void 0 : _b[sessionId];
+                                    if (!s)
+                                        return;
+                                    s.running = true;
+                                    s.error = undefined;
+                                    s.noMoreMessage = true;
+                                    state.currentSessionId = sessionId;
+                                });
+                            }
                             message = {
                                 id: value.messageId,
                                 agentId: identity.agentId,
@@ -295,7 +324,7 @@ const createSessionState = ({ aid }) => {
                                 if (!s)
                                     return;
                                 (_b = s.messages) !== null && _b !== void 0 ? _b : (s.messages = []);
-                                s.messages.push(message);
+                                s.messages.unshift(message);
                             });
                         }
                         if (mainTaskId === value.taskId) {