@chat-lab/ui 0.1.0-beta.8 → 0.1.0-beta.81

package/dist/assets/avatar6.png.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar6.png.js","sources":["../../src/assets/avatar6.png"],"sourcesContent":["export default \"data:image/png;base64,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\""],"names":[],"mappings":"AAAA,iBAAe;;;;"}

package/dist/assets/avatarGroup.cjs

@@ -0,0 +1,27 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var avatar1 = require('./avatar1.png.cjs');
+var avatar2 = require('./avatar2.png.cjs');
+var avatar3 = require('./avatar3.png.cjs');
+var avatar4 = require('./avatar4.png.cjs');
+var avatar5 = require('./avatar5.png.cjs');
+var avatar6 = require('./avatar6.png.cjs');
+
+const Avatar1 = () => jsxRuntime.jsx("img", { src: avatar1, alt: "avatar1" });
+const Avatar2 = () => jsxRuntime.jsx("img", { src: avatar2, alt: "avatar2" });
+const Avatar3 = () => jsxRuntime.jsx("img", { src: avatar3, alt: "avatar3" });
+const Avatar4 = () => jsxRuntime.jsx("img", { src: avatar4, alt: "avatar4" });
+const Avatar5 = () => jsxRuntime.jsx("img", { src: avatar5, alt: "avatar5" });
+const Avatar6 = () => jsxRuntime.jsx("img", { src: avatar6, alt: "avatar6" });
+const AvatarList = [
+    Avatar1,
+    Avatar2,
+    Avatar3,
+    Avatar4,
+    Avatar5,
+    Avatar6,
+];
+
+exports.AvatarList = AvatarList;
+//# sourceMappingURL=avatarGroup.cjs.map

package/dist/assets/avatarGroup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatarGroup.cjs","sources":["../../src/assets/avatarGroup.tsx"],"sourcesContent":["import avatar1Img from './avatar1.png';\nimport avatar2Img from './avatar2.png';\nimport avatar3Img from './avatar3.png';\nimport avatar4Img from './avatar4.png';\nimport avatar5Img from './avatar5.png';\nimport avatar6Img from './avatar6.png';\n\nconst Avatar1 = () => <img src={avatar1Img} alt=\"avatar1\" />;\nconst Avatar2 = () => <img src={avatar2Img} alt=\"avatar2\" />;\nconst Avatar3 = () => <img src={avatar3Img} alt=\"avatar3\" />;\nconst Avatar4 = () => <img src={avatar4Img} alt=\"avatar4\" />;\nconst Avatar5 = () => <img src={avatar5Img} alt=\"avatar5\" />;\nconst Avatar6 = () => <img src={avatar6Img} alt=\"avatar6\" />;\n\nexport const AvatarList = [\n  Avatar1,\n  Avatar2,\n  Avatar3,\n  Avatar4,\n  Avatar5,\n  Avatar6,\n];\n"],"names":["_jsx","avatar1Img","avatar2Img","avatar3Img","avatar4Img","avatar5Img","avatar6Img"],"mappings":";;;;;;;;;;AAOA,MAAM,OAAO,GAAG,MAAMA,cAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAEC,OAAU,EAAE,GAAG,EAAC,SAAS,GAAG,CAAC;AAC7D,MAAM,OAAO,GAAG,MAAMD,cAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAEE,OAAU,EAAE,GAAG,EAAC,SAAS,GAAG,CAAC;AAC7D,MAAM,OAAO,GAAG,MAAMF,cAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAEG,OAAU,EAAE,GAAG,EAAC,SAAS,GAAG,CAAC;AAC7D,MAAM,OAAO,GAAG,MAAMH,cAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAEI,OAAU,EAAE,GAAG,EAAC,SAAS,GAAG,CAAC;AAC7D,MAAM,OAAO,GAAG,MAAMJ,cAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAEK,OAAU,EAAE,GAAG,EAAC,SAAS,GAAG,CAAC;AAC7D,MAAM,OAAO,GAAG,MAAML,cAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAEM,OAAU,EAAE,GAAG,EAAC,SAAS,GAAG,CAAC;AAEhD,MAAA,UAAU,GAAG;IACxB,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;;;;;"}

package/dist/assets/avatarGroup.d.ts

@@ -0,0 +1,2 @@
+export declare const AvatarList: (() => JSX.Element)[];
+//# sourceMappingURL=avatarGroup.d.ts.map

package/dist/assets/avatarGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatarGroup.d.ts","sourceRoot":"","sources":["../../src/assets/avatarGroup.tsx"],"names":[],"mappings":"AAcA,eAAO,MAAM,UAAU,uBAOtB,CAAC"}

package/dist/assets/avatarGroup.js

@@ -0,0 +1,25 @@
+import { jsx } from 'react/jsx-runtime';
+import avatar1Img from './avatar1.png.js';
+import avatar2Img from './avatar2.png.js';
+import avatar3Img from './avatar3.png.js';
+import avatar4Img from './avatar4.png.js';
+import avatar5Img from './avatar5.png.js';
+import avatar6Img from './avatar6.png.js';
+
+const Avatar1 = () => jsx("img", { src: avatar1Img, alt: "avatar1" });
+const Avatar2 = () => jsx("img", { src: avatar2Img, alt: "avatar2" });
+const Avatar3 = () => jsx("img", { src: avatar3Img, alt: "avatar3" });
+const Avatar4 = () => jsx("img", { src: avatar4Img, alt: "avatar4" });
+const Avatar5 = () => jsx("img", { src: avatar5Img, alt: "avatar5" });
+const Avatar6 = () => jsx("img", { src: avatar6Img, alt: "avatar6" });
+const AvatarList = [
+    Avatar1,
+    Avatar2,
+    Avatar3,
+    Avatar4,
+    Avatar5,
+    Avatar6,
+];
+
+export { AvatarList };
+//# sourceMappingURL=avatarGroup.js.map

package/dist/assets/avatarGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatarGroup.js","sources":["../../src/assets/avatarGroup.tsx"],"sourcesContent":["import avatar1Img from './avatar1.png';\nimport avatar2Img from './avatar2.png';\nimport avatar3Img from './avatar3.png';\nimport avatar4Img from './avatar4.png';\nimport avatar5Img from './avatar5.png';\nimport avatar6Img from './avatar6.png';\n\nconst Avatar1 = () => <img src={avatar1Img} alt=\"avatar1\" />;\nconst Avatar2 = () => <img src={avatar2Img} alt=\"avatar2\" />;\nconst Avatar3 = () => <img src={avatar3Img} alt=\"avatar3\" />;\nconst Avatar4 = () => <img src={avatar4Img} alt=\"avatar4\" />;\nconst Avatar5 = () => <img src={avatar5Img} alt=\"avatar5\" />;\nconst Avatar6 = () => <img src={avatar6Img} alt=\"avatar6\" />;\n\nexport const AvatarList = [\n  Avatar1,\n  Avatar2,\n  Avatar3,\n  Avatar4,\n  Avatar5,\n  Avatar6,\n];\n"],"names":["_jsx"],"mappings":";;;;;;;;AAOA,MAAM,OAAO,GAAG,MAAMA,GAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,UAAU,EAAE,GAAG,EAAC,SAAS,GAAG,CAAC;AAC7D,MAAM,OAAO,GAAG,MAAMA,GAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,UAAU,EAAE,GAAG,EAAC,SAAS,GAAG,CAAC;AAC7D,MAAM,OAAO,GAAG,MAAMA,GAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,UAAU,EAAE,GAAG,EAAC,SAAS,GAAG,CAAC;AAC7D,MAAM,OAAO,GAAG,MAAMA,GAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,UAAU,EAAE,GAAG,EAAC,SAAS,GAAG,CAAC;AAC7D,MAAM,OAAO,GAAG,MAAMA,GAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,UAAU,EAAE,GAAG,EAAC,SAAS,GAAG,CAAC;AAC7D,MAAM,OAAO,GAAG,MAAMA,GAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,UAAU,EAAE,GAAG,EAAC,SAAS,GAAG,CAAC;AAEhD,MAAA,UAAU,GAAG;IACxB,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;;;;;"}

package/dist/components/Chatkit/index.cjs

@@ -2,150 +2,179 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+var lodashEs = require('lodash-es');
+var react = require('@assistant-ui/react');
+require('../../core/dist/index.cjs');
 var ChatkitContext = require('../../contexts/ChatkitContext.cjs');
-var ref = require('./ref.cjs');
-var useThread = require('../../hooks/useThread.cjs');
-var thread = require('../assistant-ui/thread.cjs');
-var index$1 = require('../../packages/core/dist/index.cjs');
+var I18nContext = require('../../contexts/I18nContext.cjs');
 var convertToAssistantMessage = require('../../utils/convertToAssistantMessage.cjs');
-var toaster = require('../ui/toaster.cjs');
-var useToast = require('../../hooks/use-toast.cjs');
-var executionCard = require('../assistant-ui-tools/execution-card.cjs');
 var convertToBase64 = require('../../utils/convertToBase64.cjs');
 var checkMedia = require('../../utils/checkMedia.cjs');
-var cloneDeep = require('../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/cloneDeep.cjs');
-var values = require('../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/values.cjs');
-var useExternalStoreRuntime = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ynfhbcwv6lgckkdmenopdkbtmq_@types_react-dom@17.0.2_@ty_7dz2xsf2ib2guiutzhjhoerypu/node_modules/@assistant-ui/react/dist/legacy-runtime/runtime-cores/external-store/useExternalStoreRuntime.cjs');
-var compact = require('../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/compact.cjs');
-var v4 = require('../../node_modules/.pnpm/uuid@13.0.0/node_modules/uuid/dist/v4.cjs');
-var AssistantRuntimeProvider = require('../../node_modules/.pnpm/@assistant-ui_react@0.11.37_patch_hash_ynfhbcwv6lgckkdmenopdkbtmq_@types_react-dom@17.0.2_@ty_7dz2xsf2ib2guiutzhjhoerypu/node_modules/@assistant-ui/react/dist/legacy-runtime/AssistantRuntimeProvider.cjs');
+var threadList = require('../thread-list.cjs');
+var thread = require('../assistant-ui/thread.cjs');
+var executionCard = require('../assistant-ui-tools/execution-card.cjs');
+var valtio = require('valtio');
 
-const ChatkitImpl = React.forwardRef((props, ref$1) => {
-    const { initialConfig, welcome, onError, plugins, threadList, showHeader = true, placeholder, } = props;
-    const { threadMap } = index$1.useThreadManagerStore();
-    ref(ref$1, initialConfig, onError);
-    return (jsxRuntime.jsx(ChatkitContext.ChatkitProvider, { value: {
-            ref: ref$1,
-            plugins: plugins || [],
-            showThreadList: threadList !== false,
-            placeholder: placeholder || "请输入内容",
-            showHeader,
-        }, children: jsxRuntime.jsxs("div", { className: "flex h-full w-full", children: [threadList !== false &&
-                    (typeof threadList === "function"
-                        ? threadList({
-                            threadList: cloneDeep(values(threadMap)),
-                        })
-                        : threadList), jsxRuntime.jsx("div", { className: "flex-1 h-full", children: jsxRuntime.jsx(thread.Thread, { welcome: welcome }) })] }) }));
-});
-const Chatkit = (props, refFromProps) => {
-    const { initialConfig, welcome, onError, toolDisplay, plugins, threadList, showHeader = true, placeholder, } = props;
-    const { currentThread } = useThread();
-    const { threadMap } = index$1.useThreadManagerStore();
-    const messages = cloneDeep(threadMap[currentThread?.id || ""]?.messages || []) || [];
-    const uiMessages = React.useMemo(() => convertToAssistantMessage(messages, {
-        toolDisplay: toolDisplay || "group",
-    }), [messages]);
-    const innerRef = React.useRef(null);
-    let ref;
-    if (typeof refFromProps === "function") {
-        refFromProps(innerRef.current);
-        ref = innerRef;
-    }
-    else if (refFromProps === null) {
-        ref = innerRef;
-    }
-    else {
-        ref = refFromProps;
-    }
-    const runtime = useExternalStoreRuntime.useExternalStoreRuntime({
+const ChatkitImpl = React.forwardRef((props, ref) => {
+    const { t } = I18nContext.useI18n();
+    const { initialConfig, tools, toolDisplay = 'group', welcome, recommends, plugins, threadList: threadList$1, showHeader = true, renderHeader, showReasoning = true, placeholder, expandToolGroup = false, expandReasoning = false, expandToolDetail = false, uploadBase64 = true, threadBottom, composerTop, accept, composerDisabled = false, threadMaxWidth, } = props;
+    const { controller } = props;
+    const { threadMap, currentThreadId } = valtio.useSnapshot(controller.store.state);
+    // useImperativeHandleChatkitRef(ref, controller, onError);
+    const currentThread = currentThreadId ? threadMap[currentThreadId] : null;
+    const messages = currentThread?.messages || [];
+    const { uiMessages, authors } = React.useMemo(() => convertToAssistantMessage(messages, {
+        toolDisplay: toolDisplay || 'group',
+        showReasoning,
+    }), [messages, toolDisplay, showReasoning]);
+    // const api = useAssistantApi();
+    // useEffect(() => {}, [composerDisabled, api]);
+    const runtime = react.useExternalStoreRuntime({
         messages: uiMessages,
         isLoading: currentThread?.sending,
+        isRunning: currentThread?.sending,
+        isDisabled: composerDisabled,
         convertMessage: (message) => message,
         onNew: async (message) => {
-            const attachments = await Promise.all(message.attachments?.map(async (item) => {
-                return {
+            const attachments = uploadBase64
+                ? await Promise.all(message.attachments?.map(async (item) => ({
                     ...item,
                     base64: await convertToBase64.convertToBase64(item.file),
-                };
-            }) || []);
-            ref.current?.sendMessage({
+                })) || [])
+                : message.attachments || [];
+            controller?.sendMessage({
                 attaches: attachments.map((item) => ({
                     id: item.id,
                     attachId: item.id,
-                    url: item.base64,
-                    status: "success",
+                    url: item?.base64 || '',
+                    status: 'success',
+                    file: item.file,
                     type: checkMedia(item.contentType),
                     mimeType: item.contentType,
                 })),
-                content: compact([
-                    ...message.content.map((item) => {
-                        if (item.type === "text") {
+                content: lodashEs.compact([
+                    ...(message?.content?.map((item) => {
+                        if (item.type === 'text') {
                             return {
-                                type: "text",
+                                type: 'text',
                                 text: item.text,
                             };
                         }
-                    }),
+                    }) || []),
                 ]),
             });
         },
         onReload: async (parentId, config) => {
-            if (currentThread?.id && parentId)
-                ref.current?.reloadMessage(currentThread?.id, parentId);
-            else {
-                onError?.(new Error("未找到对应的对话"));
-                useToast.toast({
-                    title: "重载失败",
-                    description: "未找到对应的对话",
+            if (currentThread?.id && parentId) {
+                controller?.reloadMessage({
+                    threadId: currentThread?.id,
+                    messageId: parentId,
                 });
             }
+            else {
+                controller.onError?.(new Error(t('thread.notFound')));
+            }
         },
         onCancel: async () => {
-            ref.current?.abortMessage();
-        },
-        adapters: {
-            attachments: {
-                remove: async ({ id }) => {
-                    console.log(id);
-                },
-                send: async ({ id, file }) => {
-                    return {
-                        id,
-                        type: "image",
-                        name: file.name,
-                        contentType: file.type,
-                        content: [
-                            {
-                                type: "image",
-                                image: file.name,
-                            },
-                        ],
-                        status: {
-                            type: "complete",
-                        },
-                        file,
-                    };
-                },
-                accept: "image/*, video/*",
-                add: async ({ file }) => {
-                    return {
-                        file,
-                        id: v4(),
-                        type: "image",
-                        name: file.name,
-                        contentType: file.type,
-                        status: {
-                            type: "running",
-                            reason: "uploading",
-                            progress: 0,
-                        },
-                    };
-                },
-            },
+            controller?.abortMessage();
         },
+        // adapters: {
+        //   attachments: {
+        //     remove: async ({ id }) => {
+        //       console.log(id);
+        //     },
+        //     send: async ({ id, file }) => {
+        //       // Map media type to valid content type
+        //       const baseMediaType = checkMedia(file.type) as
+        //         | 'image'
+        //         | 'video'
+        //         | 'audio';
+        //       const mediaType: 'image' | 'video' | 'audio' | 'file' = [
+        //         'image',
+        //         'video',
+        //         'audio',
+        //       ].includes(baseMediaType)
+        //         ? baseMediaType
+        //         : 'file';
+        //       const contentItem: {
+        //         type: typeof mediaType;
+        //         image?: string;
+        //         video?: string;
+        //         audio?: string;
+        //         file?: string;
+        //       } = {
+        //         type: mediaType,
+        //       };
+        //       switch (mediaType) {
+        //         case 'image':
+        //           contentItem.image = file.name;
+        //           break;
+        //         case 'video':
+        //           contentItem.video = file.name;
+        //           break;
+        //         case 'audio':
+        //           contentItem.audio = file.name;
+        //           break;
+        //         case 'file':
+        //           contentItem.file = file.name;
+        //           break;
+        //       }
+        //       return {
+        //         id,
+        //         type: mediaType,
+        //         name: file.name,
+        //         contentType: file.type,
+        //         content: [contentItem],
+        //         status: {
+        //           type: 'complete',
+        //         },
+        //         file,
+        //       };
+        //     },
+        //     accept: accept || 'image/*',
+        //     add: async ({ file }) => ({
+        //       file,
+        //       id: uuid(),
+        //       type: 'image',
+        //       name: file.name,
+        //       contentType: file.type,
+        //       status: {
+        //         type: 'running',
+        //         reason: 'uploading',
+        //         progress: 0,
+        //       },
+        //     }),
+        //   },
+        // },
     });
-    return (jsxRuntime.jsxs(AssistantRuntimeProvider.AssistantRuntimeProvider, { runtime: runtime, children: [jsxRuntime.jsx(ChatkitImpl, { ref: ref, showHeader: showHeader, initialConfig: initialConfig, placeholder: placeholder, welcome: welcome, onError: onError, plugins: plugins, threadList: threadList }), jsxRuntime.jsx(toaster.Toaster, {}), jsxRuntime.jsx(executionCard, {})] }));
-};
+    return (jsxRuntime.jsx(react.AssistantRuntimeProvider, { runtime: runtime, children: jsxRuntime.jsxs(ChatkitContext.ChatkitProvider, { value: {
+                threadMaxWidth,
+                ref: ref,
+                plugins: plugins || [],
+                showThreadList: threadList$1 !== false,
+                placeholder: placeholder || t('thread.prompt'),
+                showHeader,
+                renderHeader,
+                expandToolGroup,
+                expandToolDetail,
+                expandReasoning,
+                controller,
+                authors,
+                composerDisabled,
+                composerTop,
+                threadBottom,
+            }, children: [jsxRuntime.jsxs("div", { className: "flex h-full w-full", children: [threadList$1 !== false
+                            && (typeof threadList$1 === 'function' ? (threadList$1({
+                                threadList: lodashEs.values(threadMap),
+                            })) : (jsxRuntime.jsx(threadList, {}))), jsxRuntime.jsx("div", { className: "flex-1 h-full", children: jsxRuntime.jsx(thread.Thread, { welcome: welcome, recommends: recommends }) })] }), (tools || []).map((tool, index) => React.createElement(tool)), jsxRuntime.jsx(executionCard, {})] }) }, currentThreadId));
+});
+function Chatkit(props) {
+    const { initialConfig, welcome, recommends, onError, toolDisplay, showReasoning, plugins, tools, chatController: chatControllerFromProps = null, threadBottom, chatControllerPlugins, threadList, showHeader = true, renderHeader, placeholder, expandToolGroup, expandToolDetail, locale, accept, uploadBase64, composerDisabled, composerTop, threadMaxWidth, } = props;
+    const controllerRef = React.useRef(chatControllerFromProps);
+    const controller = controllerRef.current;
+    const { currentThreadId, threadMap } = valtio.useSnapshot(controller.store.state);
+    return (jsxRuntime.jsx(I18nContext.I18nProvider, { defaultLocale: locale, children: jsxRuntime.jsx("div", { className: "chatkit-wrapper", style: { height: '100%' }, "data-chatkit": true, children: jsxRuntime.jsx(ChatkitImpl, { uploadBase64: uploadBase64, showReasoning: showReasoning, tools: tools || [], showHeader: showHeader, renderHeader: renderHeader, recommends: recommends, initialConfig: initialConfig, expandToolGroup: expandToolGroup, toolDisplay: toolDisplay, expandToolDetail: expandToolDetail, placeholder: placeholder, welcome: welcome, plugins: plugins, threadList: threadList, threadBottom: threadBottom, controller: controller, accept: accept, composerDisabled: composerDisabled, composerTop: composerTop, threadMaxWidth: threadMaxWidth }, currentThreadId) }) }));
+}
 var index = React.forwardRef(Chatkit);
 
 module.exports = index;

package/dist/components/Chatkit/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/Chatkit/index.tsx"],"sourcesContent":["import \"./style.less\";\nimport {\n  ForwardedRef,\n  forwardRef,\n  MutableRefObject,\n  Ref,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { v4 as uuid } from \"uuid\";\nimport { ChatkitProps, ChatkitRef } from \"./types\";\nimport { cloneDeep, compact, findLastIndex, isString, values } from \"lodash-es\";\nimport { ChatkitProvider, useChatkitRef } from \"@/contexts/ChatkitContext\";\nimport useImperativeHandleChatkitRef from \"./ref\";\nimport useThread from \"@/hooks/useThread\";\nimport { Thread } from \"../assistant-ui/thread\";\nimport {\n  AssistantRuntimeProvider,\n  ThreadMessageLike,\n  useExternalStoreRuntime,\n} from \"@assistant-ui/react\";\nimport { useThreadManagerStore, sendMessage, Message } from \"@chatkit/core\";\nimport convertToAssistantMessage from \"@/utils/convertToAssistantMessage\";\nimport ThreadList from \"../thread-list\";\nimport { Thread as ThreadType } from \"@chatkit/core/src/types/Thread\";\nimport { Toaster } from \"../ui/toaster\";\nimport { toast } from \"@/hooks/use-toast\";\nimport DemoToolUI from \"../assistant-ui-tools/web-search\";\nimport ExecutionCard from \"../assistant-ui-tools/execution-card\";\nimport { convertToBase64 } from \"@/utils/convertToBase64\";\nimport checkMedia from \"@/utils/checkMedia\";\nimport { TextMessage } from \"@chatkit/core/src/types/Message\";\n\nconst ChatkitImpl = forwardRef(\n  (\n    props: {\n      initialConfig: ChatkitProps[\"initialConfig\"];\n      welcome?: React.ReactNode;\n      plugins?: React.ReactNode[];\n      onError?: (error: Error) => void;\n      placeholder?: string;\n      threadList?:\n        | React.ReactNode\n        | boolean\n        | ((props: { threadList: Readonly<ThreadType>[] }) => React.ReactNode);\n      showHeader?: boolean;\n    },\n    ref: ForwardedRef<ChatkitRef>\n  ) => {\n    const {\n      initialConfig,\n      welcome,\n      onError,\n      plugins,\n      threadList,\n      showHeader = true,\n      placeholder,\n    } = props;\n    const { threadMap } = useThreadManagerStore();\n    useImperativeHandleChatkitRef(ref, initialConfig, onError);\n    return (\n      <ChatkitProvider\n        value={{\n          ref: ref as MutableRefObject<ChatkitRef | null>,\n          plugins: plugins || [],\n          showThreadList: threadList !== false,\n          placeholder: placeholder || \"请输入内容\",\n          showHeader,\n        }}\n      >\n        <div className=\"flex h-full w-full\">\n          {threadList !== false &&\n            (typeof threadList === \"function\"\n              ? threadList({\n                  threadList: cloneDeep(values(threadMap)) as ThreadType[],\n                })\n              : threadList)}\n          <div className=\"flex-1 h-full\">\n            <Thread welcome={welcome} />\n          </div>\n        </div>\n      </ChatkitProvider>\n    );\n  }\n);\n\nconst Chatkit = (\n  props: ChatkitProps,\n  refFromProps: ForwardedRef<ChatkitRef>\n) => {\n  const {\n    initialConfig,\n    welcome,\n    onError,\n    toolDisplay,\n    plugins,\n    threadList,\n    showHeader = true,\n    placeholder,\n  } = props;\n\n  const { currentThread } = useThread();\n\n  const { threadMap } = useThreadManagerStore();\n  const messages =\n    cloneDeep(threadMap[currentThread?.id || \"\"]?.messages || []) || [];\n  const uiMessages = useMemo(\n    () =>\n      convertToAssistantMessage(messages as Readonly<Message>[], {\n        toolDisplay: toolDisplay || \"group\",\n      }),\n    [messages]\n  );\n\n  const innerRef = useRef<ChatkitRef>(null);\n\n  let ref: MutableRefObject<ChatkitRef | null>;\n  if (typeof refFromProps === \"function\") {\n    refFromProps(innerRef.current);\n    ref = innerRef;\n  } else if (refFromProps === null) {\n    ref = innerRef;\n  } else {\n    ref = refFromProps;\n  }\n\n  const runtime = useExternalStoreRuntime({\n    messages: uiMessages,\n    isLoading: currentThread?.sending,\n    convertMessage: (message) => message,\n    onNew: async (message) => {\n      const attachments = await Promise.all(\n        message.attachments?.map(async (item) => {\n          return {\n            ...item,\n            base64: await convertToBase64(item.file as File),\n          };\n        }) || []\n      );\n\n      ref.current?.sendMessage({\n        attaches: attachments.map((item) => ({\n          id: item.id,\n          attachId: item.id,\n          url: item.base64,\n          status: \"success\",\n          type: checkMedia(item.contentType),\n          mimeType: item.contentType,\n        })),\n        content: compact([\n          ...message.content.map((item) => {\n            if (item.type === \"text\") {\n              return {\n                type: \"text\",\n                text: item.text,\n              } as TextMessage;\n            }\n          }),\n        ]),\n      });\n    },\n    onReload: async (parentId, config) => {\n      if (currentThread?.id && parentId)\n        ref.current?.reloadMessage(currentThread?.id, parentId);\n      else {\n        onError?.(new Error(\"未找到对应的对话\"));\n        toast({\n          title: \"重载失败\",\n          description: \"未找到对应的对话\",\n        });\n      }\n    },\n    onCancel: async () => {\n      ref.current?.abortMessage();\n    },\n    adapters: {\n      attachments: {\n        remove: async ({ id }) => {\n          console.log(id);\n        },\n        send: async ({ id, file }) => {\n          return {\n            id,\n            type: \"image\",\n            name: file.name,\n            contentType: file.type,\n            content: [\n              {\n                type: \"image\",\n                image: file.name,\n              },\n            ],\n            status: {\n              type: \"complete\",\n            },\n            file,\n          };\n        },\n        accept: \"image/*, video/*\",\n        add: async ({ file }) => {\n          return {\n            file,\n            id: uuid(),\n            type: \"image\",\n            name: file.name,\n            contentType: file.type,\n            status: {\n              type: \"running\",\n              reason: \"uploading\",\n              progress: 0,\n            },\n          };\n        },\n      },\n    },\n  });\n\n  return (\n    <AssistantRuntimeProvider runtime={runtime}>\n      <ChatkitImpl\n        ref={ref}\n        showHeader={showHeader}\n        initialConfig={initialConfig}\n        placeholder={placeholder}\n        welcome={welcome}\n        onError={onError}\n        plugins={plugins}\n        threadList={threadList}\n      />\n      <Toaster />\n      <ExecutionCard />\n    </AssistantRuntimeProvider>\n  );\n};\n\nexport default forwardRef(Chatkit);\n"],"names":["forwardRef","ref","useThreadManagerStore","useImperativeHandleChatkitRef","_jsx","ChatkitProvider","_jsxs","Thread","useMemo","useRef","useExternalStoreRuntime","convertToBase64","toast","uuid","AssistantRuntimeProvider","Toaster","ExecutionCard"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Chatkit/index.tsx"],"sourcesContent":["import React, {\n  ForwardedRef,\n  forwardRef,\n  MutableRefObject,\n  useMemo,\n  useRef,\n  useEffect,\n} from 'react';\nimport { v4 as uuid } from 'uuid';\nimport { compact, values, last } from 'lodash-es';\nimport {\n  AssistantRuntimeProvider,\n  useExternalStoreRuntime,\n} from '@assistant-ui/react';\nimport {\n  ChatMessage,\n  ChatController,\n  Thread as ThreadType,\n  useSnapshot,\n  TextMessage,\n} from '@chat-lab/core';\nimport { ChatkitProvider } from '@/contexts/ChatkitContext';\nimport { I18nProvider, useI18n } from '@/contexts/I18nContext';\n\nimport convertToAssistantMessage from '@/utils/convertToAssistantMessage';\nimport { convertToBase64 } from '@/utils/convertToBase64';\nimport checkMedia from '@/utils/checkMedia';\nimport './style.less';\nimport ThreadList from '../thread-list';\nimport { ChatkitProps, ChatkitRef } from './types';\nimport { Thread } from '../assistant-ui/thread';\n\nimport ExecutionCard from '../assistant-ui-tools/execution-card';\n\nconst ChatkitImpl = forwardRef(\n  (props: ChatkitProps, ref: ForwardedRef<ChatkitRef>) => {\n    const { t } = useI18n();\n    const {\n      initialConfig,\n      tools,\n      toolDisplay = 'group',\n      welcome,\n      recommends,\n      plugins,\n      threadList,\n      showHeader = true,\n      renderHeader,\n      showReasoning = true,\n      placeholder,\n      expandToolGroup = false,\n      expandReasoning = false,\n      expandToolDetail = false,\n      uploadBase64 = true,\n      threadBottom,\n      composerTop,\n      accept,\n      composerDisabled = false,\n      threadMaxWidth,\n    } = props;\n    const { controller } = props;\n    const { threadMap, currentThreadId } = useSnapshot(controller.store.state);\n    // useImperativeHandleChatkitRef(ref, controller, onError);\n\n    const currentThread = currentThreadId ? threadMap[currentThreadId] : null;\n    const messages = currentThread?.messages || [];\n\n    const { uiMessages, authors } = useMemo(\n      () => convertToAssistantMessage(messages as Readonly<ChatMessage>[], {\n        toolDisplay: toolDisplay || 'group',\n        showReasoning,\n      }),\n      [messages, toolDisplay, showReasoning],\n    );\n    // const api = useAssistantApi();\n\n    // useEffect(() => {}, [composerDisabled, api]);\n\n    const runtime = useExternalStoreRuntime({\n      messages: uiMessages,\n      isLoading: currentThread?.sending,\n      isRunning: currentThread?.sending,\n      isDisabled: composerDisabled,\n      convertMessage: (message) => message,\n      onNew: async (message) => {\n        const attachments = uploadBase64\n          ? await Promise.all(\n            message.attachments?.map(async (item) => ({\n              ...item,\n              base64: await convertToBase64(item.file as File),\n            })) || [],\n          )\n          : message.attachments || [];\n\n        controller?.sendMessage({\n          attaches: attachments.map((item) => ({\n            id: item.id,\n            attachId: item.id,\n            url: (item as { base64?: string })?.base64 || '',\n            status: 'success',\n            file: item.file,\n            type: checkMedia(item.contentType),\n            mimeType: item.contentType,\n          })),\n          content: compact([\n            ...(message?.content?.map((item) => {\n              if (item.type === 'text') {\n                return {\n                  type: 'text',\n                  text: item.text,\n                } as TextMessage;\n              }\n            }) || []),\n          ]),\n        });\n      },\n      onReload: async (parentId, config) => {\n        if (currentThread?.id && parentId) {\n          controller?.reloadMessage({\n            threadId: currentThread?.id,\n            messageId: parentId,\n          });\n        } else {\n          controller.onError?.(new Error(t('thread.notFound')));\n        }\n      },\n      onCancel: async () => {\n        controller?.abortMessage();\n      },\n      // adapters: {\n      //   attachments: {\n      //     remove: async ({ id }) => {\n      //       console.log(id);\n      //     },\n      //     send: async ({ id, file }) => {\n      //       // Map media type to valid content type\n      //       const baseMediaType = checkMedia(file.type) as\n      //         | 'image'\n      //         | 'video'\n      //         | 'audio';\n      //       const mediaType: 'image' | 'video' | 'audio' | 'file' = [\n      //         'image',\n      //         'video',\n      //         'audio',\n      //       ].includes(baseMediaType)\n      //         ? baseMediaType\n      //         : 'file';\n\n      //       const contentItem: {\n      //         type: typeof mediaType;\n      //         image?: string;\n      //         video?: string;\n      //         audio?: string;\n      //         file?: string;\n      //       } = {\n      //         type: mediaType,\n      //       };\n\n      //       switch (mediaType) {\n      //         case 'image':\n      //           contentItem.image = file.name;\n      //           break;\n      //         case 'video':\n      //           contentItem.video = file.name;\n      //           break;\n      //         case 'audio':\n      //           contentItem.audio = file.name;\n      //           break;\n      //         case 'file':\n      //           contentItem.file = file.name;\n      //           break;\n      //       }\n\n      //       return {\n      //         id,\n      //         type: mediaType,\n      //         name: file.name,\n      //         contentType: file.type,\n      //         content: [contentItem],\n      //         status: {\n      //           type: 'complete',\n      //         },\n      //         file,\n      //       };\n      //     },\n      //     accept: accept || 'image/*',\n      //     add: async ({ file }) => ({\n      //       file,\n      //       id: uuid(),\n      //       type: 'image',\n      //       name: file.name,\n      //       contentType: file.type,\n      //       status: {\n      //         type: 'running',\n      //         reason: 'uploading',\n      //         progress: 0,\n      //       },\n      //     }),\n      //   },\n      // },\n    });\n    return (\n      <AssistantRuntimeProvider key={currentThreadId} runtime={runtime}>\n        <ChatkitProvider\n          value={{\n            threadMaxWidth,\n            ref: ref as MutableRefObject<ChatkitRef | null>,\n            plugins: plugins || [],\n            showThreadList: threadList !== false,\n            placeholder: placeholder || t('thread.prompt'),\n            showHeader,\n            renderHeader,\n            expandToolGroup,\n            expandToolDetail,\n            expandReasoning,\n            controller,\n            authors,\n            composerDisabled,\n            composerTop,\n            threadBottom,\n          }}\n        >\n          <div className=\"flex h-full w-full\">\n            {threadList !== false\n              && (typeof threadList === 'function' ? (\n                threadList({\n                  threadList: values(threadMap) as ThreadType[],\n                })\n              ) : (\n                <ThreadList />\n              ))}\n            <div className=\"flex-1 h-full\">\n              <Thread welcome={welcome} recommends={recommends} />\n            </div>\n          </div>\n          {(tools || []).map((tool, index) => React.createElement(tool))}\n          <ExecutionCard />\n        </ChatkitProvider>\n      </AssistantRuntimeProvider>\n    );\n  },\n);\n\nfunction Chatkit(props: ChatkitProps) {\n  const {\n    initialConfig,\n    welcome,\n    recommends,\n    onError,\n    toolDisplay,\n    showReasoning,\n    plugins,\n    tools,\n    chatController: chatControllerFromProps = null,\n    threadBottom,\n    chatControllerPlugins,\n    threadList,\n    showHeader = true,\n    renderHeader,\n    placeholder,\n    expandToolGroup,\n    expandToolDetail,\n    locale,\n    accept,\n    uploadBase64,\n    composerDisabled,\n    composerTop,\n    threadMaxWidth,\n  } = props;\n\n  const controllerRef = useRef<ChatController | null>(chatControllerFromProps);\n\n  const controller = controllerRef.current;\n\n  const { currentThreadId, threadMap } = useSnapshot(controller!.store.state);\n\n  return (\n    <I18nProvider defaultLocale={locale}>\n      <div className=\"chatkit-wrapper\" style={{ height: '100%' }} data-chatkit>\n        <ChatkitImpl\n          uploadBase64={uploadBase64}\n          key={currentThreadId}\n          showReasoning={showReasoning}\n          tools={tools || []}\n          showHeader={showHeader}\n          renderHeader={renderHeader}\n          recommends={recommends}\n          initialConfig={initialConfig}\n          expandToolGroup={expandToolGroup}\n          toolDisplay={toolDisplay}\n          expandToolDetail={expandToolDetail}\n          placeholder={placeholder}\n          welcome={welcome}\n          plugins={plugins}\n          threadList={threadList}\n          threadBottom={threadBottom}\n          controller={controller!}\n          accept={accept}\n          composerDisabled={composerDisabled}\n          composerTop={composerTop}\n          threadMaxWidth={threadMaxWidth}\n        />\n      </div>\n    </I18nProvider>\n  );\n}\n\nexport default forwardRef(Chatkit);\n"],"names":["forwardRef","useI18n","threadList","useSnapshot","useMemo","useExternalStoreRuntime","convertToBase64","compact","_jsx","AssistantRuntimeProvider","_jsxs","ChatkitProvider","values","ThreadList","Thread","ExecutionCard","useRef","I18nProvider"],"mappings":"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"}

package/dist/components/Chatkit/index.d.ts

@@ -1,5 +1,6 @@
-import "./style.less";
-import { ChatkitProps, ChatkitRef } from "./types";
-declare const _default: import("react").ForwardRefExoticComponent<ChatkitProps & import("react").RefAttributes<ChatkitRef>>;
+import React from 'react';
+import './style.less';
+import { ChatkitProps } from './types';
+declare const _default: React.ForwardRefExoticComponent<ChatkitProps & React.RefAttributes<unknown>>;
 export default _default;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Chatkit/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Chatkit/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAWtB,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;;AAiOnD,wBAAmC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Chatkit/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAoBf,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,YAAY,EAAc,MAAM,SAAS,CAAC;;AAqRnD,wBAAmC"}