@blocklet/pages-kit 0.2.298 → 0.2.300

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

@@ -40,6 +40,15 @@ function PhotoGalleryItem() {
     const [openDialog, setOpenDialog] = (0, react_2.useState)(false);
     const objects = (_b = (_a = message.result) === null || _a === void 0 ? void 0 : _a.objects) !== null && _b !== void 0 ? _b : [];
     const images = objects.flatMap((i) => { var _a; return (_a = i.data[types_1.RuntimeOutputVariable.images]) !== null && _a !== void 0 ? _a : []; });
+    if (!images.length && message.error) {
+        return ((0, jsx_runtime_1.jsx)(material_1.Stack, { alignItems: "center", justifyContent: "center", sx: {
+                aspectRatio: 1,
+                bgcolor: 'grey.50',
+                borderRadius: 1,
+                overflow: 'hidden',
+                wordBreak: 'break-word',
+            }, children: (0, jsx_runtime_1.jsx)(material_1.Alert, { severity: "error", sx: { bgcolor: 'transparent' }, children: message.error.message }) }));
+    }
     return images.map(({ url }, index) => {
         var _a;
         return ((0, jsx_runtime_1.jsxs)(material_1.Box, { className: "photo-wall-item", sx: {

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

@@ -8,10 +8,12 @@ const material_1 = require("@mui/material");
 const common_1 = require("../../../common");
 const MarkdownRenderer_1 = __importDefault(require("../../../MarkdownRenderer"));
 const CurrentMessage_1 = require("../../contexts/CurrentMessage");
+const MessageErrorView_1 = __importDefault(require("../ChatOutput/MessageErrorView"));
 function SimpleOutput() {
     var _a, _b;
     const { message } = (0, CurrentMessage_1.useCurrentMessage)();
     const objects = (_a = message.result) === null || _a === void 0 ? void 0 : _a.objects;
-    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: 2, boxShadow: 1, borderRadius: 1, p: 2, children: [(0, jsx_runtime_1.jsx)(MarkdownRenderer_1.default, { children: (_b = message.result) === null || _b === void 0 ? void 0 : _b.content }), objects === null || objects === void 0 ? void 0 : objects.map((item) => (0, jsx_runtime_1.jsx)(common_1.MessageMetadataRenderer, { object: item.data }))] }));
+    const { error } = message;
+    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: 2, boxShadow: 1, borderRadius: 1, p: 2, children: [(0, jsx_runtime_1.jsx)(MarkdownRenderer_1.default, { children: (_b = message.result) === null || _b === void 0 ? void 0 : _b.content }), error && (0, jsx_runtime_1.jsx)(MessageErrorView_1.default, { error: error }), objects === null || objects === void 0 ? void 0 : objects.map((item) => (0, jsx_runtime_1.jsx)(common_1.MessageMetadataRenderer, { object: item.data }))] }));
 }
 exports.default = SimpleOutput;

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

@@ -12,7 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { RuntimeOutputVariable } from '@blocklet/ai-runtime/types';
 import { Icon } from '@iconify/react';
-import { Box, Button, Dialog, DialogContent, DialogTitle, Stack, Typography, alpha } from '@mui/material';
+import { Alert, Box, Button, Dialog, DialogContent, DialogTitle, Stack, Typography, alpha, } from '@mui/material';
 import { useState } from 'react';
 import { RelativeTime } from '../../../../../../arcblock/ux';
 import { useLocaleContext } from '../../../../../../locale';
@@ -35,6 +35,15 @@ export default function PhotoGalleryItem() {
     const [openDialog, setOpenDialog] = useState(false);
     const objects = (_b = (_a = message.result) === null || _a === void 0 ? void 0 : _a.objects) !== null && _b !== void 0 ? _b : [];
     const images = objects.flatMap((i) => { var _a; return (_a = i.data[RuntimeOutputVariable.images]) !== null && _a !== void 0 ? _a : []; });
+    if (!images.length && message.error) {
+        return (_jsx(Stack, { alignItems: "center", justifyContent: "center", sx: {
+                aspectRatio: 1,
+                bgcolor: 'grey.50',
+                borderRadius: 1,
+                overflow: 'hidden',
+                wordBreak: 'break-word',
+            }, children: _jsx(Alert, { severity: "error", sx: { bgcolor: 'transparent' }, children: message.error.message }) }));
+    }
     return images.map(({ url }, index) => {
         var _a;
         return (_jsxs(Box, { className: "photo-wall-item", sx: {

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

@@ -3,9 +3,11 @@ import { Stack } from '@mui/material';
 import { MessageMetadataRenderer } from '../../../common';
 import MarkdownRenderer from '../../../MarkdownRenderer';
 import { useCurrentMessage } from '../../contexts/CurrentMessage';
+import MessageErrorView from '../ChatOutput/MessageErrorView';
 export default function SimpleOutput() {
     var _a, _b;
     const { message } = useCurrentMessage();
     const objects = (_a = message.result) === null || _a === void 0 ? void 0 : _a.objects;
-    return (_jsxs(Stack, { gap: 2, boxShadow: 1, borderRadius: 1, p: 2, children: [_jsx(MarkdownRenderer, { children: (_b = message.result) === null || _b === void 0 ? void 0 : _b.content }), objects === null || objects === void 0 ? void 0 : objects.map((item) => _jsx(MessageMetadataRenderer, { object: item.data }))] }));
+    const { error } = message;
+    return (_jsxs(Stack, { gap: 2, boxShadow: 1, borderRadius: 1, p: 2, children: [_jsx(MarkdownRenderer, { children: (_b = message.result) === null || _b === void 0 ? void 0 : _b.content }), error && _jsx(MessageErrorView, { error: error }), objects === null || objects === void 0 ? void 0 : objects.map((item) => _jsx(MessageMetadataRenderer, { object: item.data }))] }));
 }

package/lib/types/builtin/async/ai-runtime/components/runtime/components/PhotoGalleryItem/index.d.ts

@@ -1 +1 @@
-export default function PhotoGalleryItem(): import("react/jsx-runtime").JSX.Element[];
+export default function PhotoGalleryItem(): import("react/jsx-runtime").JSX.Element | import("react/jsx-runtime").JSX.Element[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/pages-kit",
-  "version": "0.2.298",
+  "version": "0.2.300",
   "description": "Pages Kit components and utils",
   "publishConfig": {
     "access": "public"
@@ -81,9 +81,9 @@
     "url": "git+https://github.com/blocklet/pages-kit.git"
   },
   "dependencies": {
-    "@arcblock/did-connect": "^2.9.76",
-    "@blocklet/ai-kit": "^0.1.29",
-    "@blocklet/ai-runtime": "^0.1.365",
+    "@arcblock/did-connect": "^2.9.77",
+    "@blocklet/ai-kit": "^0.1.30",
+    "@blocklet/ai-runtime": "^0.1.371",
     "@blocklet/js-sdk": "1.16.26",
     "@blocklet/sdk": "^1.16.26",
     "@iconify/react": "^4.1.1",
@@ -99,7 +99,7 @@
     "react-error-boundary": "^4.0.13",
     "react-frame-component": "^5.2.6",
     "react-helmet": "^6.1.0",
-    "react-hook-form": "^7.51.3",
+    "react-hook-form": "^7.51.4",
     "react-markdown": "^9.0.1",
     "react-scroll-to-bottom": "^4.2.0",
     "react-share": "^5.1.0",
@@ -123,14 +123,14 @@
     "react-router-dom": "^6.16.0"
   },
   "devDependencies": {
-    "@arcblock/ux": "^2.9.76",
+    "@arcblock/ux": "^2.9.77",
     "@emotion/cache": "^11.11.0",
     "@emotion/css": "^11.11.2",
     "@emotion/react": "^11.11.4",
     "@mui/icons-material": "^5.15.16",
     "@mui/lab": "^5.0.0-alpha.170",
     "@mui/material": "^5.15.16",
-    "@types/lodash": "^4.17.0",
+    "@types/lodash": "^4.17.1",
     "@types/mustache": "^4.2.5",
     "@types/node-fetch": "^2.6.11",
     "@types/react": "^18.3.1",

package/tsconfig.json

@@ -6,7 +6,7 @@
     "lib": ["DOM"],
     "paths": {
       // FIXME: Just for local dev, comment next line before publish
-      "@blocklet/ai-runtime/*": ["../../../ai-studio/packages/ai-runtime/src/*"]
+      // "@blocklet/ai-runtime/*": ["../../../ai-studio/packages/ai-runtime/src/*"]
     }
   }
 }