@blocklet/pages-kit 0.2.335 → 0.2.337

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

@@ -13,11 +13,25 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ArrowDropDownRounded } from '@mui/icons-material';
 import { CircularProgress, CssBaseline, GlobalStyles, ThemeProvider as MuiThemeProvider, Stack, alpha, createTheme, inputBaseClasses, useTheme, } from '@mui/material';
 import { Suspense, useMemo } from 'react';
+import { Helmet } from 'react-helmet';
 import { useRuntimeState } from '../state/runtime';
 import GlobalLoading from './GlobalLoading';
+const getFontUrl = (fontList) => {
+    var _a;
+    if (!fontList.length)
+        return;
+    const BASE_URL = 'https://fonts.googleapis.com/css?family=';
+    const newFontList = (_a = fontList
+        .filter((font) => typeof font === 'string')) === null || _a === void 0 ? void 0 : _a.map((font) => font.replace(/ /g, '+')).join('|');
+    // eslint-disable-next-line consistent-return
+    return `${BASE_URL}${newFontList}`;
+};
 export default function ThemeProvider({ children }) {
+    var _a, _b, _c;
     const { appearance } = useRuntimeState().agent.project;
     const theme = useTheme();
+    const titleFont = (_a = appearance === null || appearance === void 0 ? void 0 : appearance.typography) === null || _a === void 0 ? void 0 : _a.fontFamily;
+    const headFont = (_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;
@@ -144,21 +158,21 @@ export default function ThemeProvider({ children }) {
             ],
         });
     }, [theme]);
-    return (_jsx(MuiThemeProvider, { theme: newTheme, children: _jsxs(CssBaseline, { children: [_jsx(GlobalStyles, { styles: (theme) => theme.unstable_sx({
-                        'h1,h2,h3,h4,h5': {
-                            fontFamily: `${theme.typography.h1.fontFamily} !important`,
-                        },
-                        body: {
-                            fontFamily: `${theme.typography.fontFamily} !important`,
-                        },
-                        '.page-header': {
-                            borderBottom: '1px solid rgba(229, 231, 235, 1)',
-                        },
-                        '.white-tooltip .MuiTooltip-tooltip': {
-                            background: 'white !important',
-                            boxShadow: '0px 4px 8px 0px rgba(3, 7, 18, 0.08)',
-                            border: '1px solid rgba(229, 231, 235, 1)',
-                            padding: 4,
-                        },
-                    }) }), _jsx(GlobalLoading, { sx: { position: 'fixed', left: 0, top: 0, width: '100%', zIndex: 'snackbar' } }), _jsx(Suspense, { fallback: _jsx(Stack, { flexGrow: 1, alignItems: "center", justifyContent: "center", children: _jsx(CircularProgress, { size: 24 }) }), children: children })] }) }));
+    return (_jsxs(MuiThemeProvider, { theme: newTheme, children: [_jsx(Helmet, { children: _jsx("link", { rel: "stylesheet", href: getFontUrl([titleFont, headFont]) }) }), _jsxs(CssBaseline, { children: [_jsx(GlobalStyles, { styles: (theme) => theme.unstable_sx({
+                            'h1,h2,h3,h4,h5': {
+                                fontFamily: `${theme.typography.h1.fontFamily} !important`,
+                            },
+                            body: {
+                                fontFamily: `${theme.typography.fontFamily} !important`,
+                            },
+                            '.page-header': {
+                                borderBottom: '1px solid rgba(229, 231, 235, 1)',
+                            },
+                            '.white-tooltip .MuiTooltip-tooltip': {
+                                background: 'white !important',
+                                boxShadow: '0px 4px 8px 0px rgba(3, 7, 18, 0.08)',
+                                border: '1px solid rgba(229, 231, 235, 1)',
+                                padding: 4,
+                            },
+                        }) }), _jsx(GlobalLoading, { sx: { position: 'fixed', left: 0, top: 0, width: '100%', zIndex: 'snackbar' } }), _jsx(Suspense, { fallback: _jsx(Stack, { flexGrow: 1, alignItems: "center", justifyContent: "center", children: _jsx(CircularProgress, { size: 24 }) }), children: children })] })] }));
 }

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

@@ -11,7 +11,9 @@ export default function UserMessageView() {
     const { agent } = useCurrentAgent();
     const params = useMemo(() => {
         var _a;
-        return (_a = agent.parameters) === null || _a === void 0 ? void 0 : _a.filter(isValidInput).map((i) => { var _a, _b; return [((_a = i.label) === null || _a === void 0 ? void 0 : _a.trim()) || i.key, (_b = message.parameters) === null || _b === void 0 ? void 0 : _b[i.key]]; }).filter((i) => i[1]);
+        const inputs = (_a = agent.parameters) === null || _a === void 0 ? void 0 : _a.filter(isValidInput).map((i) => { var _a, _b; return [((_a = i.label) === null || _a === void 0 ? void 0 : _a.trim()) || i.key, (_b = message.parameters) === null || _b === void 0 ? void 0 : _b[i.key]]; }).filter((i) => i[1]);
+        const q = inputs === null || inputs === void 0 ? void 0 : inputs.find((i) => i[0] === 'question');
+        return q ? [q] : inputs;
     }, [agent.parameters, message.parameters]);
     if ((params === null || params === void 0 ? void 0 : params.length) === 1) {
         return _jsx(MarkdownRenderer, { children: (_a = params[0]) === null || _a === void 0 ? void 0 : _a[1] });