@blocklet/pages-kit 0.2.364 → 0.2.366

package/lib/cjs/types/index.js

@@ -18,3 +18,4 @@ __exportStar(require("./api"), exports);
 __exportStar(require("./core"), exports);
 __exportStar(require("./state"), exports);
 __exportStar(require("./preload"), exports);
+__exportStar(require("./builtin"), exports);

package/lib/cjs/utils/inject-global-components.js

@@ -55,6 +55,8 @@ const CustomComponentRenderer_1 = __importDefault(require("../components/CustomC
 const builtin_1 = require("../types/builtin");
 function injectGlobalComponents() {
     const win = window;
+    if (win[builtin_1.BuiltinModulesGlobalVariableName])
+        return;
     win[builtin_1.BuiltinModulesGlobalVariableName] = {
         modules: {
             '@blocklet/pages-kit/builtin/pages-kit': { CustomComponentRenderer: CustomComponentRenderer_1.default },

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

@@ -7,8 +7,8 @@ import { useLocaleContext } from '../../../locale';
 import { useIsAgentAdmin } from '../hooks/use-agent-admin';
 import { useRuntimeState } from '../state/runtime';
 import { settingsDialogState } from './AgentSettings/AgentSettingsDialog';
-export default function AgentErrorBoundary() {
-    return _jsx(ErrorBoundary, { FallbackComponent: AgentErrorView });
+export default function AgentErrorBoundary({ children }) {
+    return _jsx(ErrorBoundary, { FallbackComponent: AgentErrorView, children: children });
 }
 export function AgentErrorView({ error }) {
     if (error.type === 'MissingSecretError') {

package/lib/esm/builtin/async/ai-runtime/contexts/ComponentPreferences.js

@@ -10,11 +10,13 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
+import omitBy from 'lodash/omitBy';
 import { createContext, useContext, useMemo } from 'react';
 const componentPreferencesContext = createContext(undefined);
-export function ComponentPreferencesProvider(_a) {
+export default function ComponentPreferencesProvider(_a) {
     var { children } = _a, preferences = __rest(_a, ["children"]);
-    const value = useMemo(() => (Object.assign({}, preferences)), Object.values(preferences));
+    const inherited = useComponentPreferences();
+    const value = useMemo(() => (Object.assign(Object.assign({}, inherited), omitBy(preferences, (i) => i === undefined || i === null))), [inherited, Object.values(preferences)]);
     return _jsx(componentPreferencesContext.Provider, { value: value, children: children });
 }
 export function useComponentPreferences() {

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

@@ -1,7 +1,12 @@
+export * from './contexts/ComponentPreferences';
+export { default as ComponentPreferencesProvider } from './contexts/ComponentPreferences';
 export * from './contexts/CurrentAgent';
 export { default as CurrentAgentProvider } from './contexts/CurrentAgent';
 export * from './contexts/CurrentMessage';
 export { default as CurrentMessageProvider } from './contexts/CurrentMessage';
+export * from './contexts/ActiveAgent';
+export { default as ActiveAgentProvider } from './contexts/ActiveAgent';
+export { default as useAppearances } from './hooks/use-appearances';
 export * from './state/runtime';
 export * from './state/session';
 export { default as Runtime } from './runtime/Runtime';

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

@@ -17,11 +17,13 @@ import { Controller, useForm } from 'react-hook-form';
 import { useLocaleContext } from '../../../../locale';
 import AgentInputField from '../../components/AgentInputField';
 import LoadingButton from '../../components/LoadingButton';
+import { useComponentPreferences } from '../../contexts/ComponentPreferences';
 import { useCurrentAgent } from '../../contexts/CurrentAgent';
 import { useRuntimeState } from '../../state/runtime';
 import { useCurrentSessionState } from '../../state/session';
 import { isValidInput } from '../../utils/agent-inputs';
 export default function AutoForm({ submitText, inlineLabel, autoFillLastForm = true, submitInQuestionField, chatMode, }) {
+    const preferences = useComponentPreferences();
     const submitRef = useRef(null);
     const { t } = useLocaleContext();
     const { aid, agent } = useCurrentAgent();
@@ -29,7 +31,7 @@ export default function AutoForm({ submitText, inlineLabel, autoFillLastForm = t
     const running = useCurrentSessionState((s) => s === null || s === void 0 ? void 0 : s.running);
     const parameters = useMemo(() => {
         var _a;
-        return (_a = agent.parameters) === null || _a === void 0 ? void 0 : _a.filter(isValidInput).map((i) => {
+        return (_a = agent.parameters) === null || _a === void 0 ? void 0 : _a.filter((i) => { var _a; return isValidInput(i) && !((_a = preferences === null || preferences === void 0 ? void 0 : preferences.hideInputFields) === null || _a === void 0 ? void 0 : _a.includes(i.key)); }).map((i) => {
             var _a;
             return (Object.assign(Object.assign({}, i), { label: ((_a = i.label) === null || _a === void 0 ? void 0 : _a.trim()) || undefined }));
         });
@@ -37,6 +39,12 @@ export default function AutoForm({ submitText, inlineLabel, autoFillLastForm = t
     const defaultForm = useInitialFormValues();
     const form = useForm({ defaultValues: defaultForm });
     const submitDisabled = !form.formState.isValid;
+    useEffect(() => {
+        var _a, _b;
+        if ((preferences === null || preferences === void 0 ? void 0 : preferences.autoGenerate) && !form.formState.submitCount) {
+            (_b = (_a = submitRef.current) === null || _a === void 0 ? void 0 : _a.form) === null || _b === void 0 ? void 0 : _b.requestSubmit();
+        }
+    }, [defaultForm, preferences === null || preferences === void 0 ? void 0 : preferences.autoGenerate]);
     useEffect(() => {
         if (autoFillLastForm && !form.formState.isSubmitted && !form.formState.isSubmitting) {
             form.reset(chatMode ? omit(defaultForm, 'question') : defaultForm);
@@ -56,6 +64,8 @@ export default function AutoForm({ submitText, inlineLabel, autoFillLastForm = t
     });
     return (_jsxs(Form, { component: "form", className: cx('form', `label-position-${inlineLabel ? 'start' : 'top'}`), onSubmit: form.handleSubmit(onSubmit), children: [parameters === null || parameters === void 0 ? void 0 : parameters.map((parameter, index) => {
                 const { key, required } = parameter !== null && parameter !== void 0 ? parameter : {};
+                if (!key)
+                    return null;
                 return (_jsx(Box, { children: _jsx(Controller, { control: form.control, name: key, rules: {
                             required: required || key === 'question',
                             min: parameter.type === 'number' && typeof parameter.min === 'number'
@@ -81,6 +91,7 @@ export default function AutoForm({ submitText, inlineLabel, autoFillLastForm = t
             }), !(submitInQuestionField && (parameters === null || parameters === void 0 ? void 0 : parameters.some((i) => i.key === 'question'))) && (_jsx(LoadingButton, { ref: submitRef, type: "submit", variant: "contained", loading: running, disabled: submitDisabled, sx: { height: 40 }, children: submitText || t('generate') }))] }));
 }
 function useInitialFormValues() {
+    const preferences = useComponentPreferences();
     const { agent } = useCurrentAgent();
     const lastMessage = useCurrentSessionState((s) => { var _a; return (_a = s === null || s === void 0 ? void 0 : s.messages) === null || _a === void 0 ? void 0 : _a.at(-1); });
     const [lastInputs, setLastInputs] = useState();
@@ -93,11 +104,13 @@ function useInitialFormValues() {
     }, [lastMessage]);
     return useMemo(() => {
         var _a, _b;
+        if (preferences === null || preferences === void 0 ? void 0 : preferences.initialInputValues)
+            return preferences.initialInputValues;
         if (lastInputs) {
             return lastInputs;
         }
         return Object.fromEntries((_b = (_a = agent.parameters) === null || _a === void 0 ? void 0 : _a.map((parameter) => [parameter.key, parameter.defaultValue])) !== null && _b !== void 0 ? _b : []);
-    }, [lastInputs, agent]);
+    }, [lastInputs, agent, preferences === null || preferences === void 0 ? void 0 : preferences.initialInputValues]);
 }
 const Form = styled(Stack)(({ theme }) => theme.unstable_sx({
     gap: 2,

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

@@ -11,11 +11,11 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Stack } from '@mui/material';
-import { memo } from 'react';
+import { Suspense, memo } from 'react';
 import CustomComponentRenderer from '../../../../../components/CustomComponentRenderer';
 import { useSessionContext } from '../../../../session';
 import { getAssetUrl } from '../../api/asset';
-import { AgentErrorView } from '../../components/AgentErrorBoundary';
+import AgentErrorBoundary, { AgentErrorView } from '../../components/AgentErrorBoundary';
 import UserInfo from '../../components/UserInfo';
 import { useComponentPreferences } from '../../contexts/ComponentPreferences';
 import CurrentAgentProvider from '../../contexts/CurrentAgent';
@@ -34,8 +34,8 @@ 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 }, 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: getAssetUrl({ filename: (_e = authSession.user) === null || _e === void 0 ? void 0 : _e.avatar, preset: '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: getAssetUrl({ blockletDid, aid, filename: profile.avatar, preset: 'avatar' }), time: message.createdAt, alignItems: "flex-start", UserNameProps: { sx: { color: hasBg ? 'white' : undefined } }, children: agentMessage })) : (agentMessage) })] }) }) }));
+    const agentMessage = (_jsx(MessageBodyContainer, { messageRole: "assistant", children: _jsx(Suspense, { 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: getAssetUrl({ filename: (_e = authSession.user) === null || _e === void 0 ? void 0 : _e.avatar, preset: '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(AgentErrorBoundary, { children: _jsx(Suspense, { 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: getAssetUrl({ blockletDid, aid, filename: profile.avatar, preset: 'avatar' }), time: message.createdAt, alignItems: "flex-start", UserNameProps: { sx: { color: hasBg ? 'white' : undefined } }, children: agentMessage })) : (agentMessage) })] }) }) }));
 });
 export default MessageView;
 export function MessageBodyContainer(_a) {

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

@@ -17,7 +17,7 @@ import SimpleHeader from '../../components/Header/SimpleHeader';
 import SimpleLayout from '../../components/Layout/SimpleLayout';
 import ScrollView from '../../components/ScrollView';
 import { useActiveAgent } from '../../contexts/ActiveAgent';
-import { ComponentPreferencesProvider, useComponentPreferences } from '../../contexts/ComponentPreferences';
+import ComponentPreferencesProvider, { useComponentPreferences, } from '../../contexts/ComponentPreferences';
 import CurrentAgentProvider from '../../contexts/CurrentAgent';
 import { useAutoLoadSessionState, useCurrentSessionState, useSessionState } from '../../state/session';
 import BackgroundImage from './BackgroundImage';

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

@@ -1,9 +1,11 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { RuntimeOutputVariable } from '@blocklet/ai-runtime/types';
 import { Stack } from '@mui/material';
-import { useMemo } from 'react';
+import { Suspense, useMemo } from 'react';
 import CustomComponentRenderer from '../../../../../components/CustomComponentRenderer';
+import AgentErrorBoundary from '../../components/AgentErrorBoundary';
 import { getDefaultOutputComponent } from '../../constants';
+import { useComponentPreferences } from '../../contexts/ComponentPreferences';
 import { useCurrentAgent } from '../../contexts/CurrentAgent';
 import { useCurrentMessage } from '../../contexts/CurrentMessage';
 const ignoredOutputs = new Set([
@@ -14,6 +16,8 @@ const ignoredOutputs = new Set([
     RuntimeOutputVariable.openingMessage,
 ]);
 export default function SimpleOutput() {
+    const preferences = useComponentPreferences();
+    const CustomComponentActionsComponent = preferences === null || preferences === void 0 ? void 0 : preferences.customOutputActionsComponent;
     const { message } = useCurrentMessage();
     if (message.error)
         throw message.error;
@@ -27,12 +31,12 @@ export default function SimpleOutput() {
     }, [agent.outputVariables]);
     if (!(outputs === null || outputs === void 0 ? void 0 : outputs.length))
         return null;
-    return (_jsx(Stack, { gap: 2, children: outputs.map((output) => {
-            var _a, _b, _c, _d, _e, _f, _g, _h;
-            const value = output.name === RuntimeOutputVariable.text
-                ? ((_a = message.outputs) === null || _a === void 0 ? void 0 : _a.content) ||
-                    ((_d = (_c = (_b = message.outputs) === null || _b === void 0 ? void 0 : _b.objects) === null || _c === void 0 ? void 0 : _c.find((i) => i === null || i === void 0 ? void 0 : i[RuntimeOutputVariable.text])) === null || _d === void 0 ? void 0 : _d[RuntimeOutputVariable.text])
-                : (_g = (_f = (_e = message.outputs) === null || _e === void 0 ? void 0 : _e.objects) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g[output.name];
-            return (_jsx(CustomComponentRenderer, { instanceId: output.id, componentId: output.appearance.componentId, properties: output.appearance.componentProperties, props: Object.assign({ output, outputValue: value, writing: output.name === RuntimeOutputVariable.text && message.loading }, (((_h = output === null || output === void 0 ? void 0 : output.appearance) === null || _h === void 0 ? void 0 : _h.componentProps) || {})) }, output.id));
-        }) }));
+    return (_jsxs(Stack, { gap: 2, children: [outputs.map((output) => {
+                var _a, _b, _c, _d, _e, _f, _g, _h;
+                const value = output.name === RuntimeOutputVariable.text
+                    ? ((_a = message.outputs) === null || _a === void 0 ? void 0 : _a.content) ||
+                        ((_d = (_c = (_b = message.outputs) === null || _b === void 0 ? void 0 : _b.objects) === null || _c === void 0 ? void 0 : _c.find((i) => i === null || i === void 0 ? void 0 : i[RuntimeOutputVariable.text])) === null || _d === void 0 ? void 0 : _d[RuntimeOutputVariable.text])
+                    : (_g = (_f = (_e = message.outputs) === null || _e === void 0 ? void 0 : _e.objects) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g[output.name];
+                return (_jsx(CustomComponentRenderer, { instanceId: output.id, componentId: output.appearance.componentId, properties: output.appearance.componentProperties, props: Object.assign({ output, outputValue: value, writing: output.name === RuntimeOutputVariable.text && message.loading }, (((_h = output === null || output === void 0 ? void 0 : output.appearance) === null || _h === void 0 ? void 0 : _h.componentProps) || {})) }, output.id));
+            }), CustomComponentActionsComponent && (_jsx(AgentErrorBoundary, { children: _jsx(Suspense, { children: _jsx(CustomComponentActionsComponent, {}) }) }))] }));
 }

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

@@ -18,14 +18,16 @@ import { AgentErrorView } from '../../components/AgentErrorBoundary';
 import SimpleHeader from '../../components/Header/SimpleHeader';
 import SimpleLayout from '../../components/Layout/SimpleLayout';
 import { useActiveAgent } from '../../contexts/ActiveAgent';
+import ComponentPreferencesProvider from '../../contexts/ComponentPreferences';
 import CurrentAgentProvider from '../../contexts/CurrentAgent';
 import CurrentMessageProvider from '../../contexts/CurrentMessage';
 import useAppearances from '../../hooks/use-appearances';
 import { useAutoLoadSessionState, useCurrentSessionState } from '../../state/session';
-export default function SimplePage({ resultTitle }) {
+export default function SimplePage(_a) {
+    var { resultTitle } = _a, preferences = __rest(_a, ["resultTitle"]);
     const { activeAgentId } = useActiveAgent();
     useAutoLoadSessionState();
-    return (_jsxs(SimpleLayout, { pb: 4, children: [_jsx(SimpleHeader, {}), _jsx(CurrentAgentProvider, { agentId: activeAgentId, children: _jsx(AgentInputRender, { className: "aigne-inputs aigne-simple-page-inputs" }) }), _jsx(OutputView, { className: "aigne-outputs aigne-simple-page-outputs", resultTitle: resultTitle })] }));
+    return (_jsx(ComponentPreferencesProvider, Object.assign({}, preferences, { children: _jsxs(SimpleLayout, { pb: 4, children: [_jsx(SimpleHeader, {}), _jsx(CurrentAgentProvider, { agentId: activeAgentId, children: _jsx(AgentInputRender, { className: "aigne-inputs aigne-simple-page-inputs" }) }), _jsx(OutputView, { className: "aigne-outputs aigne-simple-page-outputs", resultTitle: resultTitle })] }) })));
 }
 function AgentInputRender(_a) {
     var props = __rest(_a, []);