@blocklet/pages-kit 0.2.341 → 0.2.342

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

@@ -11,14 +11,12 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getAgent = void 0;
 const ufo_1 = require("ufo");
-const utils_1 = require("../../../utils");
-const constants_1 = require("../constants");
 const request_1 = require("./request");
 function getAgent(_a) {
-    return __awaiter(this, arguments, void 0, function* ({ aid, working }) {
+    return __awaiter(this, arguments, void 0, function* ({ aid, blockletDid, working, }) {
         return (0, request_1.request)({
-            url: (0, ufo_1.joinURL)((0, utils_1.getComponentMountPoint)(constants_1.AI_STUDIO_DID), '/api/agents', aid),
-            query: { working },
+            url: (0, ufo_1.joinURL)((0, request_1.getAIRuntimeApiPrefix)(), '/api/agents', aid),
+            query: { working, blockletDid },
         });
     });
 }

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

@@ -22,14 +22,12 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.deleteMessages = exports.getMessages = void 0;
 const ufo_1 = require("ufo");
-const utils_1 = require("../../../utils");
-const constants_1 = require("../constants");
 const request_1 = require("./request");
 function getMessages(_a) {
     return __awaiter(this, void 0, void 0, function* () {
         var { sessionId } = _a, query = __rest(_a, ["sessionId"]);
         return (0, request_1.request)({
-            url: (0, ufo_1.joinURL)((0, utils_1.getComponentMountPoint)(constants_1.AI_STUDIO_DID), '/api/sessions', sessionId, 'messages'),
+            url: (0, ufo_1.joinURL)((0, request_1.getAIRuntimeApiPrefix)(), '/api/sessions', sessionId, 'messages'),
             query,
         });
     });
@@ -39,7 +37,7 @@ function deleteMessages(_a) {
     return __awaiter(this, arguments, void 0, function* ({ sessionId }) {
         yield (0, request_1.request)({
             method: 'DELETE',
-            url: (0, ufo_1.joinURL)((0, utils_1.getComponentMountPoint)(constants_1.AI_STUDIO_DID), '/api/sessions', sessionId, 'messages'),
+            url: (0, ufo_1.joinURL)((0, request_1.getAIRuntimeApiPrefix)(), '/api/sessions', sessionId, 'messages'),
         });
     });
 }

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

@@ -20,9 +20,11 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.request = exports.fetch = void 0;
+exports.request = exports.fetch = exports.getAIRuntimeApiPrefix = void 0;
 const js_sdk_1 = require("@blocklet/js-sdk");
 const ufo_1 = require("ufo");
+const utils_1 = require("../../../utils");
+const constants_1 = require("../constants");
 const error_1 = require("../error");
 let isDEV = false;
 try {
@@ -32,6 +34,8 @@ try {
 catch (_a) {
     // ignore
 }
+const getAIRuntimeApiPrefix = () => window.AI_RUNTIME_API_PREFIX || (0, utils_1.getComponentMountPoint)(constants_1.AI_RUNTIME_DID);
+exports.getAIRuntimeApiPrefix = getAIRuntimeApiPrefix;
 exports.fetch = (0, js_sdk_1.createFetch)({}, { lazy: isDEV, lazyTime: 1000 });
 function request(_a) {
     return __awaiter(this, void 0, void 0, function* () {

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

@@ -9,24 +9,16 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getRelease = exports.getSubscription = void 0;
+exports.createSecrets = void 0;
 const ufo_1 = require("ufo");
-const utils_1 = require("../../../utils");
-const constants_1 = require("../constants");
 const request_1 = require("./request");
-function getSubscription(_a) {
-    return __awaiter(this, arguments, void 0, function* ({ aid }) {
+function createSecrets(_a) {
+    return __awaiter(this, arguments, void 0, function* ({ input }) {
         return (0, request_1.request)({
-            url: (0, ufo_1.withQuery)((0, ufo_1.joinURL)((0, utils_1.getComponentMountPoint)(constants_1.AI_STUDIO_DID), '/api/subscriptions/by-aid'), { aid }),
+            method: 'POST',
+            url: (0, ufo_1.joinURL)((0, request_1.getAIRuntimeApiPrefix)(), '/api/secrets'),
+            body: input,
         });
     });
 }
-exports.getSubscription = getSubscription;
-function getRelease(_a) {
-    return __awaiter(this, arguments, void 0, function* ({ aid }) {
-        return (0, request_1.request)({
-            url: (0, ufo_1.withQuery)((0, ufo_1.joinURL)((0, utils_1.getComponentMountPoint)(constants_1.AI_STUDIO_DID), '/api/releases/by-aid'), { aid }),
-        });
-    });
-}
-exports.getRelease = getRelease;
+exports.createSecrets = createSecrets;

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

@@ -25,13 +25,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.runAgent = exports.deleteSession = exports.updateSession = exports.clearSession = exports.createSession = exports.getSession = exports.getSessions = void 0;
 const ufo_1 = require("ufo");
 const stream_1 = require("../../../stream");
-const utils_1 = require("../../../utils");
-const constants_1 = require("../constants");
 const request_1 = require("./request");
 function getSessions(_a) {
     return __awaiter(this, arguments, void 0, function* ({ aid }) {
         return (0, request_1.request)({
-            url: (0, ufo_1.joinURL)((0, utils_1.getComponentMountPoint)(constants_1.AI_STUDIO_DID), '/api/sessions'),
+            url: (0, ufo_1.joinURL)((0, request_1.getAIRuntimeApiPrefix)(), '/api/sessions'),
             query: { aid },
         });
     });
@@ -40,7 +38,7 @@ exports.getSessions = getSessions;
 function getSession(_a) {
     return __awaiter(this, arguments, void 0, function* ({ sessionId }) {
         return (0, request_1.request)({
-            url: (0, ufo_1.joinURL)((0, utils_1.getComponentMountPoint)(constants_1.AI_STUDIO_DID), '/api/sessions', sessionId),
+            url: (0, ufo_1.joinURL)((0, request_1.getAIRuntimeApiPrefix)(), '/api/sessions', sessionId),
         });
     });
 }
@@ -49,7 +47,7 @@ function createSession(_a) {
     return __awaiter(this, arguments, void 0, function* ({ aid, name, }) {
         return (0, request_1.request)({
             method: 'POST',
-            url: (0, ufo_1.joinURL)((0, utils_1.getComponentMountPoint)(constants_1.AI_STUDIO_DID), '/api/sessions'),
+            url: (0, ufo_1.joinURL)((0, request_1.getAIRuntimeApiPrefix)(), '/api/sessions'),
             body: {
                 aid,
                 name,
@@ -62,7 +60,7 @@ function clearSession(_a) {
     return __awaiter(this, arguments, void 0, function* ({ sessionId }) {
         return (0, request_1.request)({
             method: 'POST',
-            url: (0, ufo_1.joinURL)((0, utils_1.getComponentMountPoint)(constants_1.AI_STUDIO_DID), '/api/sessions', sessionId, '/clear'),
+            url: (0, ufo_1.joinURL)((0, request_1.getAIRuntimeApiPrefix)(), '/api/sessions', sessionId, '/clear'),
         });
     });
 }
@@ -71,7 +69,7 @@ function updateSession(_a) {
     return __awaiter(this, arguments, void 0, function* ({ sessionId, name, }) {
         return (0, request_1.request)({
             method: 'PATCH',
-            url: (0, ufo_1.joinURL)((0, utils_1.getComponentMountPoint)(constants_1.AI_STUDIO_DID), '/api/sessions', sessionId),
+            url: (0, ufo_1.joinURL)((0, request_1.getAIRuntimeApiPrefix)(), '/api/sessions', sessionId),
             body: { name },
         });
     });
@@ -81,21 +79,22 @@ function deleteSession(_a) {
     return __awaiter(this, arguments, void 0, function* ({ sessionId, }) {
         return (0, request_1.request)({
             method: 'DELETE',
-            url: (0, ufo_1.joinURL)((0, utils_1.getComponentMountPoint)(constants_1.AI_STUDIO_DID), '/api/sessions', sessionId),
+            url: (0, ufo_1.joinURL)((0, request_1.getAIRuntimeApiPrefix)(), '/api/sessions', sessionId),
         });
     });
 }
 exports.deleteSession = deleteSession;
 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((0, request_1.fetch)((0, ufo_1.joinURL)((0, utils_1.getComponentMountPoint)(constants_1.AI_STUDIO_DID), '/api/ai/call'), {
+        const res = yield __await((0, request_1.fetch)((0, ufo_1.joinURL)((0, request_1.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/cjs/builtin/async/ai-runtime/components/AgentErrorBoundary.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AgentErrorView = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_error_boundary_1 = require("react-error-boundary");
+const locale_1 = require("../../../locale");
+const use_agent_admin_1 = require("../hooks/use-agent-admin");
+const runtime_1 = require("../state/runtime");
+const AgentSettingsDialog_1 = require("./AgentSettings/AgentSettingsDialog");
+function AgentErrorBoundary() {
+    return (0, jsx_runtime_1.jsx)(react_error_boundary_1.ErrorBoundary, { FallbackComponent: AgentErrorView });
+}
+exports.default = AgentErrorBoundary;
+function AgentErrorView({ error }) {
+    if (error.type === 'MissingSecretError') {
+        return (0, jsx_runtime_1.jsx)(MissingSecretErrorView, {});
+    }
+    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;
+function MissingSecretErrorView() {
+    const { t } = (0, locale_1.useLocaleContext)();
+    const { agent } = (0, runtime_1.useRuntimeState)();
+    const isAdmin = (0, use_agent_admin_1.useIsAgentAdmin)(agent);
+    return ((0, jsx_runtime_1.jsx)(material_1.Alert, { severity: "error", sx: { [`.${material_1.alertClasses.message}`]: { flex: 1 } }, children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { width: "100%", children: ["Required configuration is missing. Please complete the setup before proceeding.", isAdmin && ((0, jsx_runtime_1.jsx)(material_1.Stack, { alignItems: "flex-end", children: (0, jsx_runtime_1.jsx)(material_1.Button, { size: "small", variant: "outlined", onClick: () => AgentSettingsDialog_1.settingsDialogState.getState().open(), children: t('setup') }) }))] }) }));
+}

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

@@ -0,0 +1,80 @@
+"use strict";
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.settingsDialogState = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lab_1 = require("@mui/lab");
+const material_1 = require("@mui/material");
+const react_hook_form_1 = require("react-hook-form");
+const zustand_1 = require("zustand");
+const immer_1 = require("zustand/middleware/immer");
+const ux_1 = require("../../../../arcblock/ux");
+const locale_1 = require("../../../../locale");
+const secret_1 = require("../../api/secret");
+const agent_1 = require("../../state/agent");
+const runtime_1 = require("../../state/runtime");
+exports.settingsDialogState = (0, zustand_1.create)()((0, immer_1.immer)((set) => ({
+    isOpen: false,
+    open() {
+        set((state) => {
+            state.isOpen = true;
+        });
+    },
+    onClose() {
+        set((state) => {
+            state.isOpen = false;
+        });
+    },
+})));
+function AgentSettingsDialog(_a) {
+    var props = __rest(_a, []);
+    const { t } = (0, locale_1.useLocaleContext)();
+    const isOpen = (0, exports.settingsDialogState)((state) => state.isOpen);
+    const onClose = (0, exports.settingsDialogState)((state) => state.onClose);
+    const { aid, blockletDid, working } = (0, runtime_1.useRuntimeState)();
+    const [agent, state] = (0, agent_1.useAgentState)({ aid, blockletDid, working });
+    const form = (0, react_hook_form_1.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 (0, secret_1.createSecrets)({ input });
+            yield state.load();
+            ux_1.Toast.success(t('saved'));
+            onClose();
+        }
+        catch (error) {
+            ux_1.Toast.error(error.message);
+            throw error;
+        }
+    });
+    return ((0, jsx_runtime_1.jsxs)(material_1.Dialog, Object.assign({ fullWidth: true, maxWidth: "md" }, props, { open: isOpen, onClose: onClose, component: "form", onSubmit: form.handleSubmit(onSubmit), children: [(0, jsx_runtime_1.jsx)(material_1.DialogTitle, { children: t('settings') }), (0, jsx_runtime_1.jsx)(material_1.DialogContent, { children: (0, jsx_runtime_1.jsx)(material_1.Stack, { gap: 1, children: agent.config.secrets.map(({ targetInput, hasValue }, index) => ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: 0.5, children: [(0, jsx_runtime_1.jsx)(material_1.FormLabel, { children: targetInput.label || targetInput.key }), (0, jsx_runtime_1.jsx)(material_1.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))) }) }), (0, jsx_runtime_1.jsxs)(material_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { onClick: onClose, children: t('cancel') }), (0, jsx_runtime_1.jsx)(lab_1.LoadingButton, { type: "submit", variant: "contained", loading: form.formState.isSubmitting, children: t('save') })] })] })));
+}
+exports.default = AgentSettingsDialog;

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

@@ -44,6 +44,6 @@ function LoadingMenuItem(_a) {
             setLoading(false);
         }
     });
-    return ((0, jsx_runtime_1.jsxs)(material_1.MenuItem, Object.assign({}, props, { onClick: handleClick, sx: Object.assign(Object.assign({}, props.sx), { display: 'flex', alignItems: 'center', gap: 1 }), children: [(clicked && confirmation) || children, (0, jsx_runtime_1.jsx)(material_1.Stack, { direction: "row", alignItems: "center", justifyContent: "flex-end", sx: { width: 18 }, children: loading && (0, jsx_runtime_1.jsx)(material_1.CircularProgress, { size: 14 }) })] })));
+    return ((0, jsx_runtime_1.jsxs)(material_1.MenuItem, Object.assign({}, props, { onClick: handleClick, sx: Object.assign(Object.assign({}, props.sx), { display: 'flex', alignItems: 'center' }), children: [(clicked && confirmation) || children, (0, jsx_runtime_1.jsx)(material_1.Stack, { direction: "row", alignItems: "center", justifyContent: "flex-end", sx: { width: 18 }, children: loading && (0, jsx_runtime_1.jsx)(material_1.CircularProgress, { size: 14 }) })] })));
 }
 exports.default = LoadingMenuItem;

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

@@ -85,11 +85,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 } = (0, locale_1.useLocaleContext)();
     const { message } = (0, CurrentMessage_1.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[types_1.RuntimeOutputVariable.images]) === null || _a === void 0 ? void 0 : _a.length; })) === null || _d === void 0 ? void 0 : _d.data[types_1.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[types_1.RuntimeOutputVariable.text])) === null || _c === void 0 ? void 0 : _c[types_1.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[types_1.RuntimeOutputVariable.images]) === null || _a === void 0 ? void 0 : _a.length; })) === null || _f === void 0 ? void 0 : _f[types_1.RuntimeOutputVariable.images]) === null || _g === void 0 ? void 0 : _g.at(0)) === null || _h === void 0 ? void 0 : _h.url);
     if (!content)
         return null;
     return ((0, jsx_runtime_1.jsx)(StyledActionButton, { tip: t('socialShare.shareToX'), title: (0, jsx_runtime_1.jsx)(react_1.Icon, { icon: "tabler:brand-x" }), href: (0, ufo_1.withQuery)('https://twitter.com/intent/tweet', {
@@ -98,11 +98,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 } = (0, locale_1.useLocaleContext)();
     const { message } = (0, CurrentMessage_1.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[types_1.RuntimeOutputVariable.images]) === null || _a === void 0 ? void 0 : _a.length; })) === null || _d === void 0 ? void 0 : _d.data[types_1.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[types_1.RuntimeOutputVariable.text])) === null || _c === void 0 ? void 0 : _c[types_1.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[types_1.RuntimeOutputVariable.images]) === null || _a === void 0 ? void 0 : _a.length; })) === null || _f === void 0 ? void 0 : _f[types_1.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 ((0, jsx_runtime_1.jsx)(StyledActionButton, { autoReset: true, tip: t('copy'), tipSucceed: t('copied'), title: (0, jsx_runtime_1.jsx)(react_1.Icon, { icon: "tabler:copy" }), titleSucceed: (0, jsx_runtime_1.jsx)(react_1.Icon, { icon: "tabler:copy-check" }), onClick: () => __awaiter(this, void 0, void 0, function* () {
@@ -116,13 +116,13 @@ function ShareCopy() {
         }) }));
 }
 function ShareSave() {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     const { t } = (0, locale_1.useLocaleContext)();
     const { message } = (0, CurrentMessage_1.useCurrentMessage)();
     const { aid, agent } = (0, runtime_1.useRuntimeState)();
     const profile = (0, use_appearances_1.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[types_1.RuntimeOutputVariable.images]) === null || _a === void 0 ? void 0 : _a.length; })) === null || _d === void 0 ? void 0 : _d.data[types_1.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[types_1.RuntimeOutputVariable.text])) === null || _c === void 0 ? void 0 : _c[types_1.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[types_1.RuntimeOutputVariable.images]) === null || _a === void 0 ? void 0 : _a.length; })) === null || _f === void 0 ? void 0 : _f[types_1.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 ((0, jsx_runtime_1.jsx)(StyledActionButton, { tip: t('save'), tipSucceed: t('saved'), title: (0, jsx_runtime_1.jsx)(react_1.Icon, { icon: "tabler:file-download" }), titleSucceed: (0, jsx_runtime_1.jsx)(react_1.Icon, { icon: "tabler:file-check" }), onClick: () => __awaiter(this, void 0, void 0, function* () {
@@ -134,7 +134,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/cjs/builtin/async/ai-runtime/constants.js

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getDefaultOutputComponent = exports.DEFAULT_OUTPUT_COMPONENTS = exports.OPENING_QUESTIONS_VIEW_ID = exports.IMAGES_VIEW_ID = exports.SHARE_VIEW_ID = exports.REFERENCED_LINKS_VIEW_ID = exports.SUGGESTED_QUESTIONS_VIEW_ID = exports.MARKDOWN_VIEW_ID = exports.DEFAULT_OUTPUT_COMPONENT_ID = exports.DEFAULT_INPUT_COMPONENT_ID = exports.DEFAULT_PAGE_COMPONENT_ID = exports.PAYMENT_KIT_DID = exports.AI_STUDIO_DID = void 0;
+exports.getDefaultOutputComponent = exports.DEFAULT_OUTPUT_COMPONENTS = exports.OPENING_QUESTIONS_VIEW_ID = exports.IMAGES_VIEW_ID = exports.SHARE_VIEW_ID = exports.REFERENCED_LINKS_VIEW_ID = exports.SUGGESTED_QUESTIONS_VIEW_ID = exports.MARKDOWN_VIEW_ID = exports.DEFAULT_OUTPUT_COMPONENT_ID = exports.DEFAULT_INPUT_COMPONENT_ID = exports.DEFAULT_PAGE_COMPONENT_ID = exports.PAYMENT_KIT_DID = exports.AI_RUNTIME_DID = exports.AI_STUDIO_DID = void 0;
 const types_1 = require("@blocklet/ai-runtime/types");
 exports.AI_STUDIO_DID = 'z8iZpog7mcgcgBZzTiXJCWESvmnRrQmnd3XBB';
+exports.AI_RUNTIME_DID = 'z2qa5vnwATPJyAnBYm7SbLMMjfeXJgeBKkfMG';
 exports.PAYMENT_KIT_DID = 'z2qaCNvKMv5GjouKdcDWexv6WqtHbpNPQDnAk';
 exports.DEFAULT_PAGE_COMPONENT_ID = 'ctnxha29uu8cx4xv'; // Simple Layout
 exports.DEFAULT_INPUT_COMPONENT_ID = '1wwtemqcdio6nqf0'; // Auto Form

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

@@ -19,7 +19,7 @@ function CurrentAgentProvider({ agentId, children }) {
 }
 exports.default = CurrentAgentProvider;
 function useCurrentAgent(args = {}) {
-    const { aid: runtimeAid, working } = (0, runtime_1.useRuntimeState)();
+    const { blockletDid, aid: runtimeAid, working } = (0, runtime_1.useRuntimeState)();
     const aidFromParam = (0, react_1.useMemo)(() => args.aid ||
         (args.agentId
             ? (0, aid_1.stringifyIdentity)(Object.assign(Object.assign({}, (0, aid_1.parseIdentity)(runtimeAid, { rejectWhenError: true })), { assistantId: args.agentId }))
@@ -29,7 +29,7 @@ function useCurrentAgent(args = {}) {
     if (!aid) {
         throw new Error('No such current agent state. You should use `useCurrentAgent` within the `CurrentAgentProvider`');
     }
-    const [agent] = (0, agent_1.useAgentState)({ aid, working });
+    const [agent] = (0, agent_1.useAgentState)({ blockletDid, aid, working });
     return { aid, agent };
 }
 exports.useCurrentAgent = useCurrentAgent;

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

@@ -14,19 +14,20 @@ function useRuntimeContext() {
     return context;
 }
 exports.useRuntimeContext = useRuntimeContext;
-function RuntimeProvider({ aid, working, children, }) {
+function RuntimeProvider({ blockletDid, aid, working, children, }) {
     if (!aid)
         throw new Error('Missing required props `aid`');
-    const value = (0, react_1.useMemo)(() => ({ aid, working }), [aid, working]);
+    const value = (0, react_1.useMemo)(() => ({ blockletDid, aid, working }), [blockletDid, aid, working]);
     return (0, jsx_runtime_1.jsx)(runtimeContext.Provider, { value: value, children: children });
 }
 exports.default = RuntimeProvider;
 function RuntimeProviderFromUrl({ children }) {
     const [query] = (0, react_router_dom_1.useSearchParams)();
     const aid = query.get('aid');
+    const blockletDid = query.get('blockletDid') || undefined;
     const working = query.get('working') === 'true';
     if (!aid)
         throw new error_1.CustomError(404, 'Missing required query parameters `aid`');
-    return ((0, jsx_runtime_1.jsx)(RuntimeProvider, { aid: aid, working: working, children: children }));
+    return ((0, jsx_runtime_1.jsx)(RuntimeProvider, { blockletDid: blockletDid, aid: aid, working: working, children: children }));
 }
 exports.RuntimeProviderFromUrl = RuntimeProviderFromUrl;

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIsAgentAdmin = void 0;
+const session_1 = require("../../../session");
+function useIsAgentAdmin(agent) {
+    const { session } = (0, session_1.useSessionContext)();
+    if (!session.user)
+        return false;
+    return session.user.did === agent.createdBy;
+}
+exports.useIsAgentAdmin = useIsAgentAdmin;

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

@@ -18,20 +18,28 @@ const react_1 = require("@iconify/react");
 const material_1 = require("@mui/material");
 const locale_1 = require("../../../locale");
 const header_1 = require("../../../page/header");
+const AgentSettingsDialog_1 = require("../components/AgentSettings/AgentSettingsDialog");
 const PopperMenuButton_1 = __importDefault(require("../components/PopperMenuButton"));
 const LoadingMenuItem_1 = __importDefault(require("../components/PopperMenuButton/LoadingMenuItem"));
 const ComponentPreferences_1 = require("../contexts/ComponentPreferences");
+const runtime_1 = require("../state/runtime");
 const session_1 = require("../state/session");
+const use_agent_admin_1 = require("./use-agent-admin");
 function useHeaderMenu() {
     var _a;
     const { t, locale } = (0, locale_1.useLocaleContext)();
     const { hideHeaderMenuButton } = (_a = (0, ComponentPreferences_1.useComponentPreferences)()) !== null && _a !== void 0 ? _a : {};
     const clearSession = (0, session_1.useSessionState)((s) => s.clearSession);
+    const { agent } = (0, runtime_1.useRuntimeState)();
+    const isAdmin = (0, use_agent_admin_1.useIsAgentAdmin)(agent);
     (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: (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')] }), children: (0, jsx_runtime_1.jsx)(react_1.Icon, { icon: "tabler:dots" }) }),
+            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")),
+                        (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,
             ],
         }, [locale, hideHeaderMenuButton]);

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

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

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

@@ -35,6 +35,7 @@ const ux_1 = require("../../../../arcblock/ux");
 const locale_1 = require("../../../../locale");
 const header_1 = require("../../../../page/header");
 const utils_1 = require("../../../../utils");
+const AgentSettingsDialog_1 = __importDefault(require("../../components/AgentSettings/AgentSettingsDialog"));
 const RuntimeCommonProvider_1 = __importStar(require("../../components/RuntimeCommonProvider"));
 const SocialShare_1 = __importDefault(require("../../components/SocialShare"));
 const ThemeProvider_1 = __importDefault(require("../../components/ThemeProvider"));
@@ -48,9 +49,9 @@ function AgentCreatedBy({ did }) {
     const { t } = (0, locale_1.useLocaleContext)();
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [t('by'), " ", (0, jsx_runtime_1.jsx)(material_1.Box, { component: ux_1.DID, did: did, copyable: false, responsive: true })] }));
 }
-function Runtime({ aid, working }) {
+function Runtime({ blockletDid, aid, working, }) {
     const children = ((0, jsx_runtime_1.jsx)(ThemeProvider_1.default, { children: (0, jsx_runtime_1.jsx)(ActiveAgent_1.default, { children: (0, jsx_runtime_1.jsx)(RuntimeView, {}) }) }));
-    return ((0, jsx_runtime_1.jsx)(RuntimeCommonProvider_1.default, { children: aid ? ((0, jsx_runtime_1.jsx)(Runtime_1.default, { aid: aid, working: working, children: children })) : ((0, jsx_runtime_1.jsx)(Runtime_1.RuntimeProviderFromUrl, { children: children })) }));
+    return ((0, jsx_runtime_1.jsx)(RuntimeCommonProvider_1.default, { children: aid ? ((0, jsx_runtime_1.jsx)(Runtime_1.default, { blockletDid: blockletDid, aid: aid, working: working, children: children })) : ((0, jsx_runtime_1.jsx)(Runtime_1.RuntimeProviderFromUrl, { children: children })) }));
 }
 exports.default = Runtime;
 function RuntimeView() {
@@ -83,9 +84,9 @@ ${agent === null || agent === void 0 ? void 0 : agent.description}
                         height: 12,
                         fontSize: 12,
                     }, children: (0, jsx_runtime_1.jsx)(AgentCreatedBy, { did: agent.project.createdBy }) }) })) : undefined,
-            addons: (...exists) => [(0, jsx_runtime_1.jsx)(SocialShare_1.default, { content: shareContent }), ...exists].filter(Boolean),
+            addons: (exists) => [(0, jsx_runtime_1.jsx)(SocialShare_1.default, { 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 : 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 })] }));
+    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, {})] }));
 }