@blocklet/pages-kit 0.2.285 → 0.2.287

package/lib/cjs/builtin/async/ai-runtime/state/subscription.js

@@ -0,0 +1,52 @@
+"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());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSubscriptionState = exports.createAssistantState = void 0;
+const zustand_1 = require("zustand");
+const immer_1 = require("zustand/middleware/immer");
+const subscription_1 = require("../api/subscription");
+const STATES = {};
+const createAssistantState = ({ aid }) => {
+    var _a;
+    (_a = STATES[aid]) !== null && _a !== void 0 ? _a : (STATES[aid] = (0, zustand_1.create)()((0, immer_1.immer)((set) => ({
+        load: () => __awaiter(void 0, void 0, void 0, function* () {
+            set((state) => {
+                state.loading = true;
+            });
+            try {
+                const [{ subscription }, release] = yield Promise.all([(0, subscription_1.getSubscription)({ aid }), (0, subscription_1.getRelease)({ aid })]);
+                set((state) => {
+                    state.subscription = subscription;
+                    state.release = release;
+                });
+            }
+            finally {
+                set((state) => {
+                    state.loading = false;
+                    state.loaded = true;
+                });
+            }
+        }),
+    }))));
+    return STATES[aid];
+};
+exports.createAssistantState = createAssistantState;
+const LOADING_TASKS = {};
+function useSubscriptionState({ aid }) {
+    var _a;
+    const state = (0, exports.createAssistantState)({ aid })();
+    if (!state.loaded && !state.subscription) {
+        (_a = LOADING_TASKS[aid]) !== null && _a !== void 0 ? _a : (LOADING_TASKS[aid] = state.load());
+        throw LOADING_TASKS[aid];
+    }
+    return [state.subscription, state];
+}
+exports.useSubscriptionState = useSubscriptionState;

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

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mergeSx = exports.deepMerge = exports.stringifyIdentity = exports.parseIdentity = void 0;
+const js_base64_1 = require("js-base64");
+function parseIdentity(aid, options) {
+    let projectId;
+    let projectRef;
+    let assistantId;
+    try {
+        const s = js_base64_1.Base64.decode(aid).split('/');
+        [projectId, projectRef, assistantId] = s.length === 3 ? s : s.length === 2 ? [s[0], 'main', s[1]] : [];
+    }
+    catch (error) {
+        console.error('parse assistantId error', { error });
+    }
+    if (projectId && projectRef && assistantId)
+        return { projectId, projectRef, assistantId };
+    if (options === null || options === void 0 ? void 0 : options.rejectWhenError)
+        throw new Error(`Invalid assistant identity ${aid}`);
+    return undefined;
+}
+exports.parseIdentity = parseIdentity;
+function stringifyIdentity({ projectId, projectRef, assistantId, }) {
+    return js_base64_1.Base64.encodeURI([projectId, projectRef, assistantId].join('/'));
+}
+exports.stringifyIdentity = stringifyIdentity;
+function isObject(obj) {
+    return typeof obj === 'object' && !Array.isArray(obj);
+}
+function deepMerge(target, source) {
+    if (isObject(target) && isObject(source)) {
+        for (const key of Object.keys(source)) {
+            if (isObject(source[key])) {
+                if (!target[key] || !isObject(target[key]))
+                    target[key] = source[key];
+                deepMerge(target[key], source[key]);
+            }
+            else {
+                target[key] = source[key];
+            }
+        }
+    }
+}
+exports.deepMerge = deepMerge;
+const mergeSx = (initial, sx) => {
+    const mergedSx = [initial, ...(Array.isArray(sx) ? sx : [sx])];
+    return mergedSx;
+};
+exports.mergeSx = mergeSx;

package/lib/cjs/builtin/async/react-scroll-to-bottom.js

@@ -29,4 +29,4 @@ exports.default = () => Promise.all([
         ? // @ts-ignore
          Promise.resolve().then(() => __importStar(require('react-scroll-to-bottom/lib/esm/hooks/internal/useInternalContext'))) : // @ts-ignore
      Promise.resolve().then(() => __importStar(require('react-scroll-to-bottom/lib/hooks/internal/useInternalContext'))),
-]).then(([mod, { default: useInternalContext }]) => (Object.assign(Object.assign({}, mod), { useInternalContext })));
+]).then(([mod, { default: useInternalContext }]) => (Object.assign(Object.assign({}, mod), { Composer: mod.Composer, useInternalContext })));

package/lib/cjs/utils/builtin.js

@@ -69,4 +69,5 @@ exports.BuiltinModules = {
     '@blocklet/pages-kit/builtin/async/react-markdown': {},
     '@blocklet/pages-kit/builtin/async/react-syntax-highlighter': {},
     '@blocklet/pages-kit/builtin/async/image-preview': {},
+    '@blocklet/pages-kit/builtin/async/ai-runtime': {},
 };

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

@@ -24,6 +24,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const arcblockUx = __importStar(require("../builtin/arcblock/ux"));
+const aiRuntime = __importStar(require("../builtin/async/ai-runtime"));
 const imagePreview = __importStar(require("../builtin/async/image-preview"));
 const reactMarkdown = __importStar(require("../builtin/async/react-markdown"));
 const reactScrollToBottom = __importStar(require("../builtin/async/react-scroll-to-bottom"));
@@ -75,6 +76,7 @@ function injectGlobalComponents() {
             '@blocklet/pages-kit/builtin/async/react-markdown': reactMarkdown,
             '@blocklet/pages-kit/builtin/async/react-syntax-highlighter': reactSyntaxHighlighter,
             '@blocklet/pages-kit/builtin/async/image-preview': imagePreview,
+            '@blocklet/pages-kit/builtin/async/ai-runtime': aiRuntime,
         },
         require(module) {
             return win[builtin_1.BuiltinModulesGlobalVariableName].modules[module];

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

@@ -0,0 +1,22 @@
+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());
+    });
+};
+import { joinURL } from 'ufo';
+import { getComponentMountPoint } from '../../../utils';
+import { AI_STUDIO_DID } from '../constants';
+import { parseIdentity } from '../utils';
+import { request } from './request';
+export function getAssistant(_a) {
+    return __awaiter(this, arguments, void 0, function* ({ assistantId: id }) {
+        const { projectId, projectRef, assistantId } = parseIdentity(id, { rejectWhenError: true });
+        return request({
+            url: joinURL(getComponentMountPoint(AI_STUDIO_DID), '/api/projects', projectId, 'refs', projectRef, 'assistants', assistantId),
+        });
+    });
+}

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

@@ -0,0 +1,113 @@
+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());
+    });
+};
+import { joinURL, withQuery } from 'ufo';
+import { getComponentMountPoint } from '../../../utils';
+import { AI_STUDIO_DID } from '../constants';
+import { request } from './request';
+export function getDataset(_a) {
+    return __awaiter(this, arguments, void 0, function* ({ datasetId }) {
+        const url = joinURL(getComponentMountPoint(AI_STUDIO_DID), '/api/datasets/', datasetId);
+        const result = yield request({ url });
+        if (!result)
+            throw new Error('Collection not found!');
+        return result;
+    });
+}
+export function getDatasets(_a) {
+    return __awaiter(this, arguments, void 0, function* ({ appId }) {
+        const url = withQuery(joinURL(getComponentMountPoint(AI_STUDIO_DID), '/api/datasets'), { appId });
+        return request({ url });
+    });
+}
+export function createDataset(_a) {
+    return __awaiter(this, arguments, void 0, function* ({ appId, name, description, }) {
+        return request({
+            method: 'POST',
+            url: joinURL(getComponentMountPoint(AI_STUDIO_DID), '/api/datasets'),
+            body: {
+                appId,
+                name,
+                description,
+            },
+        });
+    });
+}
+export function updateDataset(datasetId, input) {
+    return __awaiter(this, void 0, void 0, function* () {
+        return request({
+            method: 'PUT',
+            url: joinURL(getComponentMountPoint(AI_STUDIO_DID), '/api/datasets', datasetId),
+            body: input,
+        });
+    });
+}
+export function deleteDataset(datasetId) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const url = joinURL(getComponentMountPoint(AI_STUDIO_DID), '/api/datasets', datasetId);
+        return request({ method: 'DELETE', url });
+    });
+}
+export function deleteDocument(datasetId, documentId) {
+    return __awaiter(this, void 0, void 0, function* () {
+        return request({
+            method: 'DELETE',
+            url: joinURL(getComponentMountPoint(AI_STUDIO_DID), '/api/datasets', datasetId, 'documents', documentId),
+        });
+    });
+}
+export function getDocuments(datasetId) {
+    return __awaiter(this, void 0, void 0, function* () {
+        return request({
+            url: joinURL(getComponentMountPoint(AI_STUDIO_DID), '/api/datasets', datasetId, 'documents'),
+        });
+    });
+}
+export function getDocument(datasetId, documentId) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const result = yield request({
+            url: joinURL(getComponentMountPoint(AI_STUDIO_DID), '/api/datasets', datasetId, 'documents', documentId),
+        });
+        if (!(result === null || result === void 0 ? void 0 : result.document))
+            throw new Error('Document not found!');
+        return result;
+    });
+}
+export function createDocument(datasetId, type, input) {
+    return __awaiter(this, void 0, void 0, function* () {
+        if (type === 'file')
+            return createDocumentFile(datasetId, input);
+        return request({
+            method: 'POST',
+            url: joinURL(getComponentMountPoint(AI_STUDIO_DID), '/api/datasets', datasetId, 'documents', type),
+            body: input,
+        });
+    });
+}
+export function createDocumentFile(datasetId, file) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const form = new FormData();
+        form.append('data', file);
+        form.append('type', 'file');
+        form.append('filename', file.name);
+        return fetch(joinURL(getComponentMountPoint(AI_STUDIO_DID), '/api/datasets', datasetId, 'documents/file'), {
+            method: 'POST',
+            body: form,
+        }).then((res) => res.json());
+    });
+}
+export function updateDocument(datasetId, documentId, type, input) {
+    return __awaiter(this, void 0, void 0, function* () {
+        return request({
+            method: 'PUT',
+            url: joinURL(getComponentMountPoint(AI_STUDIO_DID), '/api/datasets', datasetId, 'documents', documentId, type),
+            body: input,
+        });
+    });
+}

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

@@ -0,0 +1,28 @@
+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());
+    });
+};
+import { joinURL } from 'ufo';
+import { getComponentMountPoint } from '../../../utils';
+import { AI_STUDIO_DID } from '../constants';
+import { request } from './request';
+export function getMessages(_a) {
+    return __awaiter(this, arguments, void 0, function* ({ sessionId, }) {
+        return request({
+            url: joinURL(getComponentMountPoint(AI_STUDIO_DID), '/api/sessions', sessionId, 'messages'),
+        });
+    });
+}
+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'),
+        });
+    });
+}

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

@@ -0,0 +1,43 @@
+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 { createFetch } from '@blocklet/js-sdk';
+export const fetch = createFetch();
+export function request(_a) {
+    return __awaiter(this, void 0, void 0, function* () {
+        var _b, _c, _d;
+        var { url, body } = _a, init = __rest(_a, ["url", "body"]);
+        const result = yield fetch(url, Object.assign(Object.assign({}, init), { headers: {
+                'Content-Type': 'application/json',
+            }, body: typeof body === 'object' ? JSON.stringify(body) : body }));
+        if (!(result.status >= 200 && result.status < 300)) {
+            let json;
+            try {
+                json = yield result.json();
+            }
+            catch (error) {
+                console.error('parse response error', error);
+            }
+            const message = (_d = (_c = (_b = json === null || json === void 0 ? void 0 : json.error) === null || _b === void 0 ? void 0 : _b.message) !== null && _c !== void 0 ? _c : json === null || json === void 0 ? void 0 : json.message) !== null && _d !== void 0 ? _d : json === null || json === void 0 ? void 0 : json.error;
+            throw new Error(typeof message === 'string' ? message : `request error ${result.status}`);
+        }
+        return result.json();
+    });
+}

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

@@ -0,0 +1,112 @@
+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 __await = (this && this.__await) || function (v) { return this instanceof __await ? (this.v = v, this) : new __await(v); }
+var __asyncGenerator = (this && this.__asyncGenerator) || function (thisArg, _arguments, generator) {
+    if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
+    var g = generator.apply(thisArg, _arguments || []), i, q = [];
+    return i = {}, verb("next"), verb("throw"), verb("return", awaitReturn), i[Symbol.asyncIterator] = function () { return this; }, i;
+    function awaitReturn(f) { return function (v) { return Promise.resolve(v).then(f, reject); }; }
+    function verb(n, f) { if (g[n]) { i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; if (f) i[n] = f(i[n]); } }
+    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }
+    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
+    function fulfill(value) { resume("next", value); }
+    function reject(value) { resume("throw", value); }
+    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }
+};
+import { joinURL, withQuery } from 'ufo';
+import { EventSourceParserStream } from '../../../stream';
+import { getComponentMountPoint } from '../../../utils';
+import { AI_STUDIO_DID } from '../constants';
+import { parseIdentity } from '../utils';
+import { fetch, request } from './request';
+export function getSessions(_a) {
+    return __awaiter(this, arguments, void 0, function* ({ projectId, projectRef, assistantId, }) {
+        return request({
+            url: withQuery(joinURL(getComponentMountPoint(AI_STUDIO_DID), '/api/sessions'), {
+                projectId,
+                projectRef,
+                assistantId,
+            }),
+        });
+    });
+}
+export function getSession(_a) {
+    return __awaiter(this, arguments, void 0, function* ({ sessionId }) {
+        return request({
+            url: joinURL(getComponentMountPoint(AI_STUDIO_DID), '/api/sessions', sessionId),
+        });
+    });
+}
+export function createSession(_a) {
+    return __awaiter(this, arguments, void 0, function* ({ assistantId, name, parameters, entry, }) {
+        return request({
+            method: 'POST',
+            url: joinURL(getComponentMountPoint(AI_STUDIO_DID), '/api/sessions'),
+            body: Object.assign(Object.assign({}, parseIdentity(assistantId)), { name,
+                parameters,
+                entry }),
+        });
+    });
+}
+export function updateSession(_a) {
+    return __awaiter(this, arguments, void 0, function* ({ sessionId, name, parameters, }) {
+        return request({
+            method: 'PATCH',
+            url: joinURL(getComponentMountPoint(AI_STUDIO_DID), '/api/sessions', sessionId),
+            body: { name, parameters },
+        });
+    });
+}
+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),
+        });
+    });
+}
+export function runAssistant(_a) {
+    return __asyncGenerator(this, arguments, function* runAssistant_1({ sessionId, identity, parameters, }) {
+        var _b;
+        const res = yield __await(fetch(joinURL(getComponentMountPoint(AI_STUDIO_DID), '/api/ai/call'), {
+            method: 'POST',
+            headers: {
+                '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: true })),
+        }));
+        if (!(res.status >= 200 && res.status < 300)) {
+            let json;
+            try {
+                json = yield __await(res.json());
+            }
+            catch (error) {
+                // ignore
+            }
+            const message = (_b = json === null || json === void 0 ? void 0 : json.error) === null || _b === void 0 ? void 0 : _b.message;
+            if (typeof message === 'string') {
+                throw new Error(message);
+            }
+            throw new Error(`Unknown Error: ${res.status}`);
+        }
+        const stream = res
+            .body.pipeThrough(new TextDecoderStream())
+            .pipeThrough(new EventSourceParserStream())
+            .getReader();
+        for (;;) {
+            const { value, done } = yield __await(stream.read());
+            if (value)
+                yield yield __await(value);
+            if (done)
+                break;
+        }
+    });
+}

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

@@ -0,0 +1,27 @@
+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());
+    });
+};
+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 }) {
+        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 }),
+        });
+    });
+}

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

@@ -0,0 +1,56 @@
+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 } from "react/jsx-runtime";
+import { Icon } from '@iconify/react';
+import { Box, Tooltip } from '@mui/material';
+import { useRef, useState } from 'react';
+import LoadingButton from './LoadingButton';
+export function ActionButton(_a) {
+    var { tip, tipSucceed, title, titleSucceed, icon, iconSucceed, autoReset } = _a, props = __rest(_a, ["tip", "tipSucceed", "title", "titleSucceed", "icon", "iconSucceed", "autoReset"]);
+    const [copied, setCopied] = useState(false);
+    const [error, setError] = useState();
+    const timer = useRef();
+    const onClose = () => {
+        setError(undefined);
+        if (autoReset) {
+            timer.current = window.setTimeout(() => {
+                setCopied(false);
+            }, 3000);
+        }
+    };
+    const onOpen = () => {
+        clearTimeout(timer.current);
+    };
+    const realIcon = copied ? iconSucceed : icon;
+    const toolTipTitleText = error ? _jsx(Box, { color: "error", children: error.message }) : (copied && tipSucceed) || tip;
+    const buttonText = copied ? titleSucceed : title;
+    return (_jsx(Tooltip, { title: toolTipTitleText, disableInteractive: true, placement: "top", onClose: onClose, onOpen: onOpen, children: _jsx("span", { children: _jsx(LoadingButton, Object.assign({ startIcon: realIcon && (typeof realIcon === 'string' ? _jsx(Icon, { icon: realIcon }) : realIcon), loadingPosition: realIcon ? 'start' : undefined }, props, { onClick: (e) => __awaiter(this, void 0, void 0, function* () {
+                    if (!props.onClick)
+                        return;
+                    try {
+                        yield props.onClick(e);
+                        setCopied(true);
+                    }
+                    catch (error) {
+                        setError(error);
+                    }
+                }), children: buttonText })) }) }));
+}

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

@@ -0,0 +1,56 @@
+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 } from "react/jsx-runtime";
+import { LinearProgress } from '@mui/material';
+import { create } from 'zustand';
+import { immer } from 'zustand/middleware/immer';
+export default function GlobalLoading(_a) {
+    var props = __rest(_a, []);
+    const state = globalLoadingState();
+    if (!state.loading)
+        return null;
+    return _jsx(LinearProgress, Object.assign({}, props));
+}
+export const globalLoadingState = create()(immer((set, get) => ({
+    loading: false,
+    count: 0,
+    run: (fn) => __awaiter(void 0, void 0, void 0, function* () {
+        try {
+            get().start();
+            return (yield (typeof fn === 'function' ? fn() : fn));
+        }
+        finally {
+            get().end();
+        }
+    }),
+    start: () => {
+        set((state) => {
+            state.count += 1;
+            state.loading = true;
+        });
+    },
+    end: () => {
+        set((state) => {
+            state.count = Math.max(0, state.count - 1);
+            state.loading = state.count > 0;
+        });
+    },
+})));

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

@@ -0,0 +1,38 @@
+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 } from "react/jsx-runtime";
+import { LoadingButton as MuiLoadingButton } from '@mui/lab';
+import { forwardRef, useCallback, useState } from 'react';
+const LoadingButton = forwardRef((_a, ref) => {
+    var { onClick } = _a, props = __rest(_a, ["onClick"]);
+    const [loading, setLoading] = useState(false);
+    const handleClick = useCallback((e) => __awaiter(void 0, void 0, void 0, function* () {
+        try {
+            setLoading(true);
+            yield (onClick === null || onClick === void 0 ? void 0 : onClick(e));
+        }
+        finally {
+            setLoading(false);
+        }
+    }), [onClick]);
+    return _jsx(MuiLoadingButton, Object.assign({ ref: ref }, props, { loading: props.loading || loading, onClick: handleClick }));
+});
+export default LoadingButton;