@blocklet/pages-kit 0.2.350 → 0.2.352

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

@@ -1,4 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SubscriptionErrorType } from '@blocklet/ai-kit/api';
+import { SubscribeErrorAlert } from '@blocklet/ai-kit/components';
 import { Alert, Button, Stack, alertClasses } from '@mui/material';
 import { ErrorBoundary } from 'react-error-boundary';
 import { useLocaleContext } from '../../../locale';
@@ -12,6 +14,9 @@ export function AgentErrorView({ error }) {
     if (error.type === 'MissingSecretError') {
         return _jsx(MissingSecretErrorView, {});
     }
+    if (error.type === SubscriptionErrorType.UNSUBSCRIBED) {
+        return _jsx(SubscribeErrorAlert, { error: error });
+    }
     return _jsx(Alert, { severity: "error", children: String(error === null || error === void 0 ? void 0 : error.message) });
 }
 function MissingSecretErrorView() {

package/lib/esm/builtin/async/ai-runtime/hooks/use-header-menu.js

@@ -26,12 +26,13 @@ export function useHeaderMenu() {
     const clearSession = useSessionState((s) => s.clearSession);
     const { agent } = useRuntimeState();
     const isAdmin = useIsAgentAdmin(agent);
+    const hasSettings = agent.config.secrets.length > 0;
     useHeader(() => hideHeaderMenuButton
         ? {}
         : {
             addons: (exists) => [
                 _jsx(PopperMenuButton, { component: IconButton, PopperProps: { placement: 'bottom-end', sx: { zIndex: 'appBar' } }, menus: [
-                        isAdmin && (_jsxs(MenuItem, { onClick: () => settingsDialogState.getState().open(), children: [_jsx(ListItemIcon, { children: _jsx(Icon, { icon: "tabler:settings" }) }), t('settings')] }, "settings")),
+                        hasSettings && isAdmin && (_jsxs(MenuItem, { onClick: () => settingsDialogState.getState().open(), children: [_jsx(ListItemIcon, { children: _jsx(Icon, { icon: "tabler:settings" }) }), t('settings')] }, "settings")),
                         _jsxs(LoadingMenuItem, { onClick: () => __awaiter(this, void 0, void 0, function* () { return clearSession(); }), children: [_jsx(ListItemIcon, { children: _jsx(Icon, { icon: "mingcute:broom-line" }) }), t('clearSession')] }, "clearSession"),
                     ], children: _jsx(Icon, { icon: "tabler:dots" }) }),
                 ...exists,

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

@@ -15,6 +15,7 @@ import { AI_STUDIO_DID, DEFAULT_PAGE_COMPONENT_ID } from '../../constants';
 import ActiveAgentProvider from '../../contexts/ActiveAgent';
 import RuntimeProvider, { RuntimeProviderFromUrl } from '../../contexts/Runtime';
 import useAppearances from '../../hooks/use-appearances';
+import { useHeaderMenu } from '../../hooks/use-header-menu';
 import { useRuntimeState } from '../../state/runtime';
 const logoSize = 44;
 function AgentCreatedBy({ did }) {
@@ -58,6 +59,7 @@ ${agent === null || agent === void 0 ? void 0 : agent.description}
             addons: (exists) => [_jsx(SocialShare, { content: shareContent }), ...exists].filter(Boolean),
         };
     }, [locale, isMobile, agent]);
+    useHeaderMenu();
     const componentId = (_a = appearancePage === null || appearancePage === void 0 ? void 0 : appearancePage.componentId) !== null && _a !== void 0 ? _a : DEFAULT_PAGE_COMPONENT_ID;
     return (_jsxs(_Fragment, { children: [_jsxs(Helmet, { children: [agent.project.name && _jsx("title", { children: agent.project.name }), agent.project.description && _jsx("meta", { name: "description", content: agent.project.description })] }), _jsx(CustomComponentRenderer, { componentId: componentId, properties: appearancePage === null || appearancePage === void 0 ? void 0 : appearancePage.componentProperties }), _jsx(AgentSettingsDialog, {})] }));
 }

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

@@ -16,6 +16,7 @@ import { Suspense, memo, useRef } from 'react';
 import Balancer from 'react-wrap-balancer';
 import CustomComponentRenderer from '../../../../../components/CustomComponentRenderer';
 import { useLocaleContext } from '../../../../locale';
+import { AgentErrorView } from '../../components/AgentErrorBoundary';
 import SimpleHeader from '../../components/Header/SimpleHeader';
 import LoadingButton from '../../components/LoadingButton';
 import { useActiveAgent } from '../../contexts/ActiveAgent';
@@ -55,5 +56,5 @@ const OutputItemView = memo(({ message }) => {
     const { appearanceOutput } = useAppearances({ agentId: message.agentId });
     if (!(appearanceOutput === null || appearanceOutput === void 0 ? void 0 : appearanceOutput.componentId))
         return null;
-    return (_jsx(CurrentAgentProvider, { agentId: message.agentId, children: _jsx(CurrentMessageProvider, { message: message, children: _jsx(Suspense, { children: _jsx(CustomComponentRenderer, { componentId: appearanceOutput.componentId, properties: appearanceOutput.componentProperties }) }) }) }, message.id));
+    return (_jsx(CurrentAgentProvider, { agentId: message.agentId, children: _jsx(CurrentMessageProvider, { message: message, children: _jsx(Suspense, { children: _jsx(CustomComponentRenderer, { componentId: appearanceOutput.componentId, properties: appearanceOutput.componentProperties, fallbackRender: AgentErrorView }, message.id) }) }) }, message.id));
 });

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

@@ -31,7 +31,7 @@ const MessageView = memo(({ message }) => {
     const { hideAgentAvatar, hideUserInputs } = (_b = useComponentPreferences()) !== null && _b !== void 0 ? _b : {};
     if (!(appearanceOutput === null || appearanceOutput === void 0 ? void 0 : appearanceOutput.componentId))
         return null;
-    const agentMessage = (_jsx(MessageBodyContainer, { messageRole: "assistant", children: _jsx(CustomComponentRenderer, { componentId: appearanceOutput.componentId, properties: appearanceOutput.componentProperties, fallbackRender: AgentErrorView }) }));
+    const agentMessage = (_jsx(MessageBodyContainer, { messageRole: "assistant", children: _jsx(CustomComponentRenderer, { componentId: appearanceOutput.componentId, properties: appearanceOutput.componentProperties, fallbackRender: AgentErrorView }, message.id) }));
     return (_jsx(CurrentAgentProvider, { agentId: message.agentId, children: _jsx(CurrentMessageProvider, { message: message, children: _jsxs(Stack, { gap: 2, children: [!hideUserInputs && (_jsx(Box, { children: _jsx(UserInfo, { name: (_c = authSession.user) === null || _c === void 0 ? void 0 : _c.fullName, did: (_d = authSession.user) === null || _d === void 0 ? void 0 : _d.did, avatar: (_e = authSession.user) === null || _e === void 0 ? void 0 : _e.avatar, time: message.createdAt, reverse: true, alignItems: "flex-start", UserNameProps: { sx: { color: hasBg ? 'white' : undefined } }, children: _jsx(Stack, { sx: { alignItems: 'flex-end' }, children: _jsx(MessageBodyContainer, { messageRole: "user", children: _jsx(UserMessageView, {}) }) }) }) })), _jsx(Box, { children: !hideAgentAvatar ? (_jsx(UserInfo, { name: profile.name, did: (_f = globalThis.blocklet) === null || _f === void 0 ? void 0 : _f.appId, avatar: profile.avatar, time: message.createdAt, alignItems: "flex-start", UserNameProps: { sx: { color: hasBg ? 'white' : undefined } }, children: agentMessage })) : (agentMessage) })] }) }) }));
 });
 export default MessageView;

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

@@ -19,7 +19,6 @@ import ScrollView from '../../components/ScrollView';
 import { useActiveAgent } from '../../contexts/ActiveAgent';
 import { ComponentPreferencesProvider, useComponentPreferences } from '../../contexts/ComponentPreferences';
 import CurrentAgentProvider from '../../contexts/CurrentAgent';
-import { useHeaderMenu } from '../../hooks/use-header-menu';
 import { useAutoLoadSessionState, useCurrentSessionState, useSessionState } from '../../state/session';
 import BackgroundImage from './BackgroundImage';
 import InputsView from './InputsView';
@@ -43,7 +42,6 @@ function SimpleChatView() {
     }, [scrollToBottom, running]);
     const sessionLoading = useCurrentSessionState((s) => s === null || s === void 0 ? void 0 : s.loading);
     const loading = useSessionState((s) => s === null || s === void 0 ? void 0 : s.loading) || sessionLoading;
-    useHeaderMenu();
     return (_jsxs(SimpleLayout, { px: 0, children: [_jsx(SimpleHeader, { px: 4, sx: { color: hasBg ? 'white' : undefined } }), loading ? (_jsx(Box, { textAlign: "center", my: 10, children: _jsx(CircularProgress, { size: 24 }) })) : (_jsxs(_Fragment, { children: [_jsx(CurrentAgentProvider, { agentId: activeAgentId, children: _jsx(MessagesView, { className: "aigne-outputs aigne-simple-chat-outputs", flexGrow: 1, pb: 10, px: { xs: 2, sm: 3 } }) }), _jsx(CurrentAgentProvider, { agentId: activeAgentId, children: _jsx(InputsView, { className: "aigne-inputs aigne-simple-chat-inputs", sx: {
                                 position: 'sticky',
                                 bottom: 0,

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

@@ -43,5 +43,5 @@ const OutputItemView = memo(({ message }) => {
     const { appearanceOutput } = useAppearances({ agentId: message.agentId });
     if (!(appearanceOutput === null || appearanceOutput === void 0 ? void 0 : appearanceOutput.componentId))
         return null;
-    return (_jsx(CurrentAgentProvider, { agentId: message.agentId, children: _jsx(CurrentMessageProvider, { message: message, children: _jsx(Suspense, { children: _jsx(CustomComponentRenderer, { componentId: appearanceOutput.componentId, properties: appearanceOutput.componentProperties, fallbackRender: AgentErrorView }) }) }) }));
+    return (_jsx(CurrentAgentProvider, { agentId: message.agentId, children: _jsx(CurrentMessageProvider, { message: message, children: _jsx(Suspense, { children: _jsx(CustomComponentRenderer, { componentId: appearanceOutput.componentId, properties: appearanceOutput.componentProperties, fallbackRender: AgentErrorView }, message.id) }) }) }));
 });

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

@@ -16,6 +16,7 @@ import { Box, Button, Chip, Container, IconButton, Stack, ThemeProvider, Tooltip
 import { Suspense, useEffect, useMemo, useRef, useState } from 'react';
 import CustomComponentRenderer from '../../../../../components/CustomComponentRenderer';
 import { useLocaleContext } from '../../../../locale';
+import { AgentErrorView } from '../../components/AgentErrorBoundary';
 import { useActiveAgent } from '../../contexts/ActiveAgent';
 import CurrentAgentProvider from '../../contexts/CurrentAgent';
 import CurrentMessageProvider from '../../contexts/CurrentMessage';
@@ -292,5 +293,5 @@ function AgentOutputRender({ message }) {
     const { appearanceOutput } = useAppearances();
     if (!(appearanceOutput === null || appearanceOutput === void 0 ? void 0 : appearanceOutput.componentId) || !message)
         return null;
-    return (_jsx(CurrentAgentProvider, { agentId: message.agentId, children: _jsx(CurrentMessageProvider, { message: message, children: _jsx(Suspense, { children: _jsx(CustomComponentRenderer, { componentId: appearanceOutput.componentId, properties: appearanceOutput.componentProperties }) }) }) }));
+    return (_jsx(CurrentAgentProvider, { agentId: message.agentId, children: _jsx(CurrentMessageProvider, { message: message, children: _jsx(Suspense, { children: _jsx(CustomComponentRenderer, { componentId: appearanceOutput.componentId, properties: appearanceOutput.componentProperties, fallbackRender: AgentErrorView }, message.id) }) }) }));
 }