@blocklet/aigne-hub 0.2.7

package/lib/cjs/api/config.js

@@ -0,0 +1,46 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const events_1 = require("events");
+const fs_1 = require("fs");
+const promises_1 = require("fs/promises");
+const path_1 = require("path");
+const config_1 = __importDefault(require("@blocklet/sdk/lib/config"));
+const yaml_1 = require("yaml");
+const logger_1 = __importDefault(require("../libs/logger"));
+class Config extends events_1.EventEmitter {
+    constructor() {
+        super();
+        this.reloadConfigFile = async () => {
+            try {
+                this.config = (0, yaml_1.parse)((await (0, promises_1.readFile)(Config.CONFIG_FILE_PATH)).toString());
+            }
+            catch (error) {
+                logger_1.default.error(`Parse ${Config.CONFIG_FILE_PATH} error`, { error });
+            }
+        };
+        if (!(0, fs_1.existsSync)(Config.CONFIG_FILE_PATH)) {
+            (0, fs_1.writeFileSync)(Config.CONFIG_FILE_PATH, '');
+        }
+        this.reloadConfigFile();
+    }
+    get useAIKitService() {
+        var _a;
+        return (_a = this.config) === null || _a === void 0 ? void 0 : _a.useAIKitService;
+    }
+    set useAIKitService(value) {
+        var _a;
+        (_a = this.config) !== null && _a !== void 0 ? _a : (this.config = {});
+        this.config.useAIKitService = value;
+        this.save();
+        this.emit('change', this.config);
+    }
+    async save() {
+        await (0, promises_1.writeFile)(Config.CONFIG_FILE_PATH, (0, yaml_1.stringify)(this.config));
+    }
+}
+Config.CONFIG_FILE_PATH = (0, path_1.join)(config_1.default.env.dataDir, 'ai-kit-service.config.yaml');
+const AIKitConfig = new Config();
+exports.default = AIKitConfig;

package/lib/cjs/api/constants.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AI_KIT_BASE_URL = void 0;
+exports.AI_KIT_BASE_URL = process.env.AI_KIT_BASE_URL || 'https://www.aikit.rocks/ai-kit';

package/lib/cjs/api/error.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CreditError = exports.SubscriptionError = exports.CreditErrorType = exports.SubscriptionErrorType = void 0;
+var SubscriptionErrorType;
+(function (SubscriptionErrorType) {
+    SubscriptionErrorType["UNSUBSCRIBED"] = "UNSUBSCRIBED";
+    SubscriptionErrorType["UNKNOWN"] = "UNKNOWN";
+})(SubscriptionErrorType || (exports.SubscriptionErrorType = SubscriptionErrorType = {}));
+var CreditErrorType;
+(function (CreditErrorType) {
+    CreditErrorType["NOT_ENOUGH"] = "NOT_ENOUGH";
+    CreditErrorType["UNKNOWN"] = "UNKNOWN";
+})(CreditErrorType || (exports.CreditErrorType = CreditErrorType = {}));
+const SubscriptionErrors = {
+    [SubscriptionErrorType.UNSUBSCRIBED]: 'Hello, in order to continue chatting, please first subscribe to AI-KIT service',
+    [SubscriptionErrorType.UNKNOWN]: 'An unknown error occurred',
+};
+class SubscriptionError extends Error {
+    constructor(type) {
+        const message = SubscriptionErrors[type] || SubscriptionErrors[SubscriptionErrorType.UNKNOWN];
+        super(message);
+        this.timestamp = new Date().toISOString();
+        this.type = type;
+    }
+}
+exports.SubscriptionError = SubscriptionError;
+const CreditErrors = {
+    [CreditErrorType.NOT_ENOUGH]: 'Hello, in order to continue chatting, please first buy some credits in the link below.',
+    [CreditErrorType.UNKNOWN]: 'An unknown error occurred',
+};
+class CreditError extends Error {
+    constructor(type, link) {
+        let message = CreditErrors[type] || CreditErrors[CreditErrorType.UNKNOWN];
+        if (type === CreditErrorType.NOT_ENOUGH && link) {
+            message += `\n\n${link}`;
+        }
+        super(message);
+        this.timestamp = new Date().toISOString();
+        this.type = type;
+    }
+}
+exports.CreditError = CreditError;

package/lib/cjs/api/index.js

@@ -0,0 +1,19 @@
+"use strict";
+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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ai-kit"), exports);
+__exportStar(require("./error"), exports);
+__exportStar(require("./app"), exports);

package/lib/cjs/api/types/audio.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/cjs/api/types/chat.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isChatCompletionChunk = isChatCompletionChunk;
+exports.isChatCompletionUsage = isChatCompletionUsage;
+exports.isChatCompletionError = isChatCompletionError;
+function isChatCompletionChunk(data) {
+    return typeof data.delta === 'object';
+}
+function isChatCompletionUsage(data) {
+    return typeof data.usage === 'object';
+}
+function isChatCompletionError(data) {
+    return typeof data.error === 'object';
+}

package/lib/cjs/api/types/embedding.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/cjs/api/types/image.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/cjs/api/types/index.js

@@ -0,0 +1,19 @@
+"use strict";
+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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./chat"), exports);
+__exportStar(require("./image"), exports);
+__exportStar(require("./embedding"), exports);

package/lib/cjs/api/types/status.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/cjs/api/utils/auth.js

@@ -0,0 +1,90 @@
+"use strict";
+/// <reference path="./auth.type.d.ts" />
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ensureAdmin = exports.wallet = void 0;
+exports.appIdFromPublicKey = appIdFromPublicKey;
+exports.verifyRemoteComponentCall = verifyRemoteComponentCall;
+exports.signRemoteComponentCall = signRemoteComponentCall;
+exports.getRemoteComponentCallHeaders = getRemoteComponentCallHeaders;
+exports.ensureRemoteComponentCall = ensureRemoteComponentCall;
+const did_1 = require("@arcblock/did");
+const middlewares_1 = require("@blocklet/sdk/lib/middlewares");
+const wallet_1 = __importDefault(require("@blocklet/sdk/lib/wallet"));
+const mcrypto_1 = require("@ocap/mcrypto");
+const json_stable_stringify_1 = __importDefault(require("json-stable-stringify"));
+const TOKEN_EXPIRES_IN_SECONDS = 60 * 10;
+exports.wallet = (0, wallet_1.default)();
+const ADMIN_ROLES = ['owner', 'admin'];
+exports.ensureAdmin = (0, middlewares_1.auth)({ roles: ADMIN_ROLES });
+const signer = (0, mcrypto_1.getSigner)((0, did_1.DidType)('default').pk);
+function hashData({ appId, timestamp, data, userDid, }) {
+    const hasher = (0, mcrypto_1.getHasher)((0, did_1.DidType)('default').hash);
+    return hasher((0, json_stable_stringify_1.default)({ appId, timestamp, data: data || {}, userDid }), 1);
+}
+function appIdFromPublicKey(publicKey) {
+    return (0, did_1.fromPublicKey)(publicKey, (0, did_1.DidType)({ role: mcrypto_1.types.RoleType.ROLE_APPLICATION, pk: mcrypto_1.types.KeyType.ED25519, hash: mcrypto_1.types.HashType.SHA3 }));
+}
+function verifyRemoteComponentCall({ appId, timestamp, data, sig, pk, userDid, expiresIn = TOKEN_EXPIRES_IN_SECONDS, }) {
+    if (Math.abs(Date.now() / 1000 - timestamp) > expiresIn)
+        throw new Error('signature expired');
+    return signer.verify(hashData({ appId, timestamp, data, userDid }), sig, pk);
+}
+function signRemoteComponentCall({ data, userDid }) {
+    const appId = exports.wallet.address;
+    const timestamp = Math.round(Date.now() / 1000);
+    return {
+        appId,
+        timestamp,
+        userDid,
+        sig: signer.sign(hashData({ appId, timestamp, data, userDid }), exports.wallet.secretKey),
+    };
+}
+function getRemoteComponentCallHeaders(data, userDid) {
+    const { appId, timestamp, sig } = signRemoteComponentCall({ data, userDid });
+    return {
+        'x-app-id': appId,
+        'x-timestamp': timestamp.toString(),
+        'x-component-sig': sig,
+        'x-app-user-did': userDid || '',
+    };
+}
+function ensureRemoteComponentCall(getPublicKey, fallback) {
+    return async (req, res, next) => {
+        try {
+            const sig = req.get('x-component-sig');
+            const appId = req.get('x-app-id');
+            const timestamp = req.get('x-timestamp');
+            const userDid = req.get('x-app-user-did'); // Get user did
+            if (!sig || !appId || !timestamp) {
+                throw new Error('Missing required headers x-component-sig/x-app-id/x-timestamp');
+            }
+            const pk = await getPublicKey(appId);
+            if (appIdFromPublicKey(pk) !== appId)
+                throw new Error('appId and public key not match');
+            if (!verifyRemoteComponentCall({
+                appId,
+                sig,
+                timestamp: parseInt(timestamp, 10),
+                data: req.body,
+                pk,
+                userDid,
+            })) {
+                throw new Error('Validate signature error');
+            }
+            req.appClient = {
+                appId,
+                userDid,
+            };
+        }
+        catch (error) {
+            if (!fallback)
+                throw error;
+            fallback(req, res, next);
+            return;
+        }
+        next();
+    };
+}

package/lib/cjs/api/utils/event-stream.js

@@ -0,0 +1,59 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EventSourceParserStream = void 0;
+exports.readableToWeb = readableToWeb;
+exports.tryParseJsonFromResponseStream = tryParseJsonFromResponseStream;
+const web_1 = require("stream/web");
+const eventsource_parser_1 = require("eventsource-parser");
+const logger_1 = __importDefault(require("../../libs/logger"));
+function readableToWeb(readable) {
+    return new web_1.ReadableStream({
+        async start(controller) {
+            for await (const chunk of readable) {
+                controller.enqueue(chunk);
+            }
+            controller.close();
+        },
+    });
+}
+class EventSourceParserStream extends web_1.TransformStream {
+    constructor() {
+        let parser;
+        super({
+            start(controller) {
+                parser = (0, eventsource_parser_1.createParser)((event) => {
+                    if (event.type === 'event') {
+                        try {
+                            const json = JSON.parse(event.data);
+                            controller.enqueue(json);
+                        }
+                        catch (error) {
+                            logger_1.default.error('parse chunk error', { error, data: event.data });
+                        }
+                    }
+                });
+            },
+            transform(chunk) {
+                parser === null || parser === void 0 ? void 0 : parser.feed(chunk);
+            },
+        });
+    }
+}
+exports.EventSourceParserStream = EventSourceParserStream;
+async function tryParseJsonFromResponseStream(data) {
+    let text = '';
+    let json;
+    try {
+        for await (const chunk of readableToWeb(data).pipeThrough(new web_1.TextDecoderStream())) {
+            text += chunk;
+        }
+        json = JSON.parse(text);
+    }
+    catch (error) {
+        logger_1.default.error('parse json from response error', { text, error });
+    }
+    return json;
+}

package/lib/cjs/components/conversation/conversation.js

@@ -0,0 +1,71 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Conversation;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const isNil_1 = __importDefault(require("lodash/isNil"));
+const react_1 = require("react");
+const image_preview_1 = __importDefault(require("../image-preview"));
+const alert_1 = __importDefault(require("../subscribe/alert"));
+const message_1 = __importDefault(require("./message"));
+const prompt_1 = __importDefault(require("./prompt"));
+function Conversation({ ref, messages, onSubmit, customActions = () => [], renderAvatar = undefined, maxWidth = 1000, scrollContainer = undefined, promptProps = {}, ...props }) {
+    const scroller = (0, react_1.useRef)(scrollContainer !== null && scrollContainer !== void 0 ? scrollContainer : null);
+    const { element, scrollToBottom } = useAutoScrollToBottom({ scroller });
+    (0, react_1.useImperativeHandle)(ref, () => ({
+        scrollToBottom,
+    }), [scrollToBottom]);
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, { ...props, ref: scrollContainer ? undefined : scroller, sx: {
+            flexGrow: 1,
+            display: 'flex',
+            flexDirection: 'column',
+            overflow: 'auto',
+            ...props.sx,
+        }, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { mt: 2, mx: 2, flexGrow: 1, display: 'flex', flexDirection: 'column' }, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { flexGrow: 1, width: '100%', mx: 'auto', maxWidth }, children: [messages.map((msg) => {
+                            var _a, _b;
+                            const actions = customActions === null || customActions === void 0 ? void 0 : customActions(msg);
+                            return ((0, jsx_runtime_1.jsxs)(material_1.Box, { id: `conversation-${msg.id}`, children: [!(0, isNil_1.default)(msg.prompt) && ((0, jsx_runtime_1.jsx)(message_1.default, { avatar: (_a = renderAvatar === null || renderAvatar === void 0 ? void 0 : renderAvatar(msg, false)) !== null && _a !== void 0 ? _a : (0, jsx_runtime_1.jsx)(material_1.Avatar, { sx: { bgcolor: 'secondary.main' }, children: "\uD83E\uDDD1" }), message: msg.prompt, actions: actions === null || actions === void 0 ? void 0 : actions[0] })), (!(0, isNil_1.default)(msg.response) || !(0, isNil_1.default)(msg.loading) || !(0, isNil_1.default)(msg.error)) && ((0, jsx_runtime_1.jsxs)(message_1.default, { my: 1, id: `response-${msg.id}`, loading: msg.loading && !!msg.response, message: typeof msg.response === 'string' ? msg.response : undefined, avatar: (_b = renderAvatar === null || renderAvatar === void 0 ? void 0 : renderAvatar(msg, true)) !== null && _b !== void 0 ? _b : (0, jsx_runtime_1.jsx)(material_1.Avatar, { sx: { bgcolor: 'primary.main' }, children: "\uD83E\uDD16\uFE0F" }), actions: actions === null || actions === void 0 ? void 0 : actions[1], children: [Array.isArray(msg.response) && ((0, jsx_runtime_1.jsx)(image_preview_1.default, { itemWidth: 100, dataSource: msg.response.map(({ url }) => {
+                                                    return {
+                                                        src: url,
+                                                        onLoad: () => scrollToBottom(),
+                                                    };
+                                                }) })), msg.error ? ((0, jsx_runtime_1.jsx)(alert_1.default, { error: msg.error })) : (msg.loading &&
+                                                !msg.response && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                                                    minHeight: 24,
+                                                    display: 'flex',
+                                                    alignItems: 'center',
+                                                }, children: (0, jsx_runtime_1.jsx)(material_1.CircularProgress, { size: 16 }) })))] }))] }, msg.id));
+                        }), element] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { mx: 'auto', width: '100%', maxWidth, position: 'sticky', bottom: 0 }, children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                                height: 16,
+                                pointerEvents: 'none',
+                                background: (theme) => `linear-gradient(transparent, ${theme.palette.background.paper})`,
+                            } }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                                pb: 2,
+                                bgcolor: 'background.paper',
+                            }, children: (0, jsx_runtime_1.jsx)(prompt_1.default, { onSubmit: onSubmit, ...promptProps }) })] })] }) }));
+}
+const STICKY_SCROLL_BOTTOM_GAP = 5;
+const useAutoScrollToBottom = ({ scroller }) => {
+    const element = (0, react_1.useRef)(null);
+    const enableAutoScrollBottom = (0, react_1.useRef)(true);
+    (0, react_1.useEffect)(() => {
+        const e = scroller.current;
+        if (!e) {
+            return () => { };
+        }
+        const listener = () => {
+            enableAutoScrollBottom.current = e.clientHeight + e.scrollTop >= e.scrollHeight - STICKY_SCROLL_BOTTOM_GAP;
+        };
+        e.addEventListener('scroll', listener);
+        return () => e.removeEventListener('scroll', listener);
+    }, [scroller]);
+    const scrollToBottom = (0, react_1.useCallback)(({ force } = {}) => {
+        if (force || enableAutoScrollBottom.current) {
+            setTimeout(() => { var _a, _b; return (_b = (_a = element.current) === null || _a === void 0 ? void 0 : _a.scrollIntoViewIfNeeded) === null || _b === void 0 ? void 0 : _b.call(_a); });
+        }
+    }, []);
+    return { element: (0, jsx_runtime_1.jsx)("div", { ref: element }), scrollToBottom };
+};

package/lib/cjs/components/conversation/index.js

@@ -0,0 +1,25 @@
+"use strict";
+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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useConversation = void 0;
+const conversation_1 = __importDefault(require("./conversation"));
+exports.default = conversation_1.default;
+__exportStar(require("./conversation"), exports);
+var use_conversation_1 = require("./use-conversation");
+Object.defineProperty(exports, "useConversation", { enumerable: true, get: function () { return __importDefault(use_conversation_1).default; } });

package/lib/cjs/components/conversation/message.js

@@ -0,0 +1,120 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Message;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const css_1 = require("@emotion/css");
+const styled_1 = __importDefault(require("@emotion/styled"));
+const icons_material_1 = require("@mui/icons-material");
+const material_1 = require("@mui/material");
+const react_1 = require("react");
+const react_markdown_1 = __importDefault(require("react-markdown"));
+function Message({ avatar = undefined, message = undefined, children = undefined, loading = false, actions = undefined, ...props }) {
+    const text = (0, react_1.useMemo)(() => (typeof message === 'string' ? message : message === null || message === void 0 ? void 0 : message.map((i) => `${i.role}: ${i.content}`).join('\n\n')), [message]);
+    return ((0, jsx_runtime_1.jsxs)(Root, { ...props, display: "flex", children: [(0, jsx_runtime_1.jsx)(material_1.Box, { className: "avatar", sx: {
+                    mr: 1,
+                }, children: avatar }), (0, jsx_runtime_1.jsxs)(material_1.Box, { className: (0, css_1.cx)('content'), children: [(0, jsx_runtime_1.jsx)(material_1.Box, { component: react_markdown_1.default, className: (0, css_1.cx)('message', loading && 'cursor'), children: text }), children, (0, jsx_runtime_1.jsxs)(material_1.Box, { className: "actions", children: [actions, text && (0, jsx_runtime_1.jsx)(CopyButton, { message: text }, "copy")] })] })] }));
+}
+function CopyButton({ message }) {
+    const [copied, setCopied] = (0, react_1.useState)(false);
+    return ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: copied === 'copied' ? 'Copied!' : 'Copy', placement: "top", open: Boolean(copied), children: (0, jsx_runtime_1.jsx)(material_1.Button, { size: "small", className: (0, css_1.cx)('copy', copied && 'active'), onMouseEnter: () => setCopied(true), onMouseLeave: () => setCopied(false), onClick: () => {
+                navigator.clipboard.writeText(message);
+                setCopied('copied');
+                setTimeout(() => setCopied(false), 1500);
+            }, children: (0, jsx_runtime_1.jsx)(icons_material_1.CopyAll, { fontSize: "small" }) }) }));
+}
+const Root = (0, styled_1.default)(material_1.Box) `
+  > .avatar {
+    padding-top: 5px;
+
+    > .MuiAvatar-root {
+      width: 30px;
+      height: 30px;
+    }
+  }
+
+  > .content {
+    min-height: 40px;
+    flex: 1;
+    overflow: hidden;
+    word-break: break-word;
+    padding: 8px;
+    border-radius: 4px;
+    position: relative;
+
+    > .message {
+      > *:first-of-type {
+        margin-top: 0;
+      }
+      > *:last-child {
+        margin-bottom: 0;
+      }
+
+      pre {
+        line-height: 1.2;
+        background-color: #f6f8fa;
+        overflow: auto;
+        padding: 16px;
+        border-radius: 3px;
+      }
+
+      &.cursor {
+        > *:last-child {
+          &:after {
+            content: '';
+            display: inline-block;
+            vertical-align: middle;
+            height: 1em;
+            margin-top: -0.15em;
+            margin-left: 0.15em;
+            border-right: 0.15em solid orange;
+            animation: blink-caret 0.75s step-end infinite;
+
+            @keyframes blink-caret {
+              from,
+              to {
+                border-color: transparent;
+              }
+              50% {
+                border-color: orange;
+              }
+            }
+          }
+        }
+      }
+    }
+
+    > .actions {
+      position: absolute;
+      right: 2px;
+      top: 2px;
+      border-radius: 4px;
+      opacity: 0;
+
+      &.active {
+        display: flex;
+      }
+
+      button {
+        min-width: 0;
+        padding: 0;
+        height: 24px;
+        width: 22px;
+        color: rgba(0, 0, 0, 0.4);
+      }
+    }
+  }
+
+  &:hover {
+    > .content {
+      background-color: rgba(0, 0, 0, 0.05);
+
+      > .actions {
+        opacity: 1;
+        background-color: rgba(240, 240, 240, 0.9);
+      }
+    }
+  }
+`;

package/lib/cjs/components/conversation/prompt.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Prompt;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const icons_material_1 = require("@mui/icons-material");
+const material_1 = require("@mui/material");
+const ahooks_1 = require("ahooks");
+const react_1 = require("react");
+function Prompt({ startAdornment = undefined, endAdornment = undefined, onSubmit, slotProps = {}, sx = {}, ...props }) {
+    const [prompt, setPrompt] = (0, react_1.useState)('');
+    const { value: historyPrompt, setValue: setHistoryPrompt, forwardLength, back, go, forward } = (0, ahooks_1.useHistoryTravel)('');
+    const submit = () => {
+        if (!prompt.trim()) {
+            return;
+        }
+        go(forwardLength);
+        // wait for history to set before submitting
+        setTimeout(() => {
+            setHistoryPrompt(prompt);
+            onSubmit(prompt);
+            setPrompt('');
+        }, 50);
+    };
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { ...props, sx: { display: 'flex', gap: 1, alignItems: 'center', ...sx }, component: "form", onSubmit: (e) => e.preventDefault(), children: [startAdornment, (0, jsx_runtime_1.jsx)(material_1.Input, { fullWidth: true, disableUnderline: true, value: prompt, multiline: true, maxRows: 10, sx: { py: 0.8, px: 1, boxShadow: 2, borderRadius: 1 }, onChange: (e) => setPrompt(e.target.value), onKeyDown: (e) => {
+                    if (e.keyCode === 229) {
+                        return;
+                    }
+                    if (!e.shiftKey && e.key === 'Enter') {
+                        e.preventDefault();
+                        submit();
+                    }
+                    else if (e.key === 'ArrowUp') {
+                        e.preventDefault();
+                        back();
+                        setPrompt(historyPrompt || '');
+                    }
+                    else if (e.key === 'ArrowDown') {
+                        e.preventDefault();
+                        forward();
+                        setPrompt(historyPrompt || '');
+                    }
+                }, endAdornment: (0, jsx_runtime_1.jsx)(material_1.InputAdornment, { position: "end", children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: submit, size: "small", type: "submit", children: (0, jsx_runtime_1.jsx)(icons_material_1.Send, { fontSize: "small" }) }) }), ...slotProps }), endAdornment] }));
+}