@blocklet/pages-kit 0.2.340 → 0.2.342

package/lib/esm/builtin/async/ai-runtime/api/agent.js

@@ -8,14 +8,12 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { joinURL } from 'ufo';
-import { getComponentMountPoint } from '../../../utils';
-import { AI_STUDIO_DID } from '../constants';
-import { request } from './request';
+import { getAIRuntimeApiPrefix, request } from './request';
 export function getAgent(_a) {
-    return __awaiter(this, arguments, void 0, function* ({ aid, working }) {
+    return __awaiter(this, arguments, void 0, function* ({ aid, blockletDid, working, }) {
         return request({
-            url: joinURL(getComponentMountPoint(AI_STUDIO_DID), '/api/agents', aid),
-            query: { working },
+            url: joinURL(getAIRuntimeApiPrefix(), '/api/agents', aid),
+            query: { working, blockletDid },
         });
     });
 }

package/lib/esm/builtin/async/ai-runtime/api/message.js

@@ -19,14 +19,12 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { joinURL } from 'ufo';
-import { getComponentMountPoint } from '../../../utils';
-import { AI_STUDIO_DID } from '../constants';
-import { request } from './request';
+import { getAIRuntimeApiPrefix, request } from './request';
 export function getMessages(_a) {
     return __awaiter(this, void 0, void 0, function* () {
         var { sessionId } = _a, query = __rest(_a, ["sessionId"]);
         return request({
-            url: joinURL(getComponentMountPoint(AI_STUDIO_DID), '/api/sessions', sessionId, 'messages'),
+            url: joinURL(getAIRuntimeApiPrefix(), '/api/sessions', sessionId, 'messages'),
             query,
         });
     });
@@ -35,7 +33,7 @@ export function deleteMessages(_a) {
     return __awaiter(this, arguments, void 0, function* ({ sessionId }) {
         yield request({
             method: 'DELETE',
-            url: joinURL(getComponentMountPoint(AI_STUDIO_DID), '/api/sessions', sessionId, 'messages'),
+            url: joinURL(getAIRuntimeApiPrefix(), '/api/sessions', sessionId, 'messages'),
         });
     });
 }

package/lib/esm/builtin/async/ai-runtime/api/request.js

@@ -20,6 +20,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { createFetch } from '@blocklet/js-sdk';
 import { withQuery } from 'ufo';
+import { getComponentMountPoint } from '../../../utils';
+import { AI_RUNTIME_DID } from '../constants';
 import { CustomError } from '../error';
 let isDEV = false;
 try {
@@ -29,6 +31,7 @@ try {
 catch (_a) {
     // ignore
 }
+export const getAIRuntimeApiPrefix = () => window.AI_RUNTIME_API_PREFIX || getComponentMountPoint(AI_RUNTIME_DID);
 export const fetch = createFetch({}, { lazy: isDEV, lazyTime: 1000 });
 export function request(_a) {
     return __awaiter(this, void 0, void 0, function* () {

package/lib/esm/builtin/async/ai-runtime/api/{subscription.js → secret.js}

@@ -7,21 +7,14 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { joinURL, withQuery } from 'ufo';
-import { getComponentMountPoint } from '../../../utils';
-import { AI_STUDIO_DID } from '../constants';
-import { request } from './request';
-export function getSubscription(_a) {
-    return __awaiter(this, arguments, void 0, function* ({ aid }) {
+import { joinURL } from 'ufo';
+import { getAIRuntimeApiPrefix, request } from './request';
+export function createSecrets(_a) {
+    return __awaiter(this, arguments, void 0, function* ({ input }) {
         return request({
-            url: withQuery(joinURL(getComponentMountPoint(AI_STUDIO_DID), '/api/subscriptions/by-aid'), { aid }),
-        });
-    });
-}
-export function getRelease(_a) {
-    return __awaiter(this, arguments, void 0, function* ({ aid }) {
-        return request({
-            url: withQuery(joinURL(getComponentMountPoint(AI_STUDIO_DID), '/api/releases/by-aid'), { aid }),
+            method: 'POST',
+            url: joinURL(getAIRuntimeApiPrefix(), '/api/secrets'),
+            body: input,
         });
     });
 }

package/lib/esm/builtin/async/ai-runtime/api/session.js

@@ -22,13 +22,11 @@ var __asyncGenerator = (this && this.__asyncGenerator) || function (thisArg, _ar
 };
 import { joinURL } from 'ufo';
 import { EventSourceParserStream } from '../../../stream';
-import { getComponentMountPoint } from '../../../utils';
-import { AI_STUDIO_DID } from '../constants';
-import { fetch, request } from './request';
+import { fetch, getAIRuntimeApiPrefix, request } from './request';
 export function getSessions(_a) {
     return __awaiter(this, arguments, void 0, function* ({ aid }) {
         return request({
-            url: joinURL(getComponentMountPoint(AI_STUDIO_DID), '/api/sessions'),
+            url: joinURL(getAIRuntimeApiPrefix(), '/api/sessions'),
             query: { aid },
         });
     });
@@ -36,7 +34,7 @@ export function getSessions(_a) {
 export function getSession(_a) {
     return __awaiter(this, arguments, void 0, function* ({ sessionId }) {
         return request({
-            url: joinURL(getComponentMountPoint(AI_STUDIO_DID), '/api/sessions', sessionId),
+            url: joinURL(getAIRuntimeApiPrefix(), '/api/sessions', sessionId),
         });
     });
 }
@@ -44,7 +42,7 @@ export function createSession(_a) {
     return __awaiter(this, arguments, void 0, function* ({ aid, name, }) {
         return request({
             method: 'POST',
-            url: joinURL(getComponentMountPoint(AI_STUDIO_DID), '/api/sessions'),
+            url: joinURL(getAIRuntimeApiPrefix(), '/api/sessions'),
             body: {
                 aid,
                 name,
@@ -56,7 +54,7 @@ export function clearSession(_a) {
     return __awaiter(this, arguments, void 0, function* ({ sessionId }) {
         return request({
             method: 'POST',
-            url: joinURL(getComponentMountPoint(AI_STUDIO_DID), '/api/sessions', sessionId, '/clear'),
+            url: joinURL(getAIRuntimeApiPrefix(), '/api/sessions', sessionId, '/clear'),
         });
     });
 }
@@ -64,7 +62,7 @@ export function updateSession(_a) {
     return __awaiter(this, arguments, void 0, function* ({ sessionId, name, }) {
         return request({
             method: 'PATCH',
-            url: joinURL(getComponentMountPoint(AI_STUDIO_DID), '/api/sessions', sessionId),
+            url: joinURL(getAIRuntimeApiPrefix(), '/api/sessions', sessionId),
             body: { name },
         });
     });
@@ -73,20 +71,21 @@ export function deleteSession(_a) {
     return __awaiter(this, arguments, void 0, function* ({ sessionId, }) {
         return request({
             method: 'DELETE',
-            url: joinURL(getComponentMountPoint(AI_STUDIO_DID), '/api/sessions', sessionId),
+            url: joinURL(getAIRuntimeApiPrefix(), '/api/sessions', sessionId),
         });
     });
 }
 export function runAgent(_a) {
-    return __asyncGenerator(this, arguments, function* runAgent_1({ aid, sessionId, working, parameters, }) {
+    return __asyncGenerator(this, arguments, function* runAgent_1({ aid, sessionId, blockletDid, working, parameters, }) {
         var _b;
-        const res = yield __await(fetch(joinURL(getComponentMountPoint(AI_STUDIO_DID), '/api/ai/call'), {
+        const res = yield __await(fetch(joinURL(getAIRuntimeApiPrefix(), '/api/ai/call'), {
             method: 'POST',
             headers: {
                 'Content-Type': 'application/json',
                 Accept: 'text/event-stream',
             },
             body: JSON.stringify({
+                blockletDid,
                 sessionId,
                 parameters: Object.assign(Object.assign({}, parameters), { $clientTime: new Date().toISOString() }),
                 aid,

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

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Alert, Button, Stack, alertClasses } from '@mui/material';
+import { ErrorBoundary } from 'react-error-boundary';
+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 function AgentErrorView({ error }) {
+    if (error.type === 'MissingSecretError') {
+        return _jsx(MissingSecretErrorView, {});
+    }
+    return _jsx(Alert, { severity: "error", children: String(error === null || error === void 0 ? void 0 : error.message) });
+}
+function MissingSecretErrorView() {
+    const { t } = useLocaleContext();
+    const { agent } = useRuntimeState();
+    const isAdmin = useIsAgentAdmin(agent);
+    return (_jsx(Alert, { severity: "error", sx: { [`.${alertClasses.message}`]: { flex: 1 } }, children: _jsxs(Stack, { width: "100%", children: ["Required configuration is missing. Please complete the setup before proceeding.", isAdmin && (_jsx(Stack, { alignItems: "flex-end", children: _jsx(Button, { size: "small", variant: "outlined", onClick: () => settingsDialogState.getState().open(), children: t('setup') }) }))] }) }));
+}

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

@@ -0,0 +1,76 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { LoadingButton } from '@mui/lab';
+import { Button, Dialog, DialogActions, DialogContent, DialogTitle, FormLabel, Stack, TextField, } from '@mui/material';
+import { useForm } from 'react-hook-form';
+import { create } from 'zustand';
+import { immer } from 'zustand/middleware/immer';
+import { Toast } from '../../../../arcblock/ux';
+import { useLocaleContext } from '../../../../locale';
+import { createSecrets } from '../../api/secret';
+import { useAgentState } from '../../state/agent';
+import { useRuntimeState } from '../../state/runtime';
+export const settingsDialogState = create()(immer((set) => ({
+    isOpen: false,
+    open() {
+        set((state) => {
+            state.isOpen = true;
+        });
+    },
+    onClose() {
+        set((state) => {
+            state.isOpen = false;
+        });
+    },
+})));
+export default function AgentSettingsDialog(_a) {
+    var props = __rest(_a, []);
+    const { t } = useLocaleContext();
+    const isOpen = settingsDialogState((state) => state.isOpen);
+    const onClose = settingsDialogState((state) => state.onClose);
+    const { aid, blockletDid, working } = useRuntimeState();
+    const [agent, state] = useAgentState({ aid, blockletDid, working });
+    const form = useForm({
+        defaultValues: {
+            secrets: agent.config.secrets.map((i) => ({
+                projectId: agent.project.id,
+                targetProjectId: i.targetProjectId,
+                targetAgentId: i.targetAgentId,
+                targetInputKey: i.targetInput.key,
+                secret: '',
+            })),
+        },
+    });
+    const onSubmit = (input) => __awaiter(this, void 0, void 0, function* () {
+        try {
+            yield createSecrets({ input });
+            yield state.load();
+            Toast.success(t('saved'));
+            onClose();
+        }
+        catch (error) {
+            Toast.error(error.message);
+            throw error;
+        }
+    });
+    return (_jsxs(Dialog, Object.assign({ fullWidth: true, maxWidth: "md" }, props, { open: isOpen, onClose: onClose, component: "form", onSubmit: form.handleSubmit(onSubmit), children: [_jsx(DialogTitle, { children: t('settings') }), _jsx(DialogContent, { children: _jsx(Stack, { gap: 1, children: agent.config.secrets.map(({ targetInput, hasValue }, index) => (_jsxs(Stack, { gap: 0.5, children: [_jsx(FormLabel, { children: targetInput.label || targetInput.key }), _jsx(TextField, Object.assign({ type: "password", fullWidth: true, hiddenLabel: true, size: "small", inputProps: { maxLength: 100 }, placeholder: hasValue ? '******' : targetInput.placeholder }, form.register(`secrets.${index}.secret`, { required: true })))] }, targetInput.id))) }) }), _jsxs(DialogActions, { children: [_jsx(Button, { onClick: onClose, children: t('cancel') }), _jsx(LoadingButton, { type: "submit", variant: "contained", loading: form.formState.isSubmitting, children: t('save') })] })] })));
+}

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

@@ -42,5 +42,5 @@ export default function LoadingMenuItem(_a) {
             setLoading(false);
         }
     });
-    return (_jsxs(MenuItem, Object.assign({}, props, { onClick: handleClick, sx: Object.assign(Object.assign({}, props.sx), { display: 'flex', alignItems: 'center', gap: 1 }), children: [(clicked && confirmation) || children, _jsx(Stack, { direction: "row", alignItems: "center", justifyContent: "flex-end", sx: { width: 18 }, children: loading && _jsx(CircularProgress, { size: 14 }) })] })));
+    return (_jsxs(MenuItem, Object.assign({}, props, { onClick: handleClick, sx: Object.assign(Object.assign({}, props.sx), { display: 'flex', alignItems: 'center' }), children: [(clicked && confirmation) || children, _jsx(Stack, { direction: "row", alignItems: "center", justifyContent: "flex-end", sx: { width: 18 }, children: loading && _jsx(CircularProgress, { size: 14 }) })] })));
 }

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

@@ -56,11 +56,11 @@ const ShareActionsMap = {
     saveAs: ShareSave,
 };
 function ShareTwitter() {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     const { t } = useLocaleContext();
     const { message } = useCurrentMessage();
-    const content = ((_a = message.result) === null || _a === void 0 ? void 0 : _a.content) ||
-        ((_f = (_e = (_d = (_c = (_b = message.result) === null || _b === void 0 ? void 0 : _b.objects) === null || _c === void 0 ? void 0 : _c.find((i) => { var _a; return (_a = i.data[RuntimeOutputVariable.images]) === null || _a === void 0 ? void 0 : _a.length; })) === null || _d === void 0 ? void 0 : _d.data[RuntimeOutputVariable.images]) === null || _e === void 0 ? void 0 : _e.at(0)) === null || _f === void 0 ? void 0 : _f.url);
+    const content = ((_c = (_b = (_a = message.outputs) === null || _a === void 0 ? void 0 : _a.objects) === null || _b === void 0 ? void 0 : _b.find((i) => i === null || i === void 0 ? void 0 : i[RuntimeOutputVariable.text])) === null || _c === void 0 ? void 0 : _c[RuntimeOutputVariable.text]) ||
+        ((_h = (_g = (_f = (_e = (_d = message.outputs) === null || _d === void 0 ? void 0 : _d.objects) === null || _e === void 0 ? void 0 : _e.find((i) => { var _a; return (_a = i === null || i === void 0 ? void 0 : i[RuntimeOutputVariable.images]) === null || _a === void 0 ? void 0 : _a.length; })) === null || _f === void 0 ? void 0 : _f[RuntimeOutputVariable.images]) === null || _g === void 0 ? void 0 : _g.at(0)) === null || _h === void 0 ? void 0 : _h.url);
     if (!content)
         return null;
     return (_jsx(StyledActionButton, { tip: t('socialShare.shareToX'), title: _jsx(Icon, { icon: "tabler:brand-x" }), href: withQuery('https://twitter.com/intent/tweet', {
@@ -69,11 +69,11 @@ function ShareTwitter() {
         }), target: '_blank' }));
 }
 function ShareCopy() {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     const { t } = useLocaleContext();
     const { message } = useCurrentMessage();
-    const content = (_a = message.result) === null || _a === void 0 ? void 0 : _a.content;
-    const image = (_f = (_e = (_d = (_c = (_b = message.result) === null || _b === void 0 ? void 0 : _b.objects) === null || _c === void 0 ? void 0 : _c.find((i) => { var _a; return (_a = i.data[RuntimeOutputVariable.images]) === null || _a === void 0 ? void 0 : _a.length; })) === null || _d === void 0 ? void 0 : _d.data[RuntimeOutputVariable.images]) === null || _e === void 0 ? void 0 : _e.at(0)) === null || _f === void 0 ? void 0 : _f.url;
+    const content = (_c = (_b = (_a = message.outputs) === null || _a === void 0 ? void 0 : _a.objects) === null || _b === void 0 ? void 0 : _b.find((i) => i === null || i === void 0 ? void 0 : i[RuntimeOutputVariable.text])) === null || _c === void 0 ? void 0 : _c[RuntimeOutputVariable.text];
+    const image = (_h = (_g = (_f = (_e = (_d = message.outputs) === null || _d === void 0 ? void 0 : _d.objects) === null || _e === void 0 ? void 0 : _e.find((i) => { var _a; return (_a = i === null || i === void 0 ? void 0 : i[RuntimeOutputVariable.images]) === null || _a === void 0 ? void 0 : _a.length; })) === null || _f === void 0 ? void 0 : _f[RuntimeOutputVariable.images]) === null || _g === void 0 ? void 0 : _g.at(0)) === null || _h === void 0 ? void 0 : _h.url;
     if (!content && !image)
         return null;
     return (_jsx(StyledActionButton, { autoReset: true, tip: t('copy'), tipSucceed: t('copied'), title: _jsx(Icon, { icon: "tabler:copy" }), titleSucceed: _jsx(Icon, { icon: "tabler:copy-check" }), onClick: () => __awaiter(this, void 0, void 0, function* () {
@@ -87,13 +87,13 @@ function ShareCopy() {
         }) }));
 }
 function ShareSave() {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     const { t } = useLocaleContext();
     const { message } = useCurrentMessage();
     const { aid, agent } = useRuntimeState();
     const profile = useProfile({ aid });
-    const content = (_a = message.result) === null || _a === void 0 ? void 0 : _a.content;
-    const image = (_f = (_e = (_d = (_c = (_b = message.result) === null || _b === void 0 ? void 0 : _b.objects) === null || _c === void 0 ? void 0 : _c.find((i) => { var _a; return (_a = i.data[RuntimeOutputVariable.images]) === null || _a === void 0 ? void 0 : _a.length; })) === null || _d === void 0 ? void 0 : _d.data[RuntimeOutputVariable.images]) === null || _e === void 0 ? void 0 : _e.at(0)) === null || _f === void 0 ? void 0 : _f.url;
+    const content = (_c = (_b = (_a = message.outputs) === null || _a === void 0 ? void 0 : _a.objects) === null || _b === void 0 ? void 0 : _b.find((i) => i === null || i === void 0 ? void 0 : i[RuntimeOutputVariable.text])) === null || _c === void 0 ? void 0 : _c[RuntimeOutputVariable.text];
+    const image = (_h = (_g = (_f = (_e = (_d = message.outputs) === null || _d === void 0 ? void 0 : _d.objects) === null || _e === void 0 ? void 0 : _e.find((i) => { var _a; return (_a = i === null || i === void 0 ? void 0 : i[RuntimeOutputVariable.images]) === null || _a === void 0 ? void 0 : _a.length; })) === null || _f === void 0 ? void 0 : _f[RuntimeOutputVariable.images]) === null || _g === void 0 ? void 0 : _g.at(0)) === null || _h === void 0 ? void 0 : _h.url;
     if (!content && !image)
         return null;
     return (_jsx(StyledActionButton, { tip: t('save'), tipSucceed: t('saved'), title: _jsx(Icon, { icon: "tabler:file-download" }), titleSucceed: _jsx(Icon, { icon: "tabler:file-check" }), onClick: () => __awaiter(this, void 0, void 0, function* () {
@@ -105,7 +105,7 @@ function ShareSave() {
                 yield html2pdf()
                     .set({
                     margin: 1,
-                    filename: `${profile.name || agent.id} - ${message.taskId}.pdf`,
+                    filename: `${profile.name || agent.id} - ${message.id}.pdf`,
                     image: { type: 'jpeg', quality: 0.98 },
                     html2canvas: { scale: 2 },
                     jsPDF: { unit: 'in', format: 'letter', orientation: 'portrait' },

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

@@ -1,5 +1,6 @@
 import { RuntimeOutputVariable } from '@blocklet/ai-runtime/types';
 export const AI_STUDIO_DID = 'z8iZpog7mcgcgBZzTiXJCWESvmnRrQmnd3XBB';
+export const AI_RUNTIME_DID = 'z2qa5vnwATPJyAnBYm7SbLMMjfeXJgeBKkfMG';
 export const PAYMENT_KIT_DID = 'z2qaCNvKMv5GjouKdcDWexv6WqtHbpNPQDnAk';
 export const DEFAULT_PAGE_COMPONENT_ID = 'ctnxha29uu8cx4xv'; // Simple Layout
 export const DEFAULT_INPUT_COMPONENT_ID = '1wwtemqcdio6nqf0'; // Auto Form

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

@@ -15,7 +15,7 @@ export default function CurrentAgentProvider({ agentId, children }) {
     return _jsx(context.Provider, { value: state, children: children });
 }
 export function useCurrentAgent(args = {}) {
-    const { aid: runtimeAid, working } = useRuntimeState();
+    const { blockletDid, aid: runtimeAid, working } = useRuntimeState();
     const aidFromParam = useMemo(() => args.aid ||
         (args.agentId
             ? stringifyIdentity(Object.assign(Object.assign({}, parseIdentity(runtimeAid, { rejectWhenError: true })), { assistantId: args.agentId }))
@@ -25,6 +25,6 @@ export function useCurrentAgent(args = {}) {
     if (!aid) {
         throw new Error('No such current agent state. You should use `useCurrentAgent` within the `CurrentAgentProvider`');
     }
-    const [agent] = useAgentState({ aid, working });
+    const [agent] = useAgentState({ blockletDid, aid, working });
     return { aid, agent };
 }

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

@@ -10,17 +10,18 @@ export function useRuntimeContext() {
     }
     return context;
 }
-export default function RuntimeProvider({ aid, working, children, }) {
+export default function RuntimeProvider({ blockletDid, aid, working, children, }) {
     if (!aid)
         throw new Error('Missing required props `aid`');
-    const value = useMemo(() => ({ aid, working }), [aid, working]);
+    const value = useMemo(() => ({ blockletDid, aid, working }), [blockletDid, aid, working]);
     return _jsx(runtimeContext.Provider, { value: value, children: children });
 }
 export function RuntimeProviderFromUrl({ children }) {
     const [query] = useSearchParams();
     const aid = query.get('aid');
+    const blockletDid = query.get('blockletDid') || undefined;
     const working = query.get('working') === 'true';
     if (!aid)
         throw new CustomError(404, 'Missing required query parameters `aid`');
-    return (_jsx(RuntimeProvider, { aid: aid, working: working, children: children }));
+    return (_jsx(RuntimeProvider, { blockletDid: blockletDid, aid: aid, working: working, children: children }));
 }

package/lib/esm/builtin/async/ai-runtime/hooks/use-agent-admin.js

@@ -0,0 +1,7 @@
+import { useSessionContext } from '../../../session';
+export function useIsAgentAdmin(agent) {
+    const { session } = useSessionContext();
+    if (!session.user)
+        return false;
+    return session.user.did === agent.createdBy;
+}

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

@@ -9,23 +9,31 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Icon } from '@iconify/react';
-import { IconButton, ListItemIcon } from '@mui/material';
+import { IconButton, ListItemIcon, MenuItem } from '@mui/material';
 import { useLocaleContext } from '../../../locale';
 import { useHeader } from '../../../page/header';
+import { settingsDialogState } from '../components/AgentSettings/AgentSettingsDialog';
 import PopperMenuButton from '../components/PopperMenuButton';
 import LoadingMenuItem from '../components/PopperMenuButton/LoadingMenuItem';
 import { useComponentPreferences } from '../contexts/ComponentPreferences';
+import { useRuntimeState } from '../state/runtime';
 import { useSessionState } from '../state/session';
+import { useIsAgentAdmin } from './use-agent-admin';
 export function useHeaderMenu() {
     var _a;
     const { t, locale } = useLocaleContext();
     const { hideHeaderMenuButton } = (_a = useComponentPreferences()) !== null && _a !== void 0 ? _a : {};
     const clearSession = useSessionState((s) => s.clearSession);
+    const { agent } = useRuntimeState();
+    const isAdmin = useIsAgentAdmin(agent);
     useHeader(() => hideHeaderMenuButton
         ? {}
         : {
-            addons: (...exists) => [
-                _jsx(PopperMenuButton, { component: IconButton, PopperProps: { placement: 'bottom-end', sx: { zIndex: 'appBar' } }, menus: _jsxs(LoadingMenuItem, { onClick: () => __awaiter(this, void 0, void 0, function* () { return clearSession(); }), children: [_jsx(ListItemIcon, { children: _jsx(Icon, { icon: "mingcute:broom-line" }) }), t('clearSession')] }), children: _jsx(Icon, { icon: "tabler:dots" }) }),
+            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")),
+                        _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,
             ],
         }, [locale, hideHeaderMenuButton]);

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

@@ -110,6 +110,8 @@ export const translations = {
             retry: 'Try Again',
             errorCodeTip: 'Agent found some syntax errors in the code, and want to try again...',
         },
+        settings: 'Settings',
+        setup: 'Setup',
     },
     zh: {
         by: '作者',
@@ -222,5 +224,7 @@ export const translations = {
             retry: '重试',
             errorCodeTip: 'Agent 发现代码存在一些语法问题，请求重试...',
         },
+        settings: '设置',
+        setup: '设置',
     },
 };

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

@@ -7,6 +7,7 @@ import { Avatar, DID } from '../../../../arcblock/ux';
 import { useLocaleContext } from '../../../../locale';
 import { useHeader } from '../../../../page/header';
 import { getComponentMountPoint } from '../../../../utils';
+import AgentSettingsDialog from '../../components/AgentSettings/AgentSettingsDialog';
 import RuntimeCommonProvider, { RuntimeLocaleProvider } from '../../components/RuntimeCommonProvider';
 import SocialShare from '../../components/SocialShare';
 import ThemeProvider from '../../components/ThemeProvider';
@@ -20,9 +21,9 @@ function AgentCreatedBy({ did }) {
     const { t } = useLocaleContext();
     return (_jsxs(_Fragment, { children: [t('by'), " ", _jsx(Box, { component: DID, did: did, copyable: false, responsive: true })] }));
 }
-export default function Runtime({ aid, working }) {
+export default function Runtime({ blockletDid, aid, working, }) {
     const children = (_jsx(ThemeProvider, { children: _jsx(ActiveAgentProvider, { children: _jsx(RuntimeView, {}) }) }));
-    return (_jsx(RuntimeCommonProvider, { children: aid ? (_jsx(RuntimeProvider, { aid: aid, working: working, children: children })) : (_jsx(RuntimeProviderFromUrl, { children: children })) }));
+    return (_jsx(RuntimeCommonProvider, { children: aid ? (_jsx(RuntimeProvider, { blockletDid: blockletDid, aid: aid, working: working, children: children })) : (_jsx(RuntimeProviderFromUrl, { children: children })) }));
 }
 function RuntimeView() {
     var _a;
@@ -54,9 +55,9 @@ ${agent === null || agent === void 0 ? void 0 : agent.description}
                         height: 12,
                         fontSize: 12,
                     }, children: _jsx(AgentCreatedBy, { did: agent.project.createdBy }) }) })) : undefined,
-            addons: (...exists) => [_jsx(SocialShare, { content: shareContent }), ...exists].filter(Boolean),
+            addons: (exists) => [_jsx(SocialShare, { content: shareContent }), ...exists].filter(Boolean),
         };
     }, [locale, isMobile, agent]);
     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 })] }));
+    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/AutoForm/index.js

@@ -9,7 +9,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cx } from '@emotion/css';
-import { Box, FormLabel, InputAdornment, Stack, ThemeProvider, createTheme, formLabelClasses, outlinedInputClasses, styled, useTheme, } from '@mui/material';
+import { Box, FormLabel, InputAdornment, Stack, formLabelClasses, styled } from '@mui/material';
 import isEmpty from 'lodash/isEmpty';
 import omit from 'lodash/omit';
 import { useEffect, useMemo, useState } from 'react';
@@ -34,7 +34,6 @@ export default function AutoForm({ submitText, inlineLabel, autoFillLastForm = t
         });
     }, [agent.parameters]);
     const defaultForm = useInitialFormValues();
-    const theme = useFormTheme();
     const form = useForm({ defaultValues: defaultForm });
     useEffect(() => {
         if (autoFillLastForm && !form.formState.isSubmitted && !form.formState.isSubmitting) {
@@ -51,31 +50,31 @@ export default function AutoForm({ submitText, inlineLabel, autoFillLastForm = t
             },
         });
     });
-    return (_jsx(ThemeProvider, { theme: theme, children: _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 : {};
-                    return (_jsx(Box, { children: _jsx(Controller, { control: form.control, name: key, rules: {
-                                required,
-                                min: parameter.type === 'number' && typeof parameter.min === 'number'
-                                    ? { value: parameter.min, message: '' }
-                                    : undefined,
-                                max: parameter.type === 'number' && typeof parameter.max === 'number'
-                                    ? { value: parameter.max, message: '' }
-                                    : undefined,
-                                minLength: parameter.type === 'string' && typeof parameter.minLength === 'number'
-                                    ? { value: parameter.minLength, message: '' }
-                                    : undefined,
-                                maxLength: parameter.type === 'string' && typeof parameter.maxLength === 'number'
-                                    ? { value: parameter.maxLength, message: '' }
-                                    : undefined,
-                            }, render: ({ field, fieldState }) => {
-                                var _a;
-                                return (_jsxs(Stack, { className: "form-item", children: [parameter.label && _jsx(FormLabel, { children: parameter.label }), _jsx(AgentInputField, { inputRef: field.ref, autoFocus: index === 0, size: "small", hiddenLabel: true, fullWidth: true, label: undefined, parameter: parameter, maxRows: !(parameter === null || parameter === void 0 ? void 0 : parameter.type) || (parameter === null || parameter === void 0 ? void 0 : parameter.type) === 'string' ? 5 : undefined, value: field.value || '', onChange: (value) => field.onChange({ target: { value } }), error: Boolean(fieldState.error), helperText: ((_a = fieldState.error) === null || _a === void 0 ? void 0 : _a.message) || (parameter === null || parameter === void 0 ? void 0 : parameter.helper), InputProps: parameter.key === 'question' && submitInQuestionField
-                                                ? {
-                                                    endAdornment: (_jsx(InputAdornment, { position: "end", sx: { py: 3, mr: -0.75, alignSelf: 'flex-end' }, children: _jsx(LoadingButton, { type: "submit", variant: "contained", loading: running, sx: { borderRadius: 1.5 }, children: submitText }) })),
-                                                }
-                                                : undefined })] }));
-                            } }) }, parameter.id));
-                }), !(submitInQuestionField && (parameters === null || parameters === void 0 ? void 0 : parameters.some((i) => i.key === 'question'))) && (_jsx(LoadingButton, { type: "submit", variant: "contained", loading: running, sx: { height: 40 }, children: submitText || t('generate') }))] }) }));
+    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 : {};
+                return (_jsx(Box, { children: _jsx(Controller, { control: form.control, name: key, rules: {
+                            required,
+                            min: parameter.type === 'number' && typeof parameter.min === 'number'
+                                ? { value: parameter.min, message: '' }
+                                : undefined,
+                            max: parameter.type === 'number' && typeof parameter.max === 'number'
+                                ? { value: parameter.max, message: '' }
+                                : undefined,
+                            minLength: parameter.type === 'string' && typeof parameter.minLength === 'number'
+                                ? { value: parameter.minLength, message: '' }
+                                : undefined,
+                            maxLength: parameter.type === 'string' && typeof parameter.maxLength === 'number'
+                                ? { value: parameter.maxLength, message: '' }
+                                : undefined,
+                        }, render: ({ field, fieldState }) => {
+                            var _a;
+                            return (_jsxs(Stack, { className: "form-item", children: [parameter.label && _jsx(FormLabel, { children: parameter.label }), _jsx(AgentInputField, { inputRef: field.ref, autoFocus: index === 0, size: "small", hiddenLabel: true, fullWidth: true, label: undefined, parameter: parameter, maxRows: !(parameter === null || parameter === void 0 ? void 0 : parameter.type) || (parameter === null || parameter === void 0 ? void 0 : parameter.type) === 'string' ? 5 : undefined, value: field.value || '', onChange: (value) => field.onChange({ target: { value } }), error: Boolean(fieldState.error), helperText: ((_a = fieldState.error) === null || _a === void 0 ? void 0 : _a.message) || (parameter === null || parameter === void 0 ? void 0 : parameter.helper), InputProps: parameter.key === 'question' && submitInQuestionField
+                                            ? {
+                                                endAdornment: (_jsx(InputAdornment, { position: "end", sx: { py: 3, mr: -0.75, alignSelf: 'flex-end' }, children: _jsx(LoadingButton, { type: "submit", variant: "contained", loading: running, sx: { borderRadius: 1.5 }, children: submitText }) })),
+                                            }
+                                            : undefined })] }));
+                        } }) }, parameter.id));
+            }), !(submitInQuestionField && (parameters === null || parameters === void 0 ? void 0 : parameters.some((i) => i.key === 'question'))) && (_jsx(LoadingButton, { type: "submit", variant: "contained", loading: running, sx: { height: 40 }, children: submitText || t('generate') }))] }));
 }
 function useInitialFormValues() {
     const { agent } = useCurrentAgent();
@@ -83,7 +82,7 @@ function useInitialFormValues() {
     const [lastInputs, setLastInputs] = useState();
     useEffect(() => {
         if (!lastInputs) {
-            const lastParameters = lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.parameters;
+            const lastParameters = lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.inputs;
             if (!isEmpty(lastParameters))
                 setLastInputs(lastParameters);
         }
@@ -96,36 +95,6 @@ function useInitialFormValues() {
         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]);
 }
-function useFormTheme() {
-    const theme = useTheme();
-    return useMemo(() => {
-        const themeOptions = {
-            shape: {
-                borderRadius: 8,
-            },
-            components: {
-                MuiTextField: {
-                    styleOverrides: {
-                        root: ({ theme }) => theme.unstable_sx({
-                            [`.${outlinedInputClasses.root}`]: {
-                                [`.${outlinedInputClasses.notchedOutline}`]: {
-                                    borderWidth: 2,
-                                    borderColor: 'primary.light',
-                                },
-                                ':hover': {
-                                    [`.${outlinedInputClasses.notchedOutline}`]: {
-                                        borderColor: 'primary.main',
-                                    },
-                                },
-                            },
-                        }),
-                    },
-                },
-            },
-        };
-        return createTheme(theme, themeOptions);
-    }, [theme]);
-}
 const Form = styled(Stack)(({ theme }) => theme.unstable_sx({
     gap: 2,
     '.form-item': {