@chat-lab/ui 0.1.0-beta.51 → 0.1.0-beta.52

package/dist/components/Chatkit/index.cjs

@@ -24,7 +24,7 @@ var react = require('../../node_modules/.pnpm/valtio@2.1.8_patch_hash_boxi3qpsg2
 
 const ChatkitImpl = React.forwardRef((props, ref) => {
     const { t } = I18nContext.useI18n();
-    const { initialConfig, tools, toolDisplay = 'group', welcome, recommends, plugins, threadList: threadList$1, showHeader = true, renderHeader, placeholder, expandToolGroup = false, expandReasoning = false, expandToolDetail = false, threadBottom, } = props;
+    const { initialConfig, tools, toolDisplay = 'group', welcome, recommends, plugins, threadList: threadList$1, showHeader = true, renderHeader, placeholder, expandToolGroup = false, expandReasoning = false, expandToolDetail = false, uploadeBase64 = true, threadBottom, accept, } = props;
     const controller = props.controller;
     const { threadMap, currentThreadId } = react.useSnapshot(controller.store.state);
     // useImperativeHandleChatkitRef(ref, controller, onError);
@@ -39,18 +39,21 @@ const ChatkitImpl = React.forwardRef((props, ref) => {
         isDisabled: !!currentThread?.metadata['isInitingSession'],
         convertMessage: message => message,
         onNew: async (message) => {
-            const attachments = await Promise.all(message.attachments?.map(async (item) => {
-                return {
-                    ...item,
-                    base64: await convertToBase64.convertToBase64(item.file),
-                };
-            }) || []);
+            const attachments = uploadeBase64
+                ? await Promise.all(message.attachments?.map(async (item) => {
+                    return {
+                        ...item,
+                        base64: await convertToBase64.convertToBase64(item.file),
+                    };
+                }) || [])
+                : message.attachments || [];
             controller?.sendMessage({
                 attaches: attachments.map(item => ({
                     id: item.id,
                     attachId: item.id,
-                    url: item.base64,
+                    url: item?.base64 || '',
                     status: 'success',
+                    file: item.file,
                     type: checkMedia(item.contentType),
                     mimeType: item.contentType,
                 })),
@@ -85,24 +88,45 @@ const ChatkitImpl = React.forwardRef((props, ref) => {
                     console.log(id);
                 },
                 send: async ({ id, file }) => {
+                    // Map media type to valid content type
+                    const baseMediaType = checkMedia(file.type);
+                    const mediaType = [
+                        'image',
+                        'video',
+                        'audio',
+                    ].includes(baseMediaType)
+                        ? baseMediaType
+                        : 'file';
+                    const contentItem = {
+                        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: 'image',
+                        type: mediaType,
                         name: file.name,
                         contentType: file.type,
-                        content: [
-                            {
-                                type: 'image',
-                                image: file.name,
-                            },
-                        ],
+                        content: [contentItem],
                         status: {
                             type: 'complete',
                         },
                         file,
                     };
                 },
-                accept: 'image/*',
+                accept: accept || 'image/*',
                 add: async ({ file }) => {
                     return {
                         file,
@@ -141,13 +165,13 @@ const ChatkitImpl = React.forwardRef((props, ref) => {
                             })) : (jsxRuntime.jsx(threadList, {}))), jsxRuntime.jsx("div", { className: "flex-1 h-full w-[calc(100%-200px)]", children: jsxRuntime.jsxs(reactResizablePanels.Group, { orientation: "vertical", style: { height: '100%', width: '100%' }, children: [jsxRuntime.jsx(reactResizablePanels.Panel, { children: jsxRuntime.jsx(thread.Thread, { welcome: welcome, recommends: recommends }) }), selectedSpan && (jsxRuntime.jsx(reactResizablePanels.Panel, { defaultSize: '30%', children: jsxRuntime.jsx(TraceDetail, { selectedSpan: selectedSpan || undefined, onCancel: () => setSelectedSpan(null) }) })), threadBottom] }) })] }), (tools || []).map((tool, index) => React.createElement(tool)), jsxRuntime.jsx(executionCard, {})] }) }, currentThreadId));
 });
 const Chatkit = (props) => {
-    const { initialConfig, welcome, recommends, onError, toolDisplay, plugins, tools, chatController: chatControllerFromProps = null, threadBottom, chatControllerPlugins, threadList, showHeader = true, renderHeader, placeholder, expandToolGroup, expandToolDetail, debugger: debuggerProps, locale, } = props;
+    const { initialConfig, welcome, recommends, onError, toolDisplay, plugins, tools, chatController: chatControllerFromProps = null, threadBottom, chatControllerPlugins, threadList, showHeader = true, renderHeader, placeholder, expandToolGroup, expandToolDetail, debugger: debuggerProps, locale, accept, } = props;
     const controllerRef = React.useRef(chatControllerFromProps);
     const controller = controllerRef.current;
     const { currentThreadId, threadMap } = react.useSnapshot(controller.store.state);
     const currentThread = currentThreadId ? threadMap[currentThreadId] : null;
     const messages = React.useMemo(() => threadMap[currentThread?.id || '']?.messages || [], [currentThread?.id, threadMap]);
-    return (jsxRuntime.jsx(I18nContext.I18nProvider, { defaultLocale: locale, children: jsxRuntime.jsx("div", { className: 'chatkit-wrapper', style: { height: '100%' }, "data-chatkit": true, children: jsxRuntime.jsxs(reactResizablePanels.Group, { style: { height: '100%' }, children: [jsxRuntime.jsx(reactResizablePanels.Panel, { minSize: 750, maxSize: 900, children: jsxRuntime.jsx(ChatkitImpl, { 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 }, currentThreadId) }), debuggerProps && (jsxRuntime.jsx(reactResizablePanels.Panel, { defaultSize: '25%', className: "border-l", children: jsxRuntime.jsx(index$1, { region: debuggerProps.region, controller: controller, thread: currentThread, messages: (messages.filter(msg => msg.role !== 'user') || []) }) }))] }) }) }));
+    return (jsxRuntime.jsx(I18nContext.I18nProvider, { defaultLocale: locale, children: jsxRuntime.jsx("div", { className: 'chatkit-wrapper', style: { height: '100%' }, "data-chatkit": true, children: jsxRuntime.jsxs(reactResizablePanels.Group, { style: { height: '100%' }, children: [jsxRuntime.jsx(reactResizablePanels.Panel, { minSize: 750, maxSize: 900, children: jsxRuntime.jsx(ChatkitImpl, { 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 }, currentThreadId) }), debuggerProps && (jsxRuntime.jsx(reactResizablePanels.Panel, { defaultSize: '25%', className: "border-l", children: jsxRuntime.jsx(index$1, { region: debuggerProps.region, controller: controller, thread: currentThread, messages: (messages.filter(msg => msg.role !== 'user') || []) }) }))] }) }) }));
 };
 var index = React.forwardRef(Chatkit);
 

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/Chatkit/index.tsx"],"sourcesContent":["import {\n  ForwardedRef,\n  forwardRef,\n  MutableRefObject,\n  Ref,\n  useMemo,\n  useRef,\n  useEffect,\n  useState,\n} from 'react';\nimport { v4 as uuid } from 'uuid';\nimport { ChatkitProps, ChatkitRef } from './types';\nimport { compact, findLastIndex, isString, values } from 'lodash-es';\nimport { ChatkitProvider } from '@/contexts/ChatkitContext';\nimport { I18nProvider, useI18n } from '@/contexts/I18nContext';\n\nimport { Thread } from '../assistant-ui/thread';\nimport {\n  AssistantRuntimeProvider,\n  tool,\n  useExternalStoreRuntime,\n} from '@assistant-ui/react';\nimport { ChatMessage, ChatController } from '@chat-lab/core';\nimport { Group, Panel } from 'react-resizable-panels';\nimport convertToAssistantMessage from '@/utils/convertToAssistantMessage';\nimport ThreadList from '../thread-list';\nimport { Thread as ThreadType, useSnapshot } from '@chat-lab/core';\nimport { Toaster } from '../ui/toaster';\nimport { toast } from '@/hooks/use-toast';\nimport { convertToBase64 } from '@/utils/convertToBase64';\nimport checkMedia from '@/utils/checkMedia';\nimport { TextMessage } from '@chat-lab/core';\nimport './style.less';\nimport TraceDetail from '@/adk/components/Debug/Trace/TraceDetail';\nimport { useTraceStore } from '@/adk/components/Debug/Trace/store';\nimport Debug from '@/adk/components/Debug';\nimport {\n  BashTool,\n  skillAgentToolSet,\n} from '../assistant-ui-tools/skill-agent-tool-set';\nimport React from 'react';\nimport ExecutionCard from '../assistant-ui-tools/execution-card';\nconst ChatkitImpl = forwardRef(\n  (\n    props: {\n      initialConfig: ChatkitProps['initialConfig'];\n      welcome?: React.ReactNode;\n      recommends?: string[];\n      plugins?: React.ReactNode[];\n      tools?: React.ElementType[];\n      placeholder?: string;\n      threadList?:\n        | React.ReactNode\n        | boolean\n        | ((props: { threadList: Readonly<ThreadType>[] }) => React.ReactNode);\n      threadBottom?: React.ReactNode;\n      showHeader?: boolean;\n      renderHeader?: (props: { thread: ThreadType }) => React.ReactNode;\n\n      expandToolGroup?: boolean;\n      expandToolDetail?: boolean;\n      toolDisplay?: 'group' | 'none' | 'step';\n      expandReasoning?: boolean;\n      controller: ChatController;\n    },\n    ref: ForwardedRef<ChatkitRef>,\n  ) => {\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      placeholder,\n      expandToolGroup = false,\n      expandReasoning = false,\n      expandToolDetail = false,\n      threadBottom,\n    } = props;\n    const controller = props.controller;\n    const { threadMap, currentThreadId } = useSnapshot(controller.store.state);\n    // useImperativeHandleChatkitRef(ref, controller, onError);\n\n    const currentThread = currentThreadId ? threadMap[currentThreadId] : null;\n    const messages = useMemo(\n      () => threadMap[currentThread?.id || '']?.messages || [] || [],\n      [currentThread?.id, threadMap],\n    );\n\n    const { uiMessages, authors } = useMemo(\n      () =>\n        convertToAssistantMessage(messages as Readonly<ChatMessage>[], {\n          toolDisplay: toolDisplay || 'group',\n        }),\n      [messages],\n    );\n\n    const runtime = useExternalStoreRuntime({\n      messages: uiMessages,\n      isLoading: currentThread?.sending,\n      isDisabled: !!currentThread?.metadata['isInitingSession'],\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        controller?.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          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            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/*',\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    const selectedSpan = useTraceStore(state => state.selectedSpan);\n    const setSelectedSpan = useTraceStore(state => state.setSelectedSpan);\n    useEffect(() => () => setSelectedSpan(null), [setSelectedSpan]);\n\n    return (\n      <AssistantRuntimeProvider key={currentThreadId} runtime={runtime}>\n        <ChatkitProvider\n          value={{\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          }}\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 w-[calc(100%-200px)]\">\n              <Group\n                orientation=\"vertical\"\n                style={{ height: '100%', width: '100%' }}\n              >\n                <Panel>\n                  <Thread welcome={welcome} recommends={recommends} />\n                </Panel>\n                {selectedSpan && (\n                  <Panel defaultSize={'30%'}>\n                    <TraceDetail\n                      selectedSpan={selectedSpan || undefined}\n                      onCancel={() => setSelectedSpan(null)}\n                    />\n                  </Panel>\n                )}\n                {threadBottom}\n              </Group>\n            </div>\n          </div>\n          {(tools || []).map((tool, index) => React.createElement(tool))}\n          <ExecutionCard />\n        </ChatkitProvider>\n      </AssistantRuntimeProvider>\n    );\n  },\n);\n\nconst Chatkit = (props: ChatkitProps) => {\n  const {\n    initialConfig,\n    welcome,\n    recommends,\n    onError,\n    toolDisplay,\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    debugger: debuggerProps,\n    locale,\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  const currentThread = currentThreadId ? threadMap[currentThreadId] : null;\n\n  const messages = useMemo(\n    () => threadMap[currentThread?.id || '']?.messages || [],\n    [currentThread?.id, threadMap],\n  );\n\n  return (\n    <I18nProvider defaultLocale={locale}>\n      <div\n        className={'chatkit-wrapper'}\n        style={{ height: '100%' }}\n        data-chatkit\n      >\n        <Group style={{ height: '100%' }}>\n          <Panel minSize={750} maxSize={900}>\n            <ChatkitImpl\n              key={currentThreadId}\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            />\n          </Panel>\n          {debuggerProps && (\n            <Panel defaultSize={'25%'} className=\"border-l\">\n              <Debug\n                region={debuggerProps.region}\n                controller={controller!}\n                thread={currentThread}\n                messages={\n                  (messages.filter(msg => msg.role !== 'user') || []) as any[]\n                }\n              />\n            </Panel>\n          )}\n        </Group>\n      </div>\n    </I18nProvider>\n  );\n};\n\nexport default forwardRef(Chatkit);\n"],"names":["forwardRef","useI18n","threadList","useSnapshot","useMemo","useExternalStoreRuntime","convertToBase64","uuid","useTraceStore","useEffect","_jsx","AssistantRuntimeProvider","_jsxs","ChatkitProvider","ThreadList","Group","Panel","Thread","ExecutionCard","useRef","I18nProvider","Debug"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Chatkit/index.tsx"],"sourcesContent":["import {\n  ForwardedRef,\n  forwardRef,\n  MutableRefObject,\n  Ref,\n  useMemo,\n  useRef,\n  useEffect,\n  useState,\n} from 'react';\nimport { v4 as uuid } from 'uuid';\nimport { ChatkitProps, ChatkitRef } from './types';\nimport { compact, findLastIndex, isString, values } from 'lodash-es';\nimport { ChatkitProvider } from '@/contexts/ChatkitContext';\nimport { I18nProvider, useI18n } from '@/contexts/I18nContext';\n\nimport { Thread } from '../assistant-ui/thread';\nimport {\n  AssistantRuntimeProvider,\n  tool,\n  useExternalStoreRuntime,\n} from '@assistant-ui/react';\nimport { ChatMessage, ChatController } from '@chat-lab/core';\nimport { Group, Panel } from 'react-resizable-panels';\nimport convertToAssistantMessage from '@/utils/convertToAssistantMessage';\nimport ThreadList from '../thread-list';\nimport { Thread as ThreadType, useSnapshot } from '@chat-lab/core';\nimport { Toaster } from '../ui/toaster';\nimport { toast } from '@/hooks/use-toast';\nimport { convertToBase64 } from '@/utils/convertToBase64';\nimport checkMedia from '@/utils/checkMedia';\nimport { TextMessage } from '@chat-lab/core';\nimport './style.less';\nimport TraceDetail from '@/adk/components/Debug/Trace/TraceDetail';\nimport { useTraceStore } from '@/adk/components/Debug/Trace/store';\nimport Debug from '@/adk/components/Debug';\nimport {\n  BashTool,\n  skillAgentToolSet,\n} from '../assistant-ui-tools/skill-agent-tool-set';\nimport React from 'react';\nimport ExecutionCard from '../assistant-ui-tools/execution-card';\nconst ChatkitImpl = forwardRef(\n  (\n    props: {\n      initialConfig: ChatkitProps['initialConfig'];\n      welcome?: React.ReactNode;\n      recommends?: string[];\n      plugins?: React.ReactNode[];\n      tools?: React.ElementType[];\n      placeholder?: string;\n      threadList?:\n        | React.ReactNode\n        | boolean\n        | ((props: { threadList: Readonly<ThreadType>[] }) => React.ReactNode);\n      threadBottom?: React.ReactNode;\n      showHeader?: boolean;\n      renderHeader?: (props: { thread: ThreadType }) => React.ReactNode;\n\n      expandToolGroup?: boolean;\n      expandToolDetail?: boolean;\n      toolDisplay?: 'group' | 'none' | 'step';\n      expandReasoning?: boolean;\n      controller: ChatController;\n      accept?: string;\n    },\n    ref: ForwardedRef<ChatkitRef>,\n  ) => {\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      placeholder,\n      expandToolGroup = false,\n      expandReasoning = false,\n      expandToolDetail = false,\n      uploadeBase64 = true,\n      threadBottom,\n      accept,\n    } = props;\n    const controller = props.controller;\n    const { threadMap, currentThreadId } = useSnapshot(controller.store.state);\n    // useImperativeHandleChatkitRef(ref, controller, onError);\n\n    const currentThread = currentThreadId ? threadMap[currentThreadId] : null;\n    const messages = useMemo(\n      () => threadMap[currentThread?.id || '']?.messages || [] || [],\n      [currentThread?.id, threadMap],\n    );\n\n    const { uiMessages, authors } = useMemo(\n      () =>\n        convertToAssistantMessage(messages as Readonly<ChatMessage>[], {\n          toolDisplay: toolDisplay || 'group',\n        }),\n      [messages],\n    );\n\n    const runtime = useExternalStoreRuntime({\n      messages: uiMessages,\n      isLoading: currentThread?.sending,\n      isDisabled: !!currentThread?.metadata['isInitingSession'],\n      convertMessage: message => message,\n      onNew: async message => {\n        const attachments = uploadeBase64\n          ? 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          : 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            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    const selectedSpan = useTraceStore(state => state.selectedSpan);\n    const setSelectedSpan = useTraceStore(state => state.setSelectedSpan);\n    useEffect(() => () => setSelectedSpan(null), [setSelectedSpan]);\n\n    return (\n      <AssistantRuntimeProvider key={currentThreadId} runtime={runtime}>\n        <ChatkitProvider\n          value={{\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          }}\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 w-[calc(100%-200px)]\">\n              <Group\n                orientation=\"vertical\"\n                style={{ height: '100%', width: '100%' }}\n              >\n                <Panel>\n                  <Thread welcome={welcome} recommends={recommends} />\n                </Panel>\n                {selectedSpan && (\n                  <Panel defaultSize={'30%'}>\n                    <TraceDetail\n                      selectedSpan={selectedSpan || undefined}\n                      onCancel={() => setSelectedSpan(null)}\n                    />\n                  </Panel>\n                )}\n                {threadBottom}\n              </Group>\n            </div>\n          </div>\n          {(tools || []).map((tool, index) => React.createElement(tool))}\n          <ExecutionCard />\n        </ChatkitProvider>\n      </AssistantRuntimeProvider>\n    );\n  },\n);\n\nconst Chatkit = (props: ChatkitProps) => {\n  const {\n    initialConfig,\n    welcome,\n    recommends,\n    onError,\n    toolDisplay,\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    debugger: debuggerProps,\n    locale,\n    accept,\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  const currentThread = currentThreadId ? threadMap[currentThreadId] : null;\n\n  const messages = useMemo(\n    () => threadMap[currentThread?.id || '']?.messages || [],\n    [currentThread?.id, threadMap],\n  );\n\n  return (\n    <I18nProvider defaultLocale={locale}>\n      <div\n        className={'chatkit-wrapper'}\n        style={{ height: '100%' }}\n        data-chatkit\n      >\n        <Group style={{ height: '100%' }}>\n          <Panel minSize={750} maxSize={900}>\n            <ChatkitImpl\n              key={currentThreadId}\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            />\n          </Panel>\n          {debuggerProps && (\n            <Panel defaultSize={'25%'} className=\"border-l\">\n              <Debug\n                region={debuggerProps.region}\n                controller={controller!}\n                thread={currentThread}\n                messages={\n                  (messages.filter(msg => msg.role !== 'user') || []) as any[]\n                }\n              />\n            </Panel>\n          )}\n        </Group>\n      </div>\n    </I18nProvider>\n  );\n};\n\nexport default forwardRef(Chatkit);\n"],"names":["forwardRef","useI18n","threadList","useSnapshot","useMemo","useExternalStoreRuntime","convertToBase64","uuid","useTraceStore","useEffect","_jsx","AssistantRuntimeProvider","_jsxs","ChatkitProvider","ThreadList","Group","Panel","Thread","ExecutionCard","useRef","I18nProvider","Debug"],"mappings":"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"}

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":"AAWA,OAAO,EAAE,YAAY,EAAc,MAAM,SAAS,CAAC;AAqBnD,OAAO,cAAc,CAAC;AAQtB,OAAO,KAAK,MAAM,OAAO,CAAC;;AAmS1B,wBAAmC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Chatkit/index.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,YAAY,EAAc,MAAM,SAAS,CAAC;AAqBnD,OAAO,cAAc,CAAC;AAQtB,OAAO,KAAK,MAAM,OAAO,CAAC;;AA4U1B,wBAAmC"}

package/dist/components/Chatkit/index.js

@@ -22,7 +22,7 @@ import { useSnapshot } from '../../node_modules/.pnpm/valtio@2.1.8_patch_hash_bo
 
 const ChatkitImpl = forwardRef((props, ref) => {
     const { t } = useI18n();
-    const { initialConfig, tools, toolDisplay = 'group', welcome, recommends, plugins, threadList, showHeader = true, renderHeader, placeholder, expandToolGroup = false, expandReasoning = false, expandToolDetail = false, threadBottom, } = props;
+    const { initialConfig, tools, toolDisplay = 'group', welcome, recommends, plugins, threadList, showHeader = true, renderHeader, placeholder, expandToolGroup = false, expandReasoning = false, expandToolDetail = false, uploadeBase64 = true, threadBottom, accept, } = props;
     const controller = props.controller;
     const { threadMap, currentThreadId } = useSnapshot(controller.store.state);
     // useImperativeHandleChatkitRef(ref, controller, onError);
@@ -37,18 +37,21 @@ const ChatkitImpl = forwardRef((props, ref) => {
         isDisabled: !!currentThread?.metadata['isInitingSession'],
         convertMessage: message => message,
         onNew: async (message) => {
-            const attachments = await Promise.all(message.attachments?.map(async (item) => {
-                return {
-                    ...item,
-                    base64: await convertToBase64(item.file),
-                };
-            }) || []);
+            const attachments = uploadeBase64
+                ? await Promise.all(message.attachments?.map(async (item) => {
+                    return {
+                        ...item,
+                        base64: await convertToBase64(item.file),
+                    };
+                }) || [])
+                : message.attachments || [];
             controller?.sendMessage({
                 attaches: attachments.map(item => ({
                     id: item.id,
                     attachId: item.id,
-                    url: item.base64,
+                    url: item?.base64 || '',
                     status: 'success',
+                    file: item.file,
                     type: checkMedia(item.contentType),
                     mimeType: item.contentType,
                 })),
@@ -83,24 +86,45 @@ const ChatkitImpl = forwardRef((props, ref) => {
                     console.log(id);
                 },
                 send: async ({ id, file }) => {
+                    // Map media type to valid content type
+                    const baseMediaType = checkMedia(file.type);
+                    const mediaType = [
+                        'image',
+                        'video',
+                        'audio',
+                    ].includes(baseMediaType)
+                        ? baseMediaType
+                        : 'file';
+                    const contentItem = {
+                        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: 'image',
+                        type: mediaType,
                         name: file.name,
                         contentType: file.type,
-                        content: [
-                            {
-                                type: 'image',
-                                image: file.name,
-                            },
-                        ],
+                        content: [contentItem],
                         status: {
                             type: 'complete',
                         },
                         file,
                     };
                 },
-                accept: 'image/*',
+                accept: accept || 'image/*',
                 add: async ({ file }) => {
                     return {
                         file,
@@ -139,13 +163,13 @@ const ChatkitImpl = forwardRef((props, ref) => {
                             })) : (jsx(ThreadList, {}))), jsx("div", { className: "flex-1 h-full w-[calc(100%-200px)]", children: jsxs(Tt, { orientation: "vertical", style: { height: '100%', width: '100%' }, children: [jsx($t, { children: jsx(Thread, { welcome: welcome, recommends: recommends }) }), selectedSpan && (jsx($t, { defaultSize: '30%', children: jsx(TraceDetail, { selectedSpan: selectedSpan || undefined, onCancel: () => setSelectedSpan(null) }) })), threadBottom] }) })] }), (tools || []).map((tool, index) => React__default.createElement(tool)), jsx(ExecutionCard, {})] }) }, currentThreadId));
 });
 const Chatkit = (props) => {
-    const { initialConfig, welcome, recommends, onError, toolDisplay, plugins, tools, chatController: chatControllerFromProps = null, threadBottom, chatControllerPlugins, threadList, showHeader = true, renderHeader, placeholder, expandToolGroup, expandToolDetail, debugger: debuggerProps, locale, } = props;
+    const { initialConfig, welcome, recommends, onError, toolDisplay, plugins, tools, chatController: chatControllerFromProps = null, threadBottom, chatControllerPlugins, threadList, showHeader = true, renderHeader, placeholder, expandToolGroup, expandToolDetail, debugger: debuggerProps, locale, accept, } = props;
     const controllerRef = useRef(chatControllerFromProps);
     const controller = controllerRef.current;
     const { currentThreadId, threadMap } = useSnapshot(controller.store.state);
     const currentThread = currentThreadId ? threadMap[currentThreadId] : null;
     const messages = useMemo(() => threadMap[currentThread?.id || '']?.messages || [], [currentThread?.id, threadMap]);
-    return (jsx(I18nProvider, { defaultLocale: locale, children: jsx("div", { className: 'chatkit-wrapper', style: { height: '100%' }, "data-chatkit": true, children: jsxs(Tt, { style: { height: '100%' }, children: [jsx($t, { minSize: 750, maxSize: 900, children: jsx(ChatkitImpl, { 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 }, currentThreadId) }), debuggerProps && (jsx($t, { defaultSize: '25%', className: "border-l", children: jsx(ADK, { region: debuggerProps.region, controller: controller, thread: currentThread, messages: (messages.filter(msg => msg.role !== 'user') || []) }) }))] }) }) }));
+    return (jsx(I18nProvider, { defaultLocale: locale, children: jsx("div", { className: 'chatkit-wrapper', style: { height: '100%' }, "data-chatkit": true, children: jsxs(Tt, { style: { height: '100%' }, children: [jsx($t, { minSize: 750, maxSize: 900, children: jsx(ChatkitImpl, { 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 }, currentThreadId) }), debuggerProps && (jsx($t, { defaultSize: '25%', className: "border-l", children: jsx(ADK, { region: debuggerProps.region, controller: controller, thread: currentThread, messages: (messages.filter(msg => msg.role !== 'user') || []) }) }))] }) }) }));
 };
 var index = forwardRef(Chatkit);
 

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Chatkit/index.tsx"],"sourcesContent":["import {\n  ForwardedRef,\n  forwardRef,\n  MutableRefObject,\n  Ref,\n  useMemo,\n  useRef,\n  useEffect,\n  useState,\n} from 'react';\nimport { v4 as uuid } from 'uuid';\nimport { ChatkitProps, ChatkitRef } from './types';\nimport { compact, findLastIndex, isString, values } from 'lodash-es';\nimport { ChatkitProvider } from '@/contexts/ChatkitContext';\nimport { I18nProvider, useI18n } from '@/contexts/I18nContext';\n\nimport { Thread } from '../assistant-ui/thread';\nimport {\n  AssistantRuntimeProvider,\n  tool,\n  useExternalStoreRuntime,\n} from '@assistant-ui/react';\nimport { ChatMessage, ChatController } from '@chat-lab/core';\nimport { Group, Panel } from 'react-resizable-panels';\nimport convertToAssistantMessage from '@/utils/convertToAssistantMessage';\nimport ThreadList from '../thread-list';\nimport { Thread as ThreadType, useSnapshot } from '@chat-lab/core';\nimport { Toaster } from '../ui/toaster';\nimport { toast } from '@/hooks/use-toast';\nimport { convertToBase64 } from '@/utils/convertToBase64';\nimport checkMedia from '@/utils/checkMedia';\nimport { TextMessage } from '@chat-lab/core';\nimport './style.less';\nimport TraceDetail from '@/adk/components/Debug/Trace/TraceDetail';\nimport { useTraceStore } from '@/adk/components/Debug/Trace/store';\nimport Debug from '@/adk/components/Debug';\nimport {\n  BashTool,\n  skillAgentToolSet,\n} from '../assistant-ui-tools/skill-agent-tool-set';\nimport React from 'react';\nimport ExecutionCard from '../assistant-ui-tools/execution-card';\nconst ChatkitImpl = forwardRef(\n  (\n    props: {\n      initialConfig: ChatkitProps['initialConfig'];\n      welcome?: React.ReactNode;\n      recommends?: string[];\n      plugins?: React.ReactNode[];\n      tools?: React.ElementType[];\n      placeholder?: string;\n      threadList?:\n        | React.ReactNode\n        | boolean\n        | ((props: { threadList: Readonly<ThreadType>[] }) => React.ReactNode);\n      threadBottom?: React.ReactNode;\n      showHeader?: boolean;\n      renderHeader?: (props: { thread: ThreadType }) => React.ReactNode;\n\n      expandToolGroup?: boolean;\n      expandToolDetail?: boolean;\n      toolDisplay?: 'group' | 'none' | 'step';\n      expandReasoning?: boolean;\n      controller: ChatController;\n    },\n    ref: ForwardedRef<ChatkitRef>,\n  ) => {\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      placeholder,\n      expandToolGroup = false,\n      expandReasoning = false,\n      expandToolDetail = false,\n      threadBottom,\n    } = props;\n    const controller = props.controller;\n    const { threadMap, currentThreadId } = useSnapshot(controller.store.state);\n    // useImperativeHandleChatkitRef(ref, controller, onError);\n\n    const currentThread = currentThreadId ? threadMap[currentThreadId] : null;\n    const messages = useMemo(\n      () => threadMap[currentThread?.id || '']?.messages || [] || [],\n      [currentThread?.id, threadMap],\n    );\n\n    const { uiMessages, authors } = useMemo(\n      () =>\n        convertToAssistantMessage(messages as Readonly<ChatMessage>[], {\n          toolDisplay: toolDisplay || 'group',\n        }),\n      [messages],\n    );\n\n    const runtime = useExternalStoreRuntime({\n      messages: uiMessages,\n      isLoading: currentThread?.sending,\n      isDisabled: !!currentThread?.metadata['isInitingSession'],\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        controller?.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          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            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/*',\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    const selectedSpan = useTraceStore(state => state.selectedSpan);\n    const setSelectedSpan = useTraceStore(state => state.setSelectedSpan);\n    useEffect(() => () => setSelectedSpan(null), [setSelectedSpan]);\n\n    return (\n      <AssistantRuntimeProvider key={currentThreadId} runtime={runtime}>\n        <ChatkitProvider\n          value={{\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          }}\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 w-[calc(100%-200px)]\">\n              <Group\n                orientation=\"vertical\"\n                style={{ height: '100%', width: '100%' }}\n              >\n                <Panel>\n                  <Thread welcome={welcome} recommends={recommends} />\n                </Panel>\n                {selectedSpan && (\n                  <Panel defaultSize={'30%'}>\n                    <TraceDetail\n                      selectedSpan={selectedSpan || undefined}\n                      onCancel={() => setSelectedSpan(null)}\n                    />\n                  </Panel>\n                )}\n                {threadBottom}\n              </Group>\n            </div>\n          </div>\n          {(tools || []).map((tool, index) => React.createElement(tool))}\n          <ExecutionCard />\n        </ChatkitProvider>\n      </AssistantRuntimeProvider>\n    );\n  },\n);\n\nconst Chatkit = (props: ChatkitProps) => {\n  const {\n    initialConfig,\n    welcome,\n    recommends,\n    onError,\n    toolDisplay,\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    debugger: debuggerProps,\n    locale,\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  const currentThread = currentThreadId ? threadMap[currentThreadId] : null;\n\n  const messages = useMemo(\n    () => threadMap[currentThread?.id || '']?.messages || [],\n    [currentThread?.id, threadMap],\n  );\n\n  return (\n    <I18nProvider defaultLocale={locale}>\n      <div\n        className={'chatkit-wrapper'}\n        style={{ height: '100%' }}\n        data-chatkit\n      >\n        <Group style={{ height: '100%' }}>\n          <Panel minSize={750} maxSize={900}>\n            <ChatkitImpl\n              key={currentThreadId}\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            />\n          </Panel>\n          {debuggerProps && (\n            <Panel defaultSize={'25%'} className=\"border-l\">\n              <Debug\n                region={debuggerProps.region}\n                controller={controller!}\n                thread={currentThread}\n                messages={\n                  (messages.filter(msg => msg.role !== 'user') || []) as any[]\n                }\n              />\n            </Panel>\n          )}\n        </Group>\n      </div>\n    </I18nProvider>\n  );\n};\n\nexport default forwardRef(Chatkit);\n"],"names":["uuid","_jsx","_jsxs","Group","Panel","React","Debug"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Chatkit/index.tsx"],"sourcesContent":["import {\n  ForwardedRef,\n  forwardRef,\n  MutableRefObject,\n  Ref,\n  useMemo,\n  useRef,\n  useEffect,\n  useState,\n} from 'react';\nimport { v4 as uuid } from 'uuid';\nimport { ChatkitProps, ChatkitRef } from './types';\nimport { compact, findLastIndex, isString, values } from 'lodash-es';\nimport { ChatkitProvider } from '@/contexts/ChatkitContext';\nimport { I18nProvider, useI18n } from '@/contexts/I18nContext';\n\nimport { Thread } from '../assistant-ui/thread';\nimport {\n  AssistantRuntimeProvider,\n  tool,\n  useExternalStoreRuntime,\n} from '@assistant-ui/react';\nimport { ChatMessage, ChatController } from '@chat-lab/core';\nimport { Group, Panel } from 'react-resizable-panels';\nimport convertToAssistantMessage from '@/utils/convertToAssistantMessage';\nimport ThreadList from '../thread-list';\nimport { Thread as ThreadType, useSnapshot } from '@chat-lab/core';\nimport { Toaster } from '../ui/toaster';\nimport { toast } from '@/hooks/use-toast';\nimport { convertToBase64 } from '@/utils/convertToBase64';\nimport checkMedia from '@/utils/checkMedia';\nimport { TextMessage } from '@chat-lab/core';\nimport './style.less';\nimport TraceDetail from '@/adk/components/Debug/Trace/TraceDetail';\nimport { useTraceStore } from '@/adk/components/Debug/Trace/store';\nimport Debug from '@/adk/components/Debug';\nimport {\n  BashTool,\n  skillAgentToolSet,\n} from '../assistant-ui-tools/skill-agent-tool-set';\nimport React from 'react';\nimport ExecutionCard from '../assistant-ui-tools/execution-card';\nconst ChatkitImpl = forwardRef(\n  (\n    props: {\n      initialConfig: ChatkitProps['initialConfig'];\n      welcome?: React.ReactNode;\n      recommends?: string[];\n      plugins?: React.ReactNode[];\n      tools?: React.ElementType[];\n      placeholder?: string;\n      threadList?:\n        | React.ReactNode\n        | boolean\n        | ((props: { threadList: Readonly<ThreadType>[] }) => React.ReactNode);\n      threadBottom?: React.ReactNode;\n      showHeader?: boolean;\n      renderHeader?: (props: { thread: ThreadType }) => React.ReactNode;\n\n      expandToolGroup?: boolean;\n      expandToolDetail?: boolean;\n      toolDisplay?: 'group' | 'none' | 'step';\n      expandReasoning?: boolean;\n      controller: ChatController;\n      accept?: string;\n    },\n    ref: ForwardedRef<ChatkitRef>,\n  ) => {\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      placeholder,\n      expandToolGroup = false,\n      expandReasoning = false,\n      expandToolDetail = false,\n      uploadeBase64 = true,\n      threadBottom,\n      accept,\n    } = props;\n    const controller = props.controller;\n    const { threadMap, currentThreadId } = useSnapshot(controller.store.state);\n    // useImperativeHandleChatkitRef(ref, controller, onError);\n\n    const currentThread = currentThreadId ? threadMap[currentThreadId] : null;\n    const messages = useMemo(\n      () => threadMap[currentThread?.id || '']?.messages || [] || [],\n      [currentThread?.id, threadMap],\n    );\n\n    const { uiMessages, authors } = useMemo(\n      () =>\n        convertToAssistantMessage(messages as Readonly<ChatMessage>[], {\n          toolDisplay: toolDisplay || 'group',\n        }),\n      [messages],\n    );\n\n    const runtime = useExternalStoreRuntime({\n      messages: uiMessages,\n      isLoading: currentThread?.sending,\n      isDisabled: !!currentThread?.metadata['isInitingSession'],\n      convertMessage: message => message,\n      onNew: async message => {\n        const attachments = uploadeBase64\n          ? 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          : 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            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    const selectedSpan = useTraceStore(state => state.selectedSpan);\n    const setSelectedSpan = useTraceStore(state => state.setSelectedSpan);\n    useEffect(() => () => setSelectedSpan(null), [setSelectedSpan]);\n\n    return (\n      <AssistantRuntimeProvider key={currentThreadId} runtime={runtime}>\n        <ChatkitProvider\n          value={{\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          }}\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 w-[calc(100%-200px)]\">\n              <Group\n                orientation=\"vertical\"\n                style={{ height: '100%', width: '100%' }}\n              >\n                <Panel>\n                  <Thread welcome={welcome} recommends={recommends} />\n                </Panel>\n                {selectedSpan && (\n                  <Panel defaultSize={'30%'}>\n                    <TraceDetail\n                      selectedSpan={selectedSpan || undefined}\n                      onCancel={() => setSelectedSpan(null)}\n                    />\n                  </Panel>\n                )}\n                {threadBottom}\n              </Group>\n            </div>\n          </div>\n          {(tools || []).map((tool, index) => React.createElement(tool))}\n          <ExecutionCard />\n        </ChatkitProvider>\n      </AssistantRuntimeProvider>\n    );\n  },\n);\n\nconst Chatkit = (props: ChatkitProps) => {\n  const {\n    initialConfig,\n    welcome,\n    recommends,\n    onError,\n    toolDisplay,\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    debugger: debuggerProps,\n    locale,\n    accept,\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  const currentThread = currentThreadId ? threadMap[currentThreadId] : null;\n\n  const messages = useMemo(\n    () => threadMap[currentThread?.id || '']?.messages || [],\n    [currentThread?.id, threadMap],\n  );\n\n  return (\n    <I18nProvider defaultLocale={locale}>\n      <div\n        className={'chatkit-wrapper'}\n        style={{ height: '100%' }}\n        data-chatkit\n      >\n        <Group style={{ height: '100%' }}>\n          <Panel minSize={750} maxSize={900}>\n            <ChatkitImpl\n              key={currentThreadId}\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            />\n          </Panel>\n          {debuggerProps && (\n            <Panel defaultSize={'25%'} className=\"border-l\">\n              <Debug\n                region={debuggerProps.region}\n                controller={controller!}\n                thread={currentThread}\n                messages={\n                  (messages.filter(msg => msg.role !== 'user') || []) as any[]\n                }\n              />\n            </Panel>\n          )}\n        </Group>\n      </div>\n    </I18nProvider>\n  );\n};\n\nexport default forwardRef(Chatkit);\n"],"names":["uuid","_jsx","_jsxs","Group","Panel","React","Debug"],"mappings":"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"}

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

@@ -27,6 +27,7 @@ export interface ChatkitProps {
         region: string;
     };
     locale?: 'zh-CN' | 'en-US';
+    accept?: string;
 }
 export interface ChatkitRef {
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Chatkit/types.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,aAAa,EACb,WAAW,EACX,kBAAkB,EAClB,cAAc,EACd,MAAM,EACP,MAAM,gBAAgB,CAAC;AAKxB,MAAM,WAAW,YAAY;IAC3B,UAAU,CAAC,EACP,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,KAAK,EAAE;QAAE,UAAU,EAAE,MAAM,EAAE,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC,GACtD,OAAO,CAAC;IACZ,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,aAAa,EAAE;QACb,eAAe,EAAE,kBAAkB,CAAC;QACpC,cAAc,EAAE,cAAc,CAAC;KAChC,CAAC;IACF,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IACxC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IACrE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC,WAAW,EAAE,CAAC;IAC5B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC5B,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,qBAAqB,CAAC,EAAE,aAAa,EAAE,CAAC;IACxC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,GAAG;QAAE,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IACtC,MAAM,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;CAC5B;AAED,MAAM,WAAW,UAAU;IAGzB;;;;OAIG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC;;;;OAIG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAElC,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7C,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,KAAK,EAAE,MAAM,IAAI,CAAC;IAGlB,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,gBAAgB,EAAE,MAAM,MAAM,GAAG,IAAI,CAAC;IACtC,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAE/B,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,KAAK,IAAI,CAAC;IAC9E,aAAa,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAGxD,UAAU,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAC7D,aAAa,EAAE,CACb,QAAQ,EAAE,MAAM,EAChB,SAAS,EAAE,MAAM,EACjB,aAAa,EACT;QACE,cAAc,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC;QACjD,OAAO,EAAE,IAAI,CAAC;KACf,GACD;QACE,cAAc,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;QACxC,OAAO,EAAE,KAAK,CAAC;KAChB,KACF,IAAI,CAAC;IACV,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,IAAI,CAAC;IACpE,aAAa,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7D,aAAa,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAG7D,iBAAiB,EAAE,CAAC,cAAc,EAAE,cAAc,KAAK,IAAI,CAAC;IAC5D,iBAAiB,EAAE,MAAM,cAAc,CAAC;IACxC,kBAAkB,EAAE,CAAC,eAAe,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAClE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;IAC7C;;OAEG;IAEH;;;;OAIG;IACH,WAAW,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,UAAU,CAAC,KAAK,IAAI,CAAC;IAE1E,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Chatkit/types.ts"],"names":[],"mappings":"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"}

package/dist/hooks/useSkillAgent/SkillAgentPlugin.cjs

@@ -7,6 +7,7 @@ class SkillAgentPlugin extends index.ChatkitPlugin {
     constructor(options) {
         super({ pluginName });
         this.onStateChange = options.onStateChange;
+        this.onUploadFiles = options.onUploadFiles;
     }
     apply(compiler) {
         compiler.hooks.message.received.tap(pluginName, (ctx) => {
@@ -14,8 +15,34 @@ class SkillAgentPlugin extends index.ChatkitPlugin {
             if (metadata.hasStateDelta) {
                 this.onStateChange?.(metadata.stateDelta);
             }
+            const threadId = ctx.threadId;
+            const thread = this.chatController?.getThread(threadId);
+            this.chatController?.updateThread(threadId, {
+                metadata: {
+                    ...thread?.metadata,
+                    stateDelta: metadata.stateDelta,
+                },
+            });
             return ctx;
         });
+        compiler.hooks.message.beforeSend.tap(pluginName, async (ctx) => {
+            const filePaths = await this.onUploadFiles?.(ctx.userMessage.attaches.map(({ file }) => file));
+            return {
+                ...ctx,
+                attachments: [],
+                userMessage: {
+                    ...ctx.userMessage,
+                    content: ctx.userMessage.content.concat({
+                        type: 'text',
+                        text: `附件 ：${filePaths?.join(',') || ''}`,
+                    }),
+                },
+            };
+        });
+    }
+    updateOptions(options) {
+        this.onStateChange = options.onStateChange;
+        this.onUploadFiles = options.onUploadFiles;
     }
 }
 

package/dist/hooks/useSkillAgent/SkillAgentPlugin.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SkillAgentPlugin.cjs","sources":["../../../src/hooks/useSkillAgent/SkillAgentPlugin.ts"],"sourcesContent":["import { ChatkitPlugin, Compiler } from '@chat-lab/core';\nconst pluginName = 'SkillAgentPlugin';\nclass SkillAgentPlugin extends ChatkitPlugin {\n  onStateChange?: (state: string) => void;\n  constructor(options: { onStateChange?: (state: string) => void }) {\n    super({ pluginName });\n    this.onStateChange = options.onStateChange;\n  }\n  apply(compiler: Compiler) {\n    compiler.hooks.message.received.tap(pluginName, (ctx: any) => {\n      const metadata = ctx.metadata;\n      if (metadata.hasStateDelta) {\n        this.onStateChange?.(metadata.stateDelta);\n      }\n\n      return ctx;\n    });\n  }\n}\n\nexport default SkillAgentPlugin;\n"],"names":["ChatkitPlugin"],"mappings":";;;;AACA,MAAM,UAAU,GAAG,kBAAkB,CAAC;AACtC,MAAM,gBAAiB,SAAQA,mBAAa,CAAA;AAE1C,IAAA,WAAA,CAAY,OAAoD,EAAA;AAC9D,QAAA,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC,CAAC;AACtB,QAAA,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,aAAa,CAAC;KAC5C;AACD,IAAA,KAAK,CAAC,QAAkB,EAAA;AACtB,QAAA,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC,GAAQ,KAAI;AAC3D,YAAA,MAAM,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;AAC9B,YAAA,IAAI,QAAQ,CAAC,aAAa,EAAE;gBAC1B,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC;aAC3C;AAED,YAAA,OAAO,GAAG,CAAC;AACb,SAAC,CAAC,CAAC;KACJ;AACF;;;;"}
+{"version":3,"file":"SkillAgentPlugin.cjs","sources":["../../../src/hooks/useSkillAgent/SkillAgentPlugin.ts"],"sourcesContent":["import { ChatkitPlugin, Compiler } from '@chat-lab/core';\nimport { SkillAgentOptions } from '.';\nconst pluginName = 'SkillAgentPlugin';\nclass SkillAgentPlugin extends ChatkitPlugin {\n  onStateChange?: (state: string) => void;\n  onUploadFiles?: (files: File[]) => Promise<string[]>;\n  constructor(options: {\n    onStateChange?: (state: string) => void;\n    onUploadFiles?: (files: File[]) => Promise<string[]>;\n  }) {\n    super({ pluginName });\n    this.onStateChange = options.onStateChange;\n    this.onUploadFiles = options.onUploadFiles;\n  }\n  apply(compiler: Compiler) {\n    compiler.hooks.message.received.tap(pluginName, (ctx: any) => {\n      const metadata = ctx.metadata;\n      if (metadata.hasStateDelta) {\n        this.onStateChange?.(metadata.stateDelta);\n      }\n      const threadId = ctx.threadId;\n      const thread = this.chatController?.getThread(threadId);\n      this.chatController?.updateThread(threadId, {\n        metadata: {\n          ...thread?.metadata,\n          stateDelta: metadata.stateDelta,\n        },\n      });\n\n      return ctx;\n    });\n\n    compiler.hooks.message.beforeSend.tap(pluginName, async (ctx: any) => {\n      const filePaths = await this.onUploadFiles?.(\n        ctx.userMessage.attaches.map(({ file }) => file),\n      );\n\n      return {\n        ...ctx,\n        attachments: [],\n        userMessage: {\n          ...ctx.userMessage,\n          content: ctx.userMessage.content.concat({\n            type: 'text',\n            text: `附件 ：${filePaths?.join(',') || ''}`,\n          }),\n        },\n      };\n    });\n  }\n\n  updateOptions(options: SkillAgentOptions) {\n    this.onStateChange = options.onStateChange;\n    this.onUploadFiles = options.onUploadFiles;\n  }\n}\n\nexport default SkillAgentPlugin;\n"],"names":["ChatkitPlugin"],"mappings":";;;;AAEA,MAAM,UAAU,GAAG,kBAAkB,CAAC;AACtC,MAAM,gBAAiB,SAAQA,mBAAa,CAAA;AAG1C,IAAA,WAAA,CAAY,OAGX,EAAA;AACC,QAAA,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC,CAAC;AACtB,QAAA,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,aAAa,CAAC;AAC3C,QAAA,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,aAAa,CAAC;KAC5C;AACD,IAAA,KAAK,CAAC,QAAkB,EAAA;AACtB,QAAA,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC,GAAQ,KAAI;AAC3D,YAAA,MAAM,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;AAC9B,YAAA,IAAI,QAAQ,CAAC,aAAa,EAAE;gBAC1B,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC;aAC3C;AACD,YAAA,MAAM,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;YAC9B,MAAM,MAAM,GAAG,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;AACxD,YAAA,IAAI,CAAC,cAAc,EAAE,YAAY,CAAC,QAAQ,EAAE;AAC1C,gBAAA,QAAQ,EAAE;oBACR,GAAG,MAAM,EAAE,QAAQ;oBACnB,UAAU,EAAE,QAAQ,CAAC,UAAU;AAChC,iBAAA;AACF,aAAA,CAAC,CAAC;AAEH,YAAA,OAAO,GAAG,CAAC;AACb,SAAC,CAAC,CAAC;AAEH,QAAA,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,UAAU,EAAE,OAAO,GAAQ,KAAI;YACnE,MAAM,SAAS,GAAG,MAAM,IAAI,CAAC,aAAa,GACxC,GAAG,CAAC,WAAW,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC,CACjD,CAAC;YAEF,OAAO;AACL,gBAAA,GAAG,GAAG;AACN,gBAAA,WAAW,EAAE,EAAE;AACf,gBAAA,WAAW,EAAE;oBACX,GAAG,GAAG,CAAC,WAAW;oBAClB,OAAO,EAAE,GAAG,CAAC,WAAW,CAAC,OAAO,CAAC,MAAM,CAAC;AACtC,wBAAA,IAAI,EAAE,MAAM;wBACZ,IAAI,EAAE,CAAO,IAAA,EAAA,SAAS,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAE,CAAA;qBAC1C,CAAC;AACH,iBAAA;aACF,CAAC;AACJ,SAAC,CAAC,CAAC;KACJ;AAED,IAAA,aAAa,CAAC,OAA0B,EAAA;AACtC,QAAA,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,aAAa,CAAC;AAC3C,QAAA,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,aAAa,CAAC;KAC5C;AACF;;;;"}

package/dist/hooks/useSkillAgent/SkillAgentPlugin.d.ts

@@ -1,10 +1,14 @@
 import { ChatkitPlugin, Compiler } from '@chat-lab/core';
+import { SkillAgentOptions } from '.';
 declare class SkillAgentPlugin extends ChatkitPlugin {
     onStateChange?: (state: string) => void;
+    onUploadFiles?: (files: File[]) => Promise<string[]>;
     constructor(options: {
         onStateChange?: (state: string) => void;
+        onUploadFiles?: (files: File[]) => Promise<string[]>;
     });
     apply(compiler: Compiler): void;
+    updateOptions(options: SkillAgentOptions): void;
 }
 export default SkillAgentPlugin;
 //# sourceMappingURL=SkillAgentPlugin.d.ts.map

package/dist/hooks/useSkillAgent/SkillAgentPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SkillAgentPlugin.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSkillAgent/SkillAgentPlugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAEzD,cAAM,gBAAiB,SAAQ,aAAa;IAC1C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;gBAC5B,OAAO,EAAE;QAAE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;KAAE;IAIhE,KAAK,CAAC,QAAQ,EAAE,QAAQ;CAUzB;AAED,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"SkillAgentPlugin.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSkillAgent/SkillAgentPlugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,GAAG,CAAC;AAEtC,cAAM,gBAAiB,SAAQ,aAAa;IAC1C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;gBACzC,OAAO,EAAE;QACnB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;QACxC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;KACtD;IAKD,KAAK,CAAC,QAAQ,EAAE,QAAQ;IAqCxB,aAAa,CAAC,OAAO,EAAE,iBAAiB;CAIzC;AAED,eAAe,gBAAgB,CAAC"}

package/dist/hooks/useSkillAgent/SkillAgentPlugin.js

@@ -5,6 +5,7 @@ class SkillAgentPlugin extends ChatkitPlugin {
     constructor(options) {
         super({ pluginName });
         this.onStateChange = options.onStateChange;
+        this.onUploadFiles = options.onUploadFiles;
     }
     apply(compiler) {
         compiler.hooks.message.received.tap(pluginName, (ctx) => {
@@ -12,8 +13,34 @@ class SkillAgentPlugin extends ChatkitPlugin {
             if (metadata.hasStateDelta) {
                 this.onStateChange?.(metadata.stateDelta);
             }
+            const threadId = ctx.threadId;
+            const thread = this.chatController?.getThread(threadId);
+            this.chatController?.updateThread(threadId, {
+                metadata: {
+                    ...thread?.metadata,
+                    stateDelta: metadata.stateDelta,
+                },
+            });
             return ctx;
         });
+        compiler.hooks.message.beforeSend.tap(pluginName, async (ctx) => {
+            const filePaths = await this.onUploadFiles?.(ctx.userMessage.attaches.map(({ file }) => file));
+            return {
+                ...ctx,
+                attachments: [],
+                userMessage: {
+                    ...ctx.userMessage,
+                    content: ctx.userMessage.content.concat({
+                        type: 'text',
+                        text: `附件 ：${filePaths?.join(',') || ''}`,
+                    }),
+                },
+            };
+        });
+    }
+    updateOptions(options) {
+        this.onStateChange = options.onStateChange;
+        this.onUploadFiles = options.onUploadFiles;
     }
 }
 

package/dist/hooks/useSkillAgent/SkillAgentPlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkillAgentPlugin.js","sources":["../../../src/hooks/useSkillAgent/SkillAgentPlugin.ts"],"sourcesContent":["import { ChatkitPlugin, Compiler } from '@chat-lab/core';\nconst pluginName = 'SkillAgentPlugin';\nclass SkillAgentPlugin extends ChatkitPlugin {\n  onStateChange?: (state: string) => void;\n  constructor(options: { onStateChange?: (state: string) => void }) {\n    super({ pluginName });\n    this.onStateChange = options.onStateChange;\n  }\n  apply(compiler: Compiler) {\n    compiler.hooks.message.received.tap(pluginName, (ctx: any) => {\n      const metadata = ctx.metadata;\n      if (metadata.hasStateDelta) {\n        this.onStateChange?.(metadata.stateDelta);\n      }\n\n      return ctx;\n    });\n  }\n}\n\nexport default SkillAgentPlugin;\n"],"names":[],"mappings":";;AACA,MAAM,UAAU,GAAG,kBAAkB,CAAC;AACtC,MAAM,gBAAiB,SAAQ,aAAa,CAAA;AAE1C,IAAA,WAAA,CAAY,OAAoD,EAAA;AAC9D,QAAA,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC,CAAC;AACtB,QAAA,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,aAAa,CAAC;KAC5C;AACD,IAAA,KAAK,CAAC,QAAkB,EAAA;AACtB,QAAA,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC,GAAQ,KAAI;AAC3D,YAAA,MAAM,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;AAC9B,YAAA,IAAI,QAAQ,CAAC,aAAa,EAAE;gBAC1B,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC;aAC3C;AAED,YAAA,OAAO,GAAG,CAAC;AACb,SAAC,CAAC,CAAC;KACJ;AACF;;;;"}
+{"version":3,"file":"SkillAgentPlugin.js","sources":["../../../src/hooks/useSkillAgent/SkillAgentPlugin.ts"],"sourcesContent":["import { ChatkitPlugin, Compiler } from '@chat-lab/core';\nimport { SkillAgentOptions } from '.';\nconst pluginName = 'SkillAgentPlugin';\nclass SkillAgentPlugin extends ChatkitPlugin {\n  onStateChange?: (state: string) => void;\n  onUploadFiles?: (files: File[]) => Promise<string[]>;\n  constructor(options: {\n    onStateChange?: (state: string) => void;\n    onUploadFiles?: (files: File[]) => Promise<string[]>;\n  }) {\n    super({ pluginName });\n    this.onStateChange = options.onStateChange;\n    this.onUploadFiles = options.onUploadFiles;\n  }\n  apply(compiler: Compiler) {\n    compiler.hooks.message.received.tap(pluginName, (ctx: any) => {\n      const metadata = ctx.metadata;\n      if (metadata.hasStateDelta) {\n        this.onStateChange?.(metadata.stateDelta);\n      }\n      const threadId = ctx.threadId;\n      const thread = this.chatController?.getThread(threadId);\n      this.chatController?.updateThread(threadId, {\n        metadata: {\n          ...thread?.metadata,\n          stateDelta: metadata.stateDelta,\n        },\n      });\n\n      return ctx;\n    });\n\n    compiler.hooks.message.beforeSend.tap(pluginName, async (ctx: any) => {\n      const filePaths = await this.onUploadFiles?.(\n        ctx.userMessage.attaches.map(({ file }) => file),\n      );\n\n      return {\n        ...ctx,\n        attachments: [],\n        userMessage: {\n          ...ctx.userMessage,\n          content: ctx.userMessage.content.concat({\n            type: 'text',\n            text: `附件 ：${filePaths?.join(',') || ''}`,\n          }),\n        },\n      };\n    });\n  }\n\n  updateOptions(options: SkillAgentOptions) {\n    this.onStateChange = options.onStateChange;\n    this.onUploadFiles = options.onUploadFiles;\n  }\n}\n\nexport default SkillAgentPlugin;\n"],"names":[],"mappings":";;AAEA,MAAM,UAAU,GAAG,kBAAkB,CAAC;AACtC,MAAM,gBAAiB,SAAQ,aAAa,CAAA;AAG1C,IAAA,WAAA,CAAY,OAGX,EAAA;AACC,QAAA,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC,CAAC;AACtB,QAAA,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,aAAa,CAAC;AAC3C,QAAA,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,aAAa,CAAC;KAC5C;AACD,IAAA,KAAK,CAAC,QAAkB,EAAA;AACtB,QAAA,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC,GAAQ,KAAI;AAC3D,YAAA,MAAM,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;AAC9B,YAAA,IAAI,QAAQ,CAAC,aAAa,EAAE;gBAC1B,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC;aAC3C;AACD,YAAA,MAAM,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;YAC9B,MAAM,MAAM,GAAG,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;AACxD,YAAA,IAAI,CAAC,cAAc,EAAE,YAAY,CAAC,QAAQ,EAAE;AAC1C,gBAAA,QAAQ,EAAE;oBACR,GAAG,MAAM,EAAE,QAAQ;oBACnB,UAAU,EAAE,QAAQ,CAAC,UAAU;AAChC,iBAAA;AACF,aAAA,CAAC,CAAC;AAEH,YAAA,OAAO,GAAG,CAAC;AACb,SAAC,CAAC,CAAC;AAEH,QAAA,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,UAAU,EAAE,OAAO,GAAQ,KAAI;YACnE,MAAM,SAAS,GAAG,MAAM,IAAI,CAAC,aAAa,GACxC,GAAG,CAAC,WAAW,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC,CACjD,CAAC;YAEF,OAAO;AACL,gBAAA,GAAG,GAAG;AACN,gBAAA,WAAW,EAAE,EAAE;AACf,gBAAA,WAAW,EAAE;oBACX,GAAG,GAAG,CAAC,WAAW;oBAClB,OAAO,EAAE,GAAG,CAAC,WAAW,CAAC,OAAO,CAAC,MAAM,CAAC;AACtC,wBAAA,IAAI,EAAE,MAAM;wBACZ,IAAI,EAAE,CAAO,IAAA,EAAA,SAAS,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAE,CAAA;qBAC1C,CAAC;AACH,iBAAA;aACF,CAAC;AACJ,SAAC,CAAC,CAAC;KACJ;AAED,IAAA,aAAa,CAAC,OAA0B,EAAA;AACtC,QAAA,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,aAAa,CAAC;AAC3C,QAAA,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,aAAa,CAAC;KAC5C;AACF;;;;"}

package/dist/hooks/useSkillAgent/index.cjs

@@ -7,11 +7,17 @@ var index$1 = require('../../node_modules/.pnpm/ahooks@3.9.6_react-dom@17.0.2_re
 
 const useSkillAgent = (options) => {
     const chatControllerRef = React.useRef();
-    if (!chatControllerRef.current) {
-        const store = new index.ThreadMessageManager(index.createThreadManagerState());
-        const plugin = new SkillAgentPlugin({
+    const pluginRef = React.useRef();
+    if (!pluginRef.current) {
+        pluginRef.current = new SkillAgentPlugin({
             onStateChange: options.onStateChange,
+            onUploadFiles: options.onUploadFiles,
         });
+    }
+    pluginRef.current.updateOptions(options);
+    if (!chatControllerRef.current) {
+        const store = new index.ThreadMessageManager(index.createThreadManagerState());
+        const plugin = pluginRef.current;
         const adlPlugin = new index.AdkPlugin({
             appName: options.adkOptions.appName,
             userId: options.adkOptions.userID,
@@ -57,10 +63,14 @@ const useSkillAgent = (options) => {
             chatControllerRef.current?.setCurrentThread(sessionId);
         });
     });
+    const getDeltaState = index$1(() => {
+        return chatControllerRef.current?.getCurrentThread();
+    });
     return {
         controllerRef: chatControllerRef,
         sendMessage,
         ready,
+        getDeltaState,
     };
 };