@blocklet/pages-kit 0.2.413 → 0.2.415

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

@@ -27,6 +27,7 @@ import DOMPurify from 'isomorphic-dompurify';
 import { useMemo } from 'react';
 import { joinURL, withQuery } from 'ufo';
 import { useLocaleContext } from '../../../../locale';
+import { AI_RUNTIME_DID } from '../../constants';
 import { useCurrentAgent } from '../../contexts/CurrentAgent';
 import { useCurrentMessage } from '../../contexts/CurrentMessage';
 import { useProfile } from '../../hooks/use-appearances';
@@ -93,7 +94,7 @@ function ShareTwitter({ inputs, shareAttach, }) {
             text,
             url: link,
         };
-    }, []);
+    }, [message.outputs]);
     if (!query)
         return null;
     return (_jsx(StyledActionButton, { tip: t('socialShare.shareToX'), title: _jsx(Icon, { icon: "tabler:brand-x" }), target: "_blank", href: withQuery('https://twitter.com/intent/tweet', query) }));
@@ -199,7 +200,7 @@ function ShareCommunity({ inputs, shareAttach, }) {
             content,
             labels: 'demo',
         };
-    }, [inputs, shareAttach]);
+    }, [inputs, message.outputs, shareAttach]);
     return (_jsx(StyledActionButton, { tip: t('socialShare.shareToCommunity'), title: _jsx(CommunityIcon, {}), target: "_blank", href: withQuery('https://community.arcblock.io/discussions/add?', query) }));
 }
 const StyledActionButton = styled(ActionButton)(({ theme }) => theme.unstable_sx({
@@ -209,8 +210,13 @@ const StyledActionButton = styled(ActionButton)(({ theme }) => theme.unstable_sx
     minHeight: '0 !important',
 }));
 const useCurrentLink = () => {
-    var _a;
+    var _a, _b;
     const { message } = useCurrentMessage();
-    const link = 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 === AI_RUNTIME_DID)) === null || _b === void 0 ? void 0 : _b.mountPoint;
+    if (!prefix)
+        throw new Error('No aigne runtime prefix found');
+    const link = withQuery(joinURL(window.origin, prefix, '/messages', message.id), {
+        agentUrl: window.location.href,
+    });
     return { link };
 };

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

@@ -25,7 +25,7 @@ export default 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 = 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 } });
@@ -34,6 +34,14 @@ export default 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),
@@ -123,9 +131,7 @@ export default function ThemeProvider({ children }) {
                 } }),
             palette: {
                 primary,
-                secondary: {
-                    main: '#010714',
-                },
+                secondary,
             },
         });
         return createTheme(theme, themeOptions, {

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

@@ -24,7 +24,6 @@ import CurrentAgentProvider from '../../contexts/CurrentAgent';
 import CurrentMessageProvider from '../../contexts/CurrentMessage';
 import useAppearances from '../../hooks/use-appearances';
 import { useAutoLoadSessionState, useCurrentSessionState, useSessionState } from '../../state/session';
-import mapRight from '../../utils/map-right';
 export default function PhotoGallery({ resultTitle }) {
     const { activeAgentId } = useActiveAgent();
     useAutoLoadSessionState();
@@ -50,7 +49,7 @@ function OutputView(_a) {
     return (_jsxs(Stack, Object.assign({ width: "100%", alignItems: "center", px: { xs: 2, sm: 3 }, mt: { xs: 2, sm: 3 } }, props, { children: [resultTitle && (_jsx(Typography, { width: "100%", component: "h2", fontSize: 36, fontWeight: 700, textAlign: "center", children: _jsx(Balancer, { children: resultTitle }) })), loaded && !messages.length && _jsx(NoOutputs, {}), _jsxs(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 && (_jsx(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,
-                        } })), mapRight(messages, (message) => (_jsx(OutputItemView, { message: message }, message.id)))] }), _jsx(Box, { my: 4, children: !!messages.length && !noMoreMessage && (_jsx(LoadingButton, { variant: "outlined", onClick: () => loadMoreMessages(), children: t('loadMore') })) })] })));
+                        } })), messages.map((message) => (_jsx(OutputItemView, { message: message }, message.id)))] }), _jsx(Box, { my: 4, children: !!messages.length && !noMoreMessage && (_jsx(LoadingButton, { variant: "outlined", onClick: () => loadMoreMessages(), children: t('loadMore') })) })] })));
 }
 const OutputItemView = memo(({ message }) => {
     const { appearanceOutput } = useAppearances({ agentId: message.agentId });

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

@@ -35,7 +35,8 @@ export function useRuntimeState() {
         yield sessionState.getState().load();
     }), [authSession, sessionState]);
     const execute = 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/esm/builtin/async/ai-runtime/state/session.js

@@ -99,7 +99,7 @@ export 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;
                     });
                 }
@@ -204,7 +204,7 @@ export 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;
                 });
             }
@@ -236,12 +236,10 @@ export 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 = parseIdentity(aid, { rejectWhenError: true });
+            let responseStarted = false;
+            let mainTaskId;
+            let sessionId = args.sessionId || get().currentSessionId;
             let message;
             set((state) => {
                 var _a;
@@ -260,8 +258,6 @@ export 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();
@@ -273,7 +269,40 @@ export 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,
@@ -289,7 +318,7 @@ export 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) {