@blocklet/pages-kit 0.2.350 → 0.2.352

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

@@ -2,6 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AgentErrorView = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const api_1 = require("@blocklet/ai-kit/api");
+const components_1 = require("@blocklet/ai-kit/components");
 const material_1 = require("@mui/material");
 const react_error_boundary_1 = require("react-error-boundary");
 const locale_1 = require("../../../locale");
@@ -16,6 +18,9 @@ function AgentErrorView({ error }) {
     if (error.type === 'MissingSecretError') {
         return (0, jsx_runtime_1.jsx)(MissingSecretErrorView, {});
     }
+    if (error.type === api_1.SubscriptionErrorType.UNSUBSCRIBED) {
+        return (0, jsx_runtime_1.jsx)(components_1.SubscribeErrorAlert, { error: error });
+    }
     return (0, jsx_runtime_1.jsx)(material_1.Alert, { severity: "error", children: String(error === null || error === void 0 ? void 0 : error.message) });
 }
 exports.AgentErrorView = AgentErrorView;

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

@@ -32,12 +32,13 @@ function useHeaderMenu() {
     const clearSession = (0, session_1.useSessionState)((s) => s.clearSession);
     const { agent } = (0, runtime_1.useRuntimeState)();
     const isAdmin = (0, use_agent_admin_1.useIsAgentAdmin)(agent);
+    const hasSettings = agent.config.secrets.length > 0;
     (0, header_1.useHeader)(() => hideHeaderMenuButton
         ? {}
         : {
             addons: (exists) => [
                 (0, jsx_runtime_1.jsx)(PopperMenuButton_1.default, { component: material_1.IconButton, PopperProps: { placement: 'bottom-end', sx: { zIndex: 'appBar' } }, menus: [
-                        isAdmin && ((0, jsx_runtime_1.jsxs)(material_1.MenuItem, { onClick: () => AgentSettingsDialog_1.settingsDialogState.getState().open(), children: [(0, jsx_runtime_1.jsx)(material_1.ListItemIcon, { children: (0, jsx_runtime_1.jsx)(react_1.Icon, { icon: "tabler:settings" }) }), t('settings')] }, "settings")),
+                        hasSettings && isAdmin && ((0, jsx_runtime_1.jsxs)(material_1.MenuItem, { onClick: () => AgentSettingsDialog_1.settingsDialogState.getState().open(), children: [(0, jsx_runtime_1.jsx)(material_1.ListItemIcon, { children: (0, jsx_runtime_1.jsx)(react_1.Icon, { icon: "tabler:settings" }) }), t('settings')] }, "settings")),
                         (0, jsx_runtime_1.jsxs)(LoadingMenuItem_1.default, { onClick: () => __awaiter(this, void 0, void 0, function* () { return clearSession(); }), children: [(0, jsx_runtime_1.jsx)(material_1.ListItemIcon, { children: (0, jsx_runtime_1.jsx)(react_1.Icon, { icon: "mingcute:broom-line" }) }), t('clearSession')] }, "clearSession"),
                     ], children: (0, jsx_runtime_1.jsx)(react_1.Icon, { icon: "tabler:dots" }) }),
                 ...exists,

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

@@ -43,6 +43,7 @@ const constants_1 = require("../../constants");
 const ActiveAgent_1 = __importDefault(require("../../contexts/ActiveAgent"));
 const Runtime_1 = __importStar(require("../../contexts/Runtime"));
 const use_appearances_1 = __importDefault(require("../../hooks/use-appearances"));
+const use_header_menu_1 = require("../../hooks/use-header-menu");
 const runtime_1 = require("../../state/runtime");
 const logoSize = 44;
 function AgentCreatedBy({ did }) {
@@ -87,6 +88,7 @@ ${agent === null || agent === void 0 ? void 0 : agent.description}
             addons: (exists) => [(0, jsx_runtime_1.jsx)(SocialShare_1.default, { content: shareContent }), ...exists].filter(Boolean),
         };
     }, [locale, isMobile, agent]);
+    (0, use_header_menu_1.useHeaderMenu)();
     const componentId = (_a = appearancePage === null || appearancePage === void 0 ? void 0 : appearancePage.componentId) !== null && _a !== void 0 ? _a : constants_1.DEFAULT_PAGE_COMPONENT_ID;
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(react_helmet_1.Helmet, { children: [agent.project.name && (0, jsx_runtime_1.jsx)("title", { children: agent.project.name }), agent.project.description && (0, jsx_runtime_1.jsx)("meta", { name: "description", content: agent.project.description })] }), (0, jsx_runtime_1.jsx)(CustomComponentRenderer_1.default, { componentId: componentId, properties: appearancePage === null || appearancePage === void 0 ? void 0 : appearancePage.componentProperties }), (0, jsx_runtime_1.jsx)(AgentSettingsDialog_1.default, {})] }));
 }

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

@@ -21,6 +21,7 @@ const react_1 = require("react");
 const react_wrap_balancer_1 = __importDefault(require("react-wrap-balancer"));
 const CustomComponentRenderer_1 = __importDefault(require("../../../../../components/CustomComponentRenderer"));
 const locale_1 = require("../../../../locale");
+const AgentErrorBoundary_1 = require("../../components/AgentErrorBoundary");
 const SimpleHeader_1 = __importDefault(require("../../components/Header/SimpleHeader"));
 const LoadingButton_1 = __importDefault(require("../../components/LoadingButton"));
 const ActiveAgent_1 = require("../../contexts/ActiveAgent");
@@ -61,5 +62,5 @@ const OutputItemView = (0, react_1.memo)(({ message }) => {
     const { appearanceOutput } = (0, use_appearances_1.default)({ agentId: message.agentId });
     if (!(appearanceOutput === null || appearanceOutput === void 0 ? void 0 : appearanceOutput.componentId))
         return null;
-    return ((0, jsx_runtime_1.jsx)(CurrentAgent_1.default, { agentId: message.agentId, children: (0, jsx_runtime_1.jsx)(CurrentMessage_1.default, { message: message, children: (0, jsx_runtime_1.jsx)(react_1.Suspense, { children: (0, jsx_runtime_1.jsx)(CustomComponentRenderer_1.default, { componentId: appearanceOutput.componentId, properties: appearanceOutput.componentProperties }) }) }) }, message.id));
+    return ((0, jsx_runtime_1.jsx)(CurrentAgent_1.default, { agentId: message.agentId, children: (0, jsx_runtime_1.jsx)(CurrentMessage_1.default, { message: message, children: (0, jsx_runtime_1.jsx)(react_1.Suspense, { children: (0, jsx_runtime_1.jsx)(CustomComponentRenderer_1.default, { componentId: appearanceOutput.componentId, properties: appearanceOutput.componentProperties, fallbackRender: AgentErrorBoundary_1.AgentErrorView }, message.id) }) }) }, message.id));
 });

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

@@ -60,7 +60,7 @@ const MessageView = (0, react_1.memo)(({ message }) => {
     const { hideAgentAvatar, hideUserInputs } = (_b = (0, ComponentPreferences_1.useComponentPreferences)()) !== null && _b !== void 0 ? _b : {};
     if (!(appearanceOutput === null || appearanceOutput === void 0 ? void 0 : appearanceOutput.componentId))
         return null;
-    const agentMessage = ((0, jsx_runtime_1.jsx)(MessageBodyContainer, { messageRole: "assistant", children: (0, jsx_runtime_1.jsx)(CustomComponentRenderer_1.default, { componentId: appearanceOutput.componentId, properties: appearanceOutput.componentProperties, fallbackRender: AgentErrorBoundary_1.AgentErrorView }) }));
+    const agentMessage = ((0, jsx_runtime_1.jsx)(MessageBodyContainer, { messageRole: "assistant", children: (0, jsx_runtime_1.jsx)(CustomComponentRenderer_1.default, { componentId: appearanceOutput.componentId, properties: appearanceOutput.componentProperties, fallbackRender: AgentErrorBoundary_1.AgentErrorView }, message.id) }));
     return ((0, jsx_runtime_1.jsx)(CurrentAgent_1.default, { agentId: message.agentId, children: (0, jsx_runtime_1.jsx)(CurrentMessage_1.default, { message: message, children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: 2, children: [!hideUserInputs && ((0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(UserInfo_1.default, { 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: (0, jsx_runtime_1.jsx)(material_1.Stack, { sx: { alignItems: 'flex-end' }, children: (0, jsx_runtime_1.jsx)(MessageBodyContainer, { messageRole: "user", children: (0, jsx_runtime_1.jsx)(UserMessageView_1.default, {}) }) }) }) })), (0, jsx_runtime_1.jsx)(material_1.Box, { children: !hideAgentAvatar ? ((0, jsx_runtime_1.jsx)(UserInfo_1.default, { 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) })] }) }) }));
 });
 exports.default = MessageView;

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

@@ -24,7 +24,6 @@ const ScrollView_1 = __importDefault(require("../../components/ScrollView"));
 const ActiveAgent_1 = require("../../contexts/ActiveAgent");
 const ComponentPreferences_1 = require("../../contexts/ComponentPreferences");
 const CurrentAgent_1 = __importDefault(require("../../contexts/CurrentAgent"));
-const use_header_menu_1 = require("../../hooks/use-header-menu");
 const session_1 = require("../../state/session");
 const BackgroundImage_1 = __importDefault(require("./BackgroundImage"));
 const InputsView_1 = __importDefault(require("./InputsView"));
@@ -49,7 +48,6 @@ function SimpleChatView() {
     }, [scrollToBottom, running]);
     const sessionLoading = (0, session_1.useCurrentSessionState)((s) => s === null || s === void 0 ? void 0 : s.loading);
     const loading = (0, session_1.useSessionState)((s) => s === null || s === void 0 ? void 0 : s.loading) || sessionLoading;
-    (0, use_header_menu_1.useHeaderMenu)();
     return ((0, jsx_runtime_1.jsxs)(SimpleLayout_1.default, { px: 0, children: [(0, jsx_runtime_1.jsx)(SimpleHeader_1.default, { px: 4, sx: { color: hasBg ? 'white' : undefined } }), loading ? ((0, jsx_runtime_1.jsx)(material_1.Box, { textAlign: "center", my: 10, children: (0, jsx_runtime_1.jsx)(material_1.CircularProgress, { size: 24 }) })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(CurrentAgent_1.default, { agentId: activeAgentId, children: (0, jsx_runtime_1.jsx)(MessagesView_1.default, { className: "aigne-outputs aigne-simple-chat-outputs", flexGrow: 1, pb: 10, px: { xs: 2, sm: 3 } }) }), (0, jsx_runtime_1.jsx)(CurrentAgent_1.default, { agentId: activeAgentId, children: (0, jsx_runtime_1.jsx)(InputsView_1.default, { className: "aigne-inputs aigne-simple-chat-inputs", sx: {
                                 position: 'sticky',
                                 bottom: 0,

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

@@ -49,5 +49,5 @@ const OutputItemView = (0, react_1.memo)(({ message }) => {
     const { appearanceOutput } = (0, use_appearances_1.default)({ agentId: message.agentId });
     if (!(appearanceOutput === null || appearanceOutput === void 0 ? void 0 : appearanceOutput.componentId))
         return null;
-    return ((0, jsx_runtime_1.jsx)(CurrentAgent_1.default, { agentId: message.agentId, children: (0, jsx_runtime_1.jsx)(CurrentMessage_1.default, { message: message, children: (0, jsx_runtime_1.jsx)(react_1.Suspense, { children: (0, jsx_runtime_1.jsx)(CustomComponentRenderer_1.default, { componentId: appearanceOutput.componentId, properties: appearanceOutput.componentProperties, fallbackRender: AgentErrorBoundary_1.AgentErrorView }) }) }) }));
+    return ((0, jsx_runtime_1.jsx)(CurrentAgent_1.default, { agentId: message.agentId, children: (0, jsx_runtime_1.jsx)(CurrentMessage_1.default, { message: message, children: (0, jsx_runtime_1.jsx)(react_1.Suspense, { children: (0, jsx_runtime_1.jsx)(CustomComponentRenderer_1.default, { componentId: appearanceOutput.componentId, properties: appearanceOutput.componentProperties, fallbackRender: AgentErrorBoundary_1.AgentErrorView }, message.id) }) }) }));
 });

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

@@ -21,6 +21,7 @@ const material_1 = require("@mui/material");
 const react_2 = require("react");
 const CustomComponentRenderer_1 = __importDefault(require("../../../../../components/CustomComponentRenderer"));
 const locale_1 = require("../../../../locale");
+const AgentErrorBoundary_1 = require("../../components/AgentErrorBoundary");
 const ActiveAgent_1 = require("../../contexts/ActiveAgent");
 const CurrentAgent_1 = __importDefault(require("../../contexts/CurrentAgent"));
 const CurrentMessage_1 = __importDefault(require("../../contexts/CurrentMessage"));
@@ -298,5 +299,5 @@ function AgentOutputRender({ message }) {
     const { appearanceOutput } = (0, use_appearances_1.default)();
     if (!(appearanceOutput === null || appearanceOutput === void 0 ? void 0 : appearanceOutput.componentId) || !message)
         return null;
-    return ((0, jsx_runtime_1.jsx)(CurrentAgent_1.default, { agentId: message.agentId, children: (0, jsx_runtime_1.jsx)(CurrentMessage_1.default, { message: message, children: (0, jsx_runtime_1.jsx)(react_2.Suspense, { children: (0, jsx_runtime_1.jsx)(CustomComponentRenderer_1.default, { componentId: appearanceOutput.componentId, properties: appearanceOutput.componentProperties }) }) }) }));
+    return ((0, jsx_runtime_1.jsx)(CurrentAgent_1.default, { agentId: message.agentId, children: (0, jsx_runtime_1.jsx)(CurrentMessage_1.default, { message: message, children: (0, jsx_runtime_1.jsx)(react_2.Suspense, { children: (0, jsx_runtime_1.jsx)(CustomComponentRenderer_1.default, { componentId: appearanceOutput.componentId, properties: appearanceOutput.componentProperties, fallbackRender: AgentErrorBoundary_1.AgentErrorView }, message.id) }) }) }));
 }