@blocklet/pages-kit 0.2.299 → 0.2.301

package/lib/cjs/builtin/async/ai-runtime/api/{assistant.js → agent.js}

@@ -9,19 +9,17 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getAssistant = void 0;
+exports.getAgent = void 0;
 const ufo_1 = require("ufo");
 const utils_1 = require("../../../utils");
 const constants_1 = require("../constants");
-const utils_2 = require("../utils");
 const request_1 = require("./request");
-function getAssistant(_a) {
-    return __awaiter(this, arguments, void 0, function* ({ assistantId: id, working, }) {
-        const { projectId, projectRef, assistantId } = (0, utils_2.parseIdentity)(id, { rejectWhenError: true });
+function getAgent(_a) {
+    return __awaiter(this, arguments, void 0, function* ({ aid, working }) {
         return (0, request_1.request)({
-            url: (0, ufo_1.joinURL)((0, utils_1.getComponentMountPoint)(constants_1.AI_STUDIO_DID), '/api/projects', projectId, 'refs', projectRef, 'assistants', assistantId),
+            url: (0, ufo_1.joinURL)((0, utils_1.getComponentMountPoint)(constants_1.AI_STUDIO_DID), '/api/agents', aid),
             query: { working },
         });
     });
 }
-exports.getAssistant = getAssistant;
+exports.getAgent = getAgent;

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

@@ -22,21 +22,17 @@ var __asyncGenerator = (this && this.__asyncGenerator) || function (thisArg, _ar
     function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.runAssistant = exports.deleteSession = exports.updateSession = exports.createSession = exports.getSession = exports.getSessions = void 0;
+exports.runAgent = exports.deleteSession = exports.updateSession = 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 utils_2 = require("../utils");
 const request_1 = require("./request");
 function getSessions(_a) {
-    return __awaiter(this, arguments, void 0, function* ({ projectId, projectRef, assistantId, }) {
+    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/sessions'), {
-                projectId,
-                projectRef,
-                assistantId,
-            }),
+            url: (0, ufo_1.joinURL)((0, utils_1.getComponentMountPoint)(constants_1.AI_STUDIO_DID), '/api/sessions'),
+            query: { aid },
         });
     });
 }
@@ -50,23 +46,24 @@ function getSession(_a) {
 }
 exports.getSession = getSession;
 function createSession(_a) {
-    return __awaiter(this, arguments, void 0, function* ({ assistantId, name, parameters, entry, }) {
+    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'),
-            body: Object.assign(Object.assign({}, (0, utils_2.parseIdentity)(assistantId)), { name,
-                parameters,
-                entry }),
+            body: {
+                aid,
+                name,
+            },
         });
     });
 }
 exports.createSession = createSession;
 function updateSession(_a) {
-    return __awaiter(this, arguments, void 0, function* ({ sessionId, name, parameters, }) {
+    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),
-            body: { name, parameters },
+            body: { name },
         });
     });
 }
@@ -80,8 +77,8 @@ function deleteSession(_a) {
     });
 }
 exports.deleteSession = deleteSession;
-function runAssistant(_a) {
-    return __asyncGenerator(this, arguments, function* runAssistant_1({ sessionId, identity, working, parameters, }) {
+function runAgent(_a) {
+    return __asyncGenerator(this, arguments, function* runAgent_1({ aid, sessionId, 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'), {
             method: 'POST',
@@ -89,7 +86,12 @@ function runAssistant(_a) {
                 'Content-Type': 'application/json',
                 Accept: 'text/event-stream',
             },
-            body: JSON.stringify(Object.assign(Object.assign({ sessionId, parameters: Object.assign(Object.assign({}, parameters), { $clientTime: new Date().toISOString() }) }, identity), { ref: identity.projectRef, working })),
+            body: JSON.stringify({
+                sessionId,
+                parameters: Object.assign(Object.assign({}, parameters), { $clientTime: new Date().toISOString() }),
+                aid,
+                working,
+            }),
         }));
         if (!(res.status >= 200 && res.status < 300)) {
             let json;
@@ -118,4 +120,4 @@ function runAssistant(_a) {
         }
     });
 }
-exports.runAssistant = runAssistant;
+exports.runAgent = runAgent;

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

@@ -23,7 +23,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ActionButton = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("@iconify/react");
 const material_1 = require("@mui/material");
@@ -60,4 +59,4 @@ function ActionButton(_a) {
                     }
                 }), children: buttonText })) }) }));
 }
-exports.ActionButton = ActionButton;
+exports.default = ActionButton;

package/lib/cjs/builtin/async/ai-runtime/components/{parameters → AgentInputField}/index.js

@@ -20,7 +20,7 @@ const NumberField_1 = __importDefault(require("./NumberField"));
 const RadioField_1 = __importDefault(require("./RadioField"));
 const SelectField_1 = __importDefault(require("./SelectField"));
 const StringField_1 = __importDefault(require("./StringField"));
-function ParameterField(_a) {
+function AgentInputField(_a) {
     var _b;
     var { parameter } = _a, props = __rest(_a, ["parameter"]);
     if (parameter.type === 'source')
@@ -38,4 +38,4 @@ function ParameterField(_a) {
     }[parameter.type || 'string'] || StringField_1.default;
     return ((0, jsx_runtime_1.jsx)(Field, Object.assign({ label: parameter === null || parameter === void 0 ? void 0 : parameter.label, helperText: parameter === null || parameter === void 0 ? void 0 : parameter.helper, placeholder: parameter === null || parameter === void 0 ? void 0 : parameter.placeholder }, { parameter }, { size: "small" }, props)));
 }
-exports.default = ParameterField;
+exports.default = AgentInputField;

package/lib/cjs/builtin/async/ai-runtime/components/{GlobalLoading.js → GlobalLoading/index.js}

@@ -11,12 +11,15 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.globalLoadingState = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
-const loading_1 = require("../state/loading");
+const state_1 = require("./state");
+var state_2 = require("./state");
+Object.defineProperty(exports, "globalLoadingState", { enumerable: true, get: function () { return state_2.globalLoadingState; } });
 function GlobalLoading(_a) {
     var props = __rest(_a, []);
-    const state = (0, loading_1.globalLoadingState)();
+    const state = (0, state_1.globalLoadingState)();
     if (!state.loading)
         return null;
     return (0, jsx_runtime_1.jsx)(material_1.LinearProgress, Object.assign({}, props));

package/lib/cjs/builtin/async/ai-runtime/components/{runtime-form/RuntimeFormHeader.js → Header/SimpleHeader.js}

@@ -35,22 +35,15 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
+const css_1 = require("@emotion/css");
 const material_1 = require("@mui/material");
 const react_wrap_balancer_1 = __importStar(require("react-wrap-balancer"));
-const ux_1 = require("../../../../arcblock/ux");
-function RuntimeFormHeader(_a) {
-    var _b, _c, _d;
-    var { agent } = _a, props = __rest(_a, ["agent"]);
-    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, Object.assign({ direction: {
-            md: 'row',
-            xs: 'column',
-        }, justifyContent: "space-between", alignItems: "center", gap: 2 }, props, { children: [(0, jsx_runtime_1.jsx)(material_1.Stack, { children: (0, jsx_runtime_1.jsx)(material_1.Box, { component: ux_1.Avatar, size: 120, src: (_b = agent.release) === null || _b === void 0 ? void 0 : _b.logo, did: blocklet === null || blocklet === void 0 ? void 0 : blocklet.appId, borderRadius: 1 }) }), (0, jsx_runtime_1.jsx)(react_wrap_balancer_1.Provider, { children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { spacing: 1, sx: {
-                        flex: 1,
-                        lineHeight: '28px',
-                        textAlign: {
-                            md: 'left',
-                            xs: 'center',
-                        },
-                    }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { component: "h5", sx: { fontSize: 18, fontWeight: 600 }, children: (0, jsx_runtime_1.jsx)(react_wrap_balancer_1.default, { children: ((_c = agent.release) === null || _c === void 0 ? void 0 : _c.title) || agent.name }) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { sx: { fontSize: 16, color: 'rgba(75, 85, 99, 1)' }, children: (0, jsx_runtime_1.jsx)(react_wrap_balancer_1.default, { children: ((_d = agent.release) === null || _d === void 0 ? void 0 : _d.description) || agent.description }) })] }) })] })));
+const runtime_1 = require("../../state/runtime");
+function SimpleHeader(_a) {
+    var { TitleProps, DescriptionProps } = _a, props = __rest(_a, ["TitleProps", "DescriptionProps"]);
+    const { agent, appearancePage } = (0, runtime_1.useRuntimeState)();
+    const title = (appearancePage === null || appearancePage === void 0 ? void 0 : appearancePage.name) || agent.name;
+    const description = (appearancePage === null || appearancePage === void 0 ? void 0 : appearancePage.description) || agent.description;
+    return ((0, jsx_runtime_1.jsx)(material_1.Stack, Object.assign({ gap: 2, mt: 8, mb: 4 }, props, { className: (0, css_1.cx)('aigne-header aigne-simple-header', props.className), children: (0, jsx_runtime_1.jsxs)(react_wrap_balancer_1.Provider, { children: [title && ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ width: "100%", component: "h5", fontSize: 30, fontWeight: 700, textAlign: "center" }, TitleProps, { children: (0, jsx_runtime_1.jsx)(react_wrap_balancer_1.default, { children: title }) }))), description && ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ width: "100%", textAlign: "center" }, DescriptionProps, { children: (0, jsx_runtime_1.jsx)(react_wrap_balancer_1.default, { children: description }) })))] }) })));
 }
-exports.default = RuntimeFormHeader;
+exports.default = SimpleHeader;

package/lib/cjs/builtin/async/ai-runtime/components/{runtime-form/RuntimeFormSubmit.js → Layout/SimpleLayout.js}

@@ -10,14 +10,12 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const LoadingButton_1 = __importDefault(require("../LoadingButton"));
-function RuntimeFormSubmit(_a) {
-    var { page } = _a, props = __rest(_a, ["page"]);
-    return (0, jsx_runtime_1.jsx)(LoadingButton_1.default, Object.assign({}, props));
+const css_1 = require("@emotion/css");
+const material_1 = require("@mui/material");
+function SimpleLayout(_a) {
+    var props = __rest(_a, []);
+    return ((0, jsx_runtime_1.jsx)(material_1.Stack, Object.assign({ flexGrow: 1, maxWidth: "md", width: "100%", mx: "auto", px: { xs: 2, sm: 3 } }, props, { className: (0, css_1.cx)('aigne-layout aigne-layout-simple', props.className) })));
 }
-exports.default = RuntimeFormSubmit;
+exports.default = SimpleLayout;

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

@@ -44,7 +44,7 @@ const react_2 = __importDefault(require("react"));
 const locale_1 = require("../../../locale");
 const react_markdown_1 = __importDefault(require("../../react-markdown"));
 const react_syntax_highlighter_1 = __importDefault(require("../../react-syntax-highlighter"));
-const ActionButton_1 = require("./ActionButton");
+const ActionButton_1 = __importDefault(require("./ActionButton"));
 const ReactSyntaxHighlighter = react_2.default.lazy(() => (0, react_syntax_highlighter_1.default)().then((m) => ({ default: m.Prism })));
 const Markdown = react_2.default.lazy(() => Promise.all([
     (0, react_markdown_1.default)(),
@@ -150,7 +150,7 @@ function MarkdownPre({ children }) {
             borderRadius: 1,
             bgcolor: 'rgb(245, 242, 240)',
             '> pre': { mt: '0 !important' },
-        }, children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", alignItems: "center", p: 0.5, pl: 1.5, borderBottom: 1, borderColor: "grey.200", children: [(0, jsx_runtime_1.jsx)(material_1.Box, { children: language }), (0, jsx_runtime_1.jsx)(material_1.Box, { flex: 1 }), (0, jsx_runtime_1.jsx)(ActionButton_1.ActionButton, { autoReset: true, tip: t('copyToClipboard'), 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" }), sx: { minWidth: 32, minHeight: 32, p: 0, fontSize: 18 }, onClick: () => {
+        }, children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", alignItems: "center", p: 0.5, pl: 1.5, borderBottom: 1, borderColor: "grey.200", children: [(0, jsx_runtime_1.jsx)(material_1.Box, { children: language }), (0, jsx_runtime_1.jsx)(material_1.Box, { flex: 1 }), (0, jsx_runtime_1.jsx)(ActionButton_1.default, { autoReset: true, tip: t('copyToClipboard'), 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" }), sx: { minWidth: 32, minHeight: 32, p: 0, fontSize: 18 }, onClick: () => {
                             window.navigator.clipboard.writeText(childrenProps.children);
                         } })] }), children] }));
 }

package/lib/cjs/builtin/async/ai-runtime/components/{RuntimeProvider.js → RuntimeCommonProvider.js}

@@ -13,10 +13,10 @@ const locale_1 = require("../../../locale");
 const locales_1 = require("../locales");
 const GlobalLoading_1 = __importDefault(require("./GlobalLoading"));
 const ThemeProvider_1 = __importDefault(require("./ThemeProvider"));
-function RuntimeProvider({ children }) {
+function RuntimeCommonProvider({ children }) {
     return ((0, jsx_runtime_1.jsx)(RuntimeLocaleProvider, { children: (0, jsx_runtime_1.jsx)(ThemeProvider_1.default, { children: (0, jsx_runtime_1.jsxs)(react_error_boundary_1.ErrorBoundary, { FallbackComponent: ErrorRender, children: [(0, jsx_runtime_1.jsx)(GlobalLoading_1.default, { sx: { position: 'fixed', left: 0, top: 0, width: '100%', zIndex: 'snackbar' } }), (0, jsx_runtime_1.jsx)(react_1.default.Suspense, { fallback: (0, jsx_runtime_1.jsx)(material_1.Stack, { flexGrow: 1, alignItems: "center", justifyContent: "center", children: (0, jsx_runtime_1.jsx)(material_1.CircularProgress, { size: 24 }) }), children: children })] }) }) }));
 }
-exports.default = RuntimeProvider;
+exports.default = RuntimeCommonProvider;
 function ErrorRender({ error }) {
     return ((0, jsx_runtime_1.jsx)(ux_1.Result, { status: error.status || 'error', description: error.message, sx: { bgcolor: 'transparent', mt: '20%' } }));
 }

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

@@ -1,12 +1,26 @@
 "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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
 };
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
@@ -23,68 +37,37 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useScrollToBottomModule = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const react_1 = require("react");
-const react_scroll_to_bottom_1 = __importDefault(require("../../react-scroll-to-bottom"));
-const scrollToBottomModuleLoader = {};
-function loadScrollToBottomModule() {
-    var _a;
-    (_a = scrollToBottomModuleLoader.promise) !== null && _a !== void 0 ? _a : (scrollToBottomModuleLoader.promise = (0, react_scroll_to_bottom_1.default)()
-        .then((mod) => {
-        scrollToBottomModuleLoader.mod = mod;
-        return mod;
-    })
-        .catch((error) => {
-        scrollToBottomModuleLoader.error = error;
-        throw error;
-    }));
-    return scrollToBottomModuleLoader;
-}
-function useScrollToBottomModule() {
-    const loader = loadScrollToBottomModule();
-    const [mod, setMod] = (0, react_1.useState)(loader.mod);
-    const [error, setError] = (0, react_1.useState)(loader.error);
-    (0, react_1.useEffect)(() => {
-        (() => __awaiter(this, void 0, void 0, function* () {
-            try {
-                yield loader.promise;
-                if (loader.mod)
-                    setMod(loader.mod);
-                else if (loader.error)
-                    setError(loader.error);
-            }
-            catch (error) {
-                setError(error);
-            }
-        }))();
-    }, []);
-    if (mod)
-        return mod;
-    if (error)
-        throw error;
-    throw loader.promise;
-}
-exports.useScrollToBottomModule = useScrollToBottomModule;
+const scrollToBottom = __importStar(require("react-scroll-to-bottom"));
+// @ts-ignore
+const useInternalContext_1 = __importDefault(require("react-scroll-to-bottom/lib/esm/hooks/internal/useInternalContext"));
+// @ts-ignore
+const Composer = scrollToBottom.Composer;
 function ScrollView(_a) {
-    var { children, initialScrollBehavior } = _a, props = __rest(_a, ["children", "initialScrollBehavior"]);
-    const { Composer } = useScrollToBottomModule();
-    return ((0, jsx_runtime_1.jsx)(Composer, { initialScrollBehavior: initialScrollBehavior, children: (0, jsx_runtime_1.jsx)(ScrollViewWithinWindow, Object.assign({}, props, { children: children })) }));
+    var { disabled, children, scroll, component, initialScrollBehavior } = _a, props = __rest(_a, ["disabled", "children", "scroll", "component", "initialScrollBehavior"]);
+    if (disabled) {
+        if (component) {
+            return ((0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ component: component }, props, { children: children })));
+        }
+        return children;
+    }
+    return ((0, jsx_runtime_1.jsx)(Composer, { initialScrollBehavior: initialScrollBehavior, children: (0, jsx_runtime_1.jsx)(ScrollViewWithinWindow, Object.assign({ scroll: scroll, component: component }, props, { children: children })) }));
 }
 exports.default = ScrollView;
 function ScrollViewWithinWindow(_a) {
-    var { children, scroller, component } = _a, props = __rest(_a, ["children", "scroller", "component"]);
-    const { setTarget } = useScrollToBottomModule().useInternalContext();
+    var { children, scroll, component } = _a, props = __rest(_a, ["children", "scroll", "component"]);
+    const { setTarget } = (0, useInternalContext_1.default)();
     const ele = useFakeScrollElementOfWindow();
     (0, react_1.useEffect)(() => {
-        if (scroller === 'window') {
+        if (scroll === 'window') {
             setTarget(ele);
         }
-    }, [scroller]);
+    }, [scroll]);
     if (!component)
         return children;
-    return ((0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ component: component }, props, { ref: !scroller ? setTarget : undefined, children: children })));
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ component: component }, props, { ref: !scroll ? setTarget : undefined, children: children })));
 }
 function useFakeScrollElementOfWindow() {
     return (0, react_1.useMemo)(() => {

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

@@ -22,7 +22,6 @@ const react_2 = require("react");
 const react_share_1 = require("react-share");
 const locale_1 = require("../../../locale");
 const locales_1 = require("../locales");
-const utils_1 = require("../utils");
 const MenuButton_1 = __importDefault(require("./MenuButton"));
 const getFormattedUrl = (url) => {
     // remove page & sessionId query params
@@ -88,8 +87,14 @@ function SocialShareMenu(_a) {
 exports.SocialShareMenu = SocialShareMenu;
 function SocialShareButtons(_a) {
     var { url = getFormattedUrl(window.location.href), content, sx, itemSx, onClick, bgFill, iconFill } = _a, rest = __rest(_a, ["url", "content", "sx", "itemSx", "onClick", "bgFill", "iconFill"]);
-    const mergedSx = (0, utils_1.mergeSx)({ display: 'flex', alignItems: 'center', gap: 0.5, lineHeight: 1 }, sx);
-    const mergedItemSx = (0, utils_1.mergeSx)({ width: { xs: 24, sm: 28 }, height: { xs: 24, sm: 28 }, borderRadius: 1 }, itemSx);
+    const mergedSx = [
+        { display: 'flex', alignItems: 'center', gap: 0.5, lineHeight: 1 },
+        ...(Array.isArray(sx) ? sx : [sx]),
+    ];
+    const mergedItemSx = [
+        { width: { xs: 24, sm: 28 }, height: { xs: 24, sm: 28 }, borderRadius: 1 },
+        ...(Array.isArray(itemSx) ? itemSx : [itemSx]),
+    ];
     const iconProps = {
         bgStyle: { fill: bgFill || '#bbb' },
         iconFillColor: iconFill || '#fff',

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

@@ -98,27 +98,6 @@ function ThemeProvider({ children, template, transparentHeaderBg, }) {
                         },
                     ],
                 },
-                MuiDialog: {
-                    variants: [
-                        {
-                            props: {},
-                            style: ({ theme }) => theme.unstable_sx({
-                                '.MuiDialogTitle-root': {
-                                    px: 2.5,
-                                    py: 2,
-                                },
-                                '.MuiDialogContent-root': {
-                                    px: 2.5,
-                                    py: 2,
-                                },
-                                '.MuiDialogActions-root': {
-                                    px: 2.5,
-                                    py: 2,
-                                },
-                            }),
-                        },
-                    ],
-                },
             },
         };
         const paletteTheme = (0, material_1.createTheme)({

package/lib/cjs/builtin/async/ai-runtime/components/{common/UserInfo.js → UserInfo.js}

@@ -20,7 +20,7 @@ const DID_1 = __importDefault(require("@arcblock/ux/lib/DID"));
 const material_1 = require("@mui/material");
 const dayjs_1 = __importDefault(require("dayjs"));
 const react_1 = require("react");
-const ux_1 = require("../../../../arcblock/ux");
+const ux_1 = require("../../../arcblock/ux");
 function UserInfo(_a) {
     var { avatar, showDID, did, name, time, children, reverse } = _a, restProps = __rest(_a, ["avatar", "showDID", "did", "name", "time", "children", "reverse"]);
     return ((0, jsx_runtime_1.jsxs)(material_1.Stack, Object.assign({ className: "user-info", alignItems: "center", direction: reverse ? 'row-reverse' : 'row', gap: 1.5 }, restProps, { children: [(avatar || did) && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {

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

@@ -1,5 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PAYMENT_KIT_DID = exports.AI_STUDIO_DID = void 0;
+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.AI_STUDIO_DID = 'z8iZpog7mcgcgBZzTiXJCWESvmnRrQmnd3XBB';
 exports.PAYMENT_KIT_DID = 'z2qaCNvKMv5GjouKdcDWexv6WqtHbpNPQDnAk';
+exports.DEFAULT_PAGE_COMPONENT_ID = 'ctnxha29uu8cx4xv';
+exports.DEFAULT_INPUT_COMPONENT_ID = '1wwtemqcdio6nqf0';
+exports.DEFAULT_OUTPUT_COMPONENT_ID = 'q0ckknkxph4hfwas';

package/lib/cjs/builtin/async/ai-runtime/{components/runtime/contexts → contexts}/CurrentAgent.js

@@ -2,17 +2,17 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useCurrentAgent = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const aid_1 = require("@blocklet/ai-runtime/common/aid");
 const types_1 = require("@blocklet/ai-runtime/types");
 const react_1 = require("react");
-const utils_1 = require("../../../utils");
 const constants_1 = require("../constants");
-const assistant_1 = require("../state/assistant");
+const agent_1 = require("../state/agent");
 const runtime_1 = require("../state/runtime");
 const context = (0, react_1.createContext)(undefined);
 function CurrentAgentProvider({ agentId, children }) {
     const { aid } = (0, runtime_1.useRuntimeState)();
     const state = (0, react_1.useMemo)(() => ({
-        aid: (0, utils_1.stringifyIdentity)(Object.assign(Object.assign({}, (0, utils_1.parseIdentity)(aid, { rejectWhenError: true })), { assistantId: agentId })),
+        aid: (0, aid_1.stringifyIdentity)(Object.assign(Object.assign({}, (0, aid_1.parseIdentity)(aid, { rejectWhenError: true })), { assistantId: agentId })),
     }), [aid, agentId]);
     return (0, jsx_runtime_1.jsx)(context.Provider, { value: state, children: children });
 }
@@ -23,7 +23,7 @@ function useCurrentAgent() {
     if (!current) {
         throw new Error('No such current agent state. You should use `useCurrentAgent` within the `CurrentAgentProvider`');
     }
-    const [agent] = (0, assistant_1.useAssistantState)({ aid: current.aid, working });
+    const [agent] = (0, agent_1.useAgentState)({ aid: current.aid, working });
     const appearanceInput = (0, react_1.useMemo)(() => {
         var _a, _b, _c;
         return (_c = (_b = (_a = agent.outputVariables) === null || _a === void 0 ? void 0 : _a.find((i) => i.name === types_1.RuntimeOutputVariable.appearanceInput)) === null || _b === void 0 ? void 0 : _b.initialValue) !== null && _c !== void 0 ? _c : { componentId: constants_1.DEFAULT_INPUT_COMPONENT_ID };

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

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RuntimeProviderFromUrl = exports.useRuntimeContext = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_router_dom_1 = require("react-router-dom");
+const error_1 = require("../error");
+const runtimeContext = (0, react_1.createContext)(undefined);
+function useRuntimeContext() {
+    const context = (0, react_1.useContext)(runtimeContext);
+    if (!context) {
+        throw new Error('No such runtime context. You should use `useRuntimeContext` within the `RuntimeProvider`');
+    }
+    return context;
+}
+exports.useRuntimeContext = useRuntimeContext;
+function RuntimeProvider({ aid, working, children, }) {
+    if (!aid)
+        throw new Error('Missing required props `aid`');
+    const value = (0, react_1.useMemo)(() => ({ aid, working }), [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 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 }));
+}
+exports.RuntimeProviderFromUrl = RuntimeProviderFromUrl;

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

@@ -17,73 +17,26 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ChatBot = exports.AIRuntime = exports.PhotoGalleryItem = exports.ChatOutput = exports.SimpleOutput = exports.AutoForm = exports.PhotoGallery = exports.SimpleChat = exports.SimplePage = exports.Runtime = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const react_1 = require("react");
-const react_error_boundary_1 = require("react-error-boundary");
-const ux_1 = require("../../arcblock/ux");
-const common_1 = require("./components/common");
-const runtime_chat_1 = __importDefault(require("./components/runtime-chat"));
-const runtime_form_1 = __importDefault(require("./components/runtime-form"));
-const RuntimeProvider_1 = __importDefault(require("./components/RuntimeProvider"));
-const ScrollView_1 = __importDefault(require("./components/ScrollView"));
-const CheckSession_1 = __importDefault(require("./components/session/CheckSession"));
-const header_1 = require("./hooks/header");
-const navigate_1 = require("./hooks/navigate");
-const assistant_1 = require("./state/assistant");
-__exportStar(require("./components/runtime/contexts/CurrentAgent"), exports);
-__exportStar(require("./components/runtime/contexts/CurrentMessage"), exports);
-__exportStar(require("./components/runtime/state/runtime"), exports);
-__exportStar(require("./components/runtime/state/session"), exports);
-var runtime_1 = require("./components/runtime");
-Object.defineProperty(exports, "Runtime", { enumerable: true, get: function () { return __importDefault(runtime_1).default; } });
-var SimplePage_1 = require("./components/runtime/components/SimplePage");
+exports.PhotoGalleryItem = exports.ChatOutput = exports.SimpleOutput = exports.AutoForm = exports.PhotoGallery = exports.SimpleChat = exports.SimplePage = exports.ChatBotButton = exports.Runtime = void 0;
+__exportStar(require("./contexts/CurrentAgent"), exports);
+__exportStar(require("./contexts/CurrentMessage"), exports);
+__exportStar(require("./state/runtime"), exports);
+__exportStar(require("./state/session"), exports);
+var Runtime_1 = require("./runtime/Runtime");
+Object.defineProperty(exports, "Runtime", { enumerable: true, get: function () { return __importDefault(Runtime_1).default; } });
+var ChatBotButton_1 = require("./runtime/ChatBotButton");
+Object.defineProperty(exports, "ChatBotButton", { enumerable: true, get: function () { return __importDefault(ChatBotButton_1).default; } });
+var SimplePage_1 = require("./runtime-components/SimplePage");
 Object.defineProperty(exports, "SimplePage", { enumerable: true, get: function () { return __importDefault(SimplePage_1).default; } });
-var SimpleChat_1 = require("./components/runtime/components/SimpleChat");
+var SimpleChat_1 = require("./runtime-components/SimpleChat");
 Object.defineProperty(exports, "SimpleChat", { enumerable: true, get: function () { return __importDefault(SimpleChat_1).default; } });
-var PhotoGallery_1 = require("./components/runtime/components/PhotoGallery");
+var PhotoGallery_1 = require("./runtime-components/PhotoGallery");
 Object.defineProperty(exports, "PhotoGallery", { enumerable: true, get: function () { return __importDefault(PhotoGallery_1).default; } });
-var AutoForm_1 = require("./components/runtime/components/AutoForm");
+var AutoForm_1 = require("./runtime-components/AutoForm");
 Object.defineProperty(exports, "AutoForm", { enumerable: true, get: function () { return __importDefault(AutoForm_1).default; } });
-var SimpleOutput_1 = require("./components/runtime/components/SimpleOutput");
+var SimpleOutput_1 = require("./runtime-components/SimpleOutput");
 Object.defineProperty(exports, "SimpleOutput", { enumerable: true, get: function () { return __importDefault(SimpleOutput_1).default; } });
-var ChatOutput_1 = require("./components/runtime/components/ChatOutput");
+var ChatOutput_1 = require("./runtime-components/ChatOutput");
 Object.defineProperty(exports, "ChatOutput", { enumerable: true, get: function () { return __importDefault(ChatOutput_1).default; } });
-var PhotoGalleryItem_1 = require("./components/runtime/components/PhotoGalleryItem");
+var PhotoGalleryItem_1 = require("./runtime-components/PhotoGalleryItem");
 Object.defineProperty(exports, "PhotoGalleryItem", { enumerable: true, get: function () { return __importDefault(PhotoGalleryItem_1).default; } });
-function App(props) {
-    const cacheId = (0, react_1.useId)();
-    return ((0, jsx_runtime_1.jsx)(RuntimeProvider_1.default, { children: (0, jsx_runtime_1.jsx)(AIRuntime, Object.assign({}, props, { cacheId: cacheId })) }));
-}
-exports.default = App;
-function AIRuntime({ cacheId }) {
-    var _a;
-    const page = (0, navigate_1.useCurrentPage)();
-    const { assistantId } = page;
-    const [assistant] = (0, assistant_1.useAssistantState)({ assistantId });
-    (0, header_1.useSetHeader)({ assistant, assistantId });
-    return ((0, jsx_runtime_1.jsx)(CheckSession_1.default, { cacheId: cacheId, page: page, children: (0, jsx_runtime_1.jsx)(ScrollView_1.default, { scroller: "window", initialScrollBehavior: "auto", children: (0, jsx_runtime_1.jsx)(material_1.Stack, { flexGrow: 1, height: "100%", className: "ai-runtime-root", children: ((_a = assistant.release) === null || _a === void 0 ? void 0 : _a.template) === 'form' ? (0, jsx_runtime_1.jsx)(runtime_form_1.default, { page: page }) : (0, jsx_runtime_1.jsx)(runtime_chat_1.default, { page: page }) }) }) }));
-}
-exports.AIRuntime = AIRuntime;
-function ChatBot(props) {
-    if (!props.assistantId)
-        throw new Error('Missing required parameter assistantId');
-    const navigate = (0, react_1.useCallback)((page) => {
-        setPage((state) => (Object.assign(Object.assign({}, state), page)));
-    }, []);
-    const [page, setPage] = (0, react_1.useState)({
-        page: 'assistant',
-        assistantId: props.assistantId,
-        navigate,
-    });
-    const cacheId = (0, react_1.useId)();
-    return ((0, jsx_runtime_1.jsx)(RuntimeProvider_1.default, { children: (0, jsx_runtime_1.jsx)(react_error_boundary_1.ErrorBoundary, { FallbackComponent: ChatBotErrorView, children: (0, jsx_runtime_1.jsx)(react_1.Suspense, { children: (0, jsx_runtime_1.jsx)(common_1.ChatBot, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)(CheckSession_1.default, { cacheId: cacheId, autoCreateSession: true, page: page, children: (0, jsx_runtime_1.jsx)(runtime_chat_1.default, { page: page }) }) })) }) }) }));
-}
-exports.ChatBot = ChatBot;
-function ChatBotErrorView({ error }) {
-    (0, react_1.useEffect)(() => {
-        ux_1.Toast.error(error.message);
-    }, [error]);
-    return null;
-}