@chat-lab/ui 0.1.0-beta.64 → 0.1.0-beta.66
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Chatkit/index.cjs +68 -61
- package/dist/components/Chatkit/index.cjs.map +1 -1
- package/dist/components/Chatkit/index.d.ts.map +1 -1
- package/dist/components/Chatkit/index.js +68 -61
- package/dist/components/Chatkit/index.js.map +1 -1
- package/dist/components/assistant-ui/thread.cjs +38 -16
- package/dist/components/assistant-ui/thread.cjs.map +1 -1
- package/dist/components/assistant-ui/thread.d.ts.map +1 -1
- package/dist/components/assistant-ui/thread.js +38 -16
- package/dist/components/assistant-ui/thread.js.map +1 -1
- package/dist/core/dist/index.cjs +3 -1
- package/dist/core/dist/index.cjs.map +1 -1
- package/dist/core/dist/index.js +3 -1
- package/dist/core/dist/index.js.map +1 -1
- package/dist/hooks/useClawChat/convertHistoryMessage.cjs +41 -22
- package/dist/hooks/useClawChat/convertHistoryMessage.cjs.map +1 -1
- package/dist/hooks/useClawChat/convertHistoryMessage.d.ts.map +1 -1
- package/dist/hooks/useClawChat/convertHistoryMessage.js +41 -22
- package/dist/hooks/useClawChat/convertHistoryMessage.js.map +1 -1
- package/dist/hooks/useClawChat/index.cjs +9 -3
- package/dist/hooks/useClawChat/index.cjs.map +1 -1
- package/dist/hooks/useClawChat/index.d.ts.map +1 -1
- package/dist/hooks/useClawChat/index.js +11 -5
- package/dist/hooks/useClawChat/index.js.map +1 -1
- package/dist/hooks/useClawChat/types.cjs.map +1 -1
- package/dist/hooks/useClawChat/types.d.ts +4 -2
- package/dist/hooks/useClawChat/types.d.ts.map +1 -1
- package/dist/hooks/useClawChat/types.js.map +1 -1
- package/dist/index.css +1 -1
- package/dist/utils/convertToAssistantMessage.cjs +2 -2
- package/dist/utils/convertToAssistantMessage.cjs.map +1 -1
- package/dist/utils/convertToAssistantMessage.d.ts.map +1 -1
- package/dist/utils/convertToAssistantMessage.js +2 -2
- package/dist/utils/convertToAssistantMessage.js.map +1 -1
- package/package.json +1 -1
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
4
|
var React = require('react');
|
|
5
|
-
var uuid = require('uuid');
|
|
6
5
|
var lodashEs = require('lodash-es');
|
|
7
6
|
var react = require('@assistant-ui/react');
|
|
8
7
|
require('../../core/dist/index.cjs');
|
|
@@ -79,67 +78,75 @@ const ChatkitImpl = React.forwardRef((props, ref) => {
|
|
|
79
78
|
onCancel: async () => {
|
|
80
79
|
controller?.abortMessage();
|
|
81
80
|
},
|
|
82
|
-
adapters: {
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
81
|
+
// adapters: {
|
|
82
|
+
// attachments: {
|
|
83
|
+
// remove: async ({ id }) => {
|
|
84
|
+
// console.log(id);
|
|
85
|
+
// },
|
|
86
|
+
// send: async ({ id, file }) => {
|
|
87
|
+
// // Map media type to valid content type
|
|
88
|
+
// const baseMediaType = checkMedia(file.type) as
|
|
89
|
+
// | 'image'
|
|
90
|
+
// | 'video'
|
|
91
|
+
// | 'audio';
|
|
92
|
+
// const mediaType: 'image' | 'video' | 'audio' | 'file' = [
|
|
93
|
+
// 'image',
|
|
94
|
+
// 'video',
|
|
95
|
+
// 'audio',
|
|
96
|
+
// ].includes(baseMediaType)
|
|
97
|
+
// ? baseMediaType
|
|
98
|
+
// : 'file';
|
|
99
|
+
// const contentItem: {
|
|
100
|
+
// type: typeof mediaType;
|
|
101
|
+
// image?: string;
|
|
102
|
+
// video?: string;
|
|
103
|
+
// audio?: string;
|
|
104
|
+
// file?: string;
|
|
105
|
+
// } = {
|
|
106
|
+
// type: mediaType,
|
|
107
|
+
// };
|
|
108
|
+
// switch (mediaType) {
|
|
109
|
+
// case 'image':
|
|
110
|
+
// contentItem.image = file.name;
|
|
111
|
+
// break;
|
|
112
|
+
// case 'video':
|
|
113
|
+
// contentItem.video = file.name;
|
|
114
|
+
// break;
|
|
115
|
+
// case 'audio':
|
|
116
|
+
// contentItem.audio = file.name;
|
|
117
|
+
// break;
|
|
118
|
+
// case 'file':
|
|
119
|
+
// contentItem.file = file.name;
|
|
120
|
+
// break;
|
|
121
|
+
// }
|
|
122
|
+
// return {
|
|
123
|
+
// id,
|
|
124
|
+
// type: mediaType,
|
|
125
|
+
// name: file.name,
|
|
126
|
+
// contentType: file.type,
|
|
127
|
+
// content: [contentItem],
|
|
128
|
+
// status: {
|
|
129
|
+
// type: 'complete',
|
|
130
|
+
// },
|
|
131
|
+
// file,
|
|
132
|
+
// };
|
|
133
|
+
// },
|
|
134
|
+
// accept: accept || 'image/*',
|
|
135
|
+
// add: async ({ file }) => ({
|
|
136
|
+
// file,
|
|
137
|
+
// id: uuid(),
|
|
138
|
+
// type: 'image',
|
|
139
|
+
// name: file.name,
|
|
140
|
+
// contentType: file.type,
|
|
141
|
+
// status: {
|
|
142
|
+
// type: 'running',
|
|
143
|
+
// reason: 'uploading',
|
|
144
|
+
// progress: 0,
|
|
145
|
+
// },
|
|
146
|
+
// }),
|
|
147
|
+
// },
|
|
148
|
+
// },
|
|
141
149
|
});
|
|
142
|
-
console.log(composerTop);
|
|
143
150
|
return (jsxRuntime.jsx(react.AssistantRuntimeProvider, { runtime: runtime, children: jsxRuntime.jsxs(ChatkitContext.ChatkitProvider, { value: {
|
|
144
151
|
ref: ref,
|
|
145
152
|
plugins: plugins || [],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"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 } 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 } = 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 console.log(composerTop);\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 composerDisabled,\n composerTop,\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 <Thread welcome={welcome} recommends={recommends} />\n {threadBottom}\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 } = 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 />\n </div>\n </I18nProvider>\n );\n}\n\nexport default forwardRef(Chatkit);\n"],"names":["forwardRef","useI18n","threadList","useSnapshot","useMemo","useExternalStoreRuntime","convertToBase64","compact","uuid","_jsx","AssistantRuntimeProvider","_jsxs","ChatkitProvider","values","ThreadList","Thread","ExecutionCard","useRef","I18nProvider"],"mappings":"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"}
|
|
1
|
+
{"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 } 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 } = 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 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 }}\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 <Thread welcome={welcome} recommends={recommends} />\n {threadBottom}\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 } = 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 />\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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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"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;;
|
|
1
|
+
{"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;;AAiRnD,wBAAmC"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
2
|
import React__default, { forwardRef, useMemo, useRef } from 'react';
|
|
3
|
-
import { v4 } from 'uuid';
|
|
4
3
|
import { compact, values } from 'lodash-es';
|
|
5
4
|
import { useExternalStoreRuntime, AssistantRuntimeProvider } from '@assistant-ui/react';
|
|
6
5
|
import '../../core/dist/index.js';
|
|
@@ -77,67 +76,75 @@ const ChatkitImpl = forwardRef((props, ref) => {
|
|
|
77
76
|
onCancel: async () => {
|
|
78
77
|
controller?.abortMessage();
|
|
79
78
|
},
|
|
80
|
-
adapters: {
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
79
|
+
// adapters: {
|
|
80
|
+
// attachments: {
|
|
81
|
+
// remove: async ({ id }) => {
|
|
82
|
+
// console.log(id);
|
|
83
|
+
// },
|
|
84
|
+
// send: async ({ id, file }) => {
|
|
85
|
+
// // Map media type to valid content type
|
|
86
|
+
// const baseMediaType = checkMedia(file.type) as
|
|
87
|
+
// | 'image'
|
|
88
|
+
// | 'video'
|
|
89
|
+
// | 'audio';
|
|
90
|
+
// const mediaType: 'image' | 'video' | 'audio' | 'file' = [
|
|
91
|
+
// 'image',
|
|
92
|
+
// 'video',
|
|
93
|
+
// 'audio',
|
|
94
|
+
// ].includes(baseMediaType)
|
|
95
|
+
// ? baseMediaType
|
|
96
|
+
// : 'file';
|
|
97
|
+
// const contentItem: {
|
|
98
|
+
// type: typeof mediaType;
|
|
99
|
+
// image?: string;
|
|
100
|
+
// video?: string;
|
|
101
|
+
// audio?: string;
|
|
102
|
+
// file?: string;
|
|
103
|
+
// } = {
|
|
104
|
+
// type: mediaType,
|
|
105
|
+
// };
|
|
106
|
+
// switch (mediaType) {
|
|
107
|
+
// case 'image':
|
|
108
|
+
// contentItem.image = file.name;
|
|
109
|
+
// break;
|
|
110
|
+
// case 'video':
|
|
111
|
+
// contentItem.video = file.name;
|
|
112
|
+
// break;
|
|
113
|
+
// case 'audio':
|
|
114
|
+
// contentItem.audio = file.name;
|
|
115
|
+
// break;
|
|
116
|
+
// case 'file':
|
|
117
|
+
// contentItem.file = file.name;
|
|
118
|
+
// break;
|
|
119
|
+
// }
|
|
120
|
+
// return {
|
|
121
|
+
// id,
|
|
122
|
+
// type: mediaType,
|
|
123
|
+
// name: file.name,
|
|
124
|
+
// contentType: file.type,
|
|
125
|
+
// content: [contentItem],
|
|
126
|
+
// status: {
|
|
127
|
+
// type: 'complete',
|
|
128
|
+
// },
|
|
129
|
+
// file,
|
|
130
|
+
// };
|
|
131
|
+
// },
|
|
132
|
+
// accept: accept || 'image/*',
|
|
133
|
+
// add: async ({ file }) => ({
|
|
134
|
+
// file,
|
|
135
|
+
// id: uuid(),
|
|
136
|
+
// type: 'image',
|
|
137
|
+
// name: file.name,
|
|
138
|
+
// contentType: file.type,
|
|
139
|
+
// status: {
|
|
140
|
+
// type: 'running',
|
|
141
|
+
// reason: 'uploading',
|
|
142
|
+
// progress: 0,
|
|
143
|
+
// },
|
|
144
|
+
// }),
|
|
145
|
+
// },
|
|
146
|
+
// },
|
|
139
147
|
});
|
|
140
|
-
console.log(composerTop);
|
|
141
148
|
return (jsx(AssistantRuntimeProvider, { runtime: runtime, children: jsxs(ChatkitProvider, { value: {
|
|
142
149
|
ref: ref,
|
|
143
150
|
plugins: plugins || [],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","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 } 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 } = 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 console.log(composerTop);\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 composerDisabled,\n composerTop,\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 <Thread welcome={welcome} recommends={recommends} />\n {threadBottom}\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 } = 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 />\n </div>\n </I18nProvider>\n );\n}\n\nexport default forwardRef(Chatkit);\n"],"names":["uuid","_jsx","_jsxs","React"],"mappings":";;;;;;;;;;;;;;;;AAkCA,MAAM,WAAW,GAAG,UAAU,CAC5B,CAAC,KAAmB,EAAE,GAA6B,KAAI;AACrD,IAAA,MAAM,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE,CAAC;IACxB,MAAM,EACJ,aAAa,EACb,KAAK,EACL,WAAW,GAAG,OAAO,EACrB,OAAO,EACP,UAAU,EACV,OAAO,EACP,UAAU,EACV,UAAU,GAAG,IAAI,EACjB,YAAY,EACZ,aAAa,GAAG,IAAI,EACpB,WAAW,EACX,eAAe,GAAG,KAAK,EACvB,eAAe,GAAG,KAAK,EACvB,gBAAgB,GAAG,KAAK,EACxB,YAAY,GAAG,IAAI,EACnB,YAAY,EACZ,WAAW,EACX,MAAM,EACN,gBAAgB,GAAG,KAAK,GACzB,GAAG,KAAK,CAAC;AACV,IAAA,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;AAC7B,IAAA,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,GAAG,WAAW,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;;AAG3E,IAAA,MAAM,aAAa,GAAG,eAAe,GAAG,SAAS,CAAC,eAAe,CAAC,GAAG,IAAI,CAAC;AAC1E,IAAA,MAAM,QAAQ,GAAG,aAAa,EAAE,QAAQ,IAAI,EAAE,CAAC;AAE/C,IAAA,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,OAAO,CACrC,MAAM,yBAAyB,CAAC,QAAmC,EAAE;QACnE,WAAW,EAAE,WAAW,IAAI,OAAO;QACnC,aAAa;KACd,CAAC,EACF,CAAC,QAAQ,EAAE,WAAW,EAAE,aAAa,CAAC,CACvC,CAAC;;;IAKF,MAAM,OAAO,GAAG,uBAAuB,CAAC;AACtC,QAAA,QAAQ,EAAE,UAAU;QACpB,SAAS,EAAE,aAAa,EAAE,OAAO;QACjC,SAAS,EAAE,aAAa,EAAE,OAAO;AACjC,QAAA,UAAU,EAAE,gBAAgB;AAC5B,QAAA,cAAc,EAAE,CAAC,OAAO,KAAK,OAAO;AACpC,QAAA,KAAK,EAAE,OAAO,OAAO,KAAI;YACvB,MAAM,WAAW,GAAG,YAAY;AAC9B,kBAAE,MAAM,OAAO,CAAC,GAAG,CACjB,OAAO,CAAC,WAAW,EAAE,GAAG,CAAC,OAAO,IAAI,MAAM;AACxC,oBAAA,GAAG,IAAI;AACP,oBAAA,MAAM,EAAE,MAAM,eAAe,CAAC,IAAI,CAAC,IAAY,CAAC;iBACjD,CAAC,CAAC,IAAI,EAAE,CACV;AACD,kBAAE,OAAO,CAAC,WAAW,IAAI,EAAE,CAAC;YAE9B,UAAU,EAAE,WAAW,CAAC;gBACtB,QAAQ,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,MAAM;oBACnC,EAAE,EAAE,IAAI,CAAC,EAAE;oBACX,QAAQ,EAAE,IAAI,CAAC,EAAE;AACjB,oBAAA,GAAG,EAAG,IAA4B,EAAE,MAAM,IAAI,EAAE;AAChD,oBAAA,MAAM,EAAE,SAAS;oBACjB,IAAI,EAAE,IAAI,CAAC,IAAI;AACf,oBAAA,IAAI,EAAE,UAAU,CAAC,IAAI,CAAC,WAAW,CAAC;oBAClC,QAAQ,EAAE,IAAI,CAAC,WAAW;AAC3B,iBAAA,CAAC,CAAC;gBACH,OAAO,EAAE,OAAO,CAAC;oBACf,IAAI,OAAO,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC,IAAI,KAAI;AACjC,wBAAA,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE;4BACxB,OAAO;AACL,gCAAA,IAAI,EAAE,MAAM;gCACZ,IAAI,EAAE,IAAI,CAAC,IAAI;6BACD,CAAC;yBAClB;qBACF,CAAC,IAAI,EAAE,CAAC;iBACV,CAAC;AACH,aAAA,CAAC,CAAC;SACJ;AACD,QAAA,QAAQ,EAAE,OAAO,QAAQ,EAAE,MAAM,KAAI;AACnC,YAAA,IAAI,aAAa,EAAE,EAAE,IAAI,QAAQ,EAAE;gBACjC,UAAU,EAAE,aAAa,CAAC;oBACxB,QAAQ,EAAE,aAAa,EAAE,EAAE;AAC3B,oBAAA,SAAS,EAAE,QAAQ;AACpB,iBAAA,CAAC,CAAC;aACJ;iBAAM;AACL,gBAAA,UAAU,CAAC,OAAO,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;aACvD;SACF;QACD,QAAQ,EAAE,YAAW;YACnB,UAAU,EAAE,YAAY,EAAE,CAAC;SAC5B;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,WAAW,EAAE;AACX,gBAAA,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,KAAI;AACvB,oBAAA,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;iBACjB;gBACD,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,KAAI;;oBAE3B,MAAM,aAAa,GAAG,UAAU,CAAC,IAAI,CAAC,IAAI,CAG/B,CAAC;AACZ,oBAAA,MAAM,SAAS,GAAyC;wBACtD,OAAO;wBACP,OAAO;wBACP,OAAO;qBACR,CAAC,QAAQ,CAAC,aAAa,CAAC;AACvB,0BAAE,aAAa;0BACb,MAAM,CAAC;AAEX,oBAAA,MAAM,WAAW,GAMb;AACF,wBAAA,IAAI,EAAE,SAAS;qBAChB,CAAC;oBAEF,QAAQ,SAAS;AACf,wBAAA,KAAK,OAAO;AACV,4BAAA,WAAW,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC;4BAC9B,MAAM;AACR,wBAAA,KAAK,OAAO;AACV,4BAAA,WAAW,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC;4BAC9B,MAAM;AACR,wBAAA,KAAK,OAAO;AACV,4BAAA,WAAW,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC;4BAC9B,MAAM;AACR,wBAAA,KAAK,MAAM;AACT,4BAAA,WAAW,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;4BAC7B,MAAM;qBACT;oBAED,OAAO;wBACL,EAAE;AACF,wBAAA,IAAI,EAAE,SAAS;wBACf,IAAI,EAAE,IAAI,CAAC,IAAI;wBACf,WAAW,EAAE,IAAI,CAAC,IAAI;wBACtB,OAAO,EAAE,CAAC,WAAW,CAAC;AACtB,wBAAA,MAAM,EAAE;AACN,4BAAA,IAAI,EAAE,UAAU;AACjB,yBAAA;wBACD,IAAI;qBACL,CAAC;iBACH;gBACD,MAAM,EAAE,MAAM,IAAI,SAAS;gBAC3B,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM;oBACxB,IAAI;oBACJ,EAAE,EAAEA,EAAI,EAAE;AACV,oBAAA,IAAI,EAAE,OAAO;oBACb,IAAI,EAAE,IAAI,CAAC,IAAI;oBACf,WAAW,EAAE,IAAI,CAAC,IAAI;AACtB,oBAAA,MAAM,EAAE;AACN,wBAAA,IAAI,EAAE,SAAS;AACf,wBAAA,MAAM,EAAE,WAAW;AACnB,wBAAA,QAAQ,EAAE,CAAC;AACZ,qBAAA;iBACF,CAAC;AACH,aAAA;AACF,SAAA;AACF,KAAA,CAAC,CAAC;AACH,IAAA,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;AACzB,IAAA,QACEC,GAAA,CAAC,wBAAwB,EAAA,EAAuB,OAAO,EAAE,OAAO,EAAA,QAAA,EAC9DC,IAAC,CAAA,eAAe,EACd,EAAA,KAAK,EAAE;AACL,gBAAA,GAAG,EAAE,GAA0C;gBAC/C,OAAO,EAAE,OAAO,IAAI,EAAE;gBACtB,cAAc,EAAE,UAAU,KAAK,KAAK;AACpC,gBAAA,WAAW,EAAE,WAAW,IAAI,CAAC,CAAC,eAAe,CAAC;gBAC9C,UAAU;gBACV,YAAY;gBACZ,eAAe;gBACf,gBAAgB;gBAChB,eAAe;gBACf,UAAU;gBACV,OAAO;gBACP,gBAAgB;gBAChB,WAAW;AACZ,aAAA,EAAA,QAAA,EAAA,CAEDA,cAAK,SAAS,EAAC,oBAAoB,EAChC,QAAA,EAAA,CAAA,UAAU,KAAK,KAAK;gCACf,OAAO,UAAU,KAAK,UAAU,IAClC,UAAU,CAAC;AACT,gCAAA,UAAU,EAAE,MAAM,CAAC,SAAS,CAAiB;AAC9C,6BAAA,CAAC,KAEFD,GAAA,CAAC,UAAU,EAAA,EAAA,CAAG,CACf,CAAC,EACJC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,oCAAoC,EAAA,QAAA,EAAA,CACjDD,GAAC,CAAA,MAAM,EAAC,EAAA,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAI,CAAA,EACnD,YAAY,CACT,EAAA,CAAA,CAAA,EAAA,CACF,EACL,CAAC,KAAK,IAAI,EAAE,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAKE,cAAK,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,EAC9DF,GAAA,CAAC,aAAa,EAAA,EAAA,CAAG,CACD,EAAA,CAAA,EAAA,EAlCW,eAAe,CAmCnB,EAC3B;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,OAAO,CAAC,KAAmB,EAAA;IAClC,MAAM,EACJ,aAAa,EACb,OAAO,EACP,UAAU,EACV,OAAO,EACP,WAAW,EACX,aAAa,EACb,OAAO,EACP,KAAK,EACL,cAAc,EAAE,uBAAuB,GAAG,IAAI,EAC9C,YAAY,EACZ,qBAAqB,EACrB,UAAU,EACV,UAAU,GAAG,IAAI,EACjB,YAAY,EACZ,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,MAAM,EACN,MAAM,EACN,YAAY,EACZ,gBAAgB,EAChB,WAAW,GACZ,GAAG,KAAK,CAAC;AAEV,IAAA,MAAM,aAAa,GAAG,MAAM,CAAwB,uBAAuB,CAAC,CAAC;AAE7E,IAAA,MAAM,UAAU,GAAG,aAAa,CAAC,OAAO,CAAC;AAEzC,IAAA,MAAM,EAAE,eAAe,EAAE,SAAS,EAAE,GAAG,WAAW,CAAC,UAAW,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAE5E,QACEA,IAAC,YAAY,EAAA,EAAC,aAAa,EAAE,MAAM,EACjC,QAAA,EAAAA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,iBAAiB,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EAAA,cAAA,EAAA,IAAA,EAAA,QAAA,EACxDA,GAAC,CAAA,WAAW,EACV,EAAA,YAAY,EAAE,YAAY,EAE1B,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,EAClC,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAW,EACvB,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAE,gBAAgB,EAClC,WAAW,EAAE,WAAW,EAAA,EAlBnB,eAAe,CAmBpB,EAAA,CACE,EACO,CAAA,EACf;AACJ,CAAC;AAED,YAAe,UAAU,CAAC,OAAO,CAAC;;;;"}
|
|
1
|
+
{"version":3,"file":"index.js","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 } 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 } = 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 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 }}\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 <Thread welcome={welcome} recommends={recommends} />\n {threadBottom}\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 } = 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 />\n </div>\n </I18nProvider>\n );\n}\n\nexport default forwardRef(Chatkit);\n"],"names":["_jsx","_jsxs","React"],"mappings":"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"}
|
|
@@ -14,19 +14,18 @@ var attachment = require('./attachment.cjs');
|
|
|
14
14
|
require('./file/index.cjs');
|
|
15
15
|
var ChatkitContext = require('../../contexts/ChatkitContext.cjs');
|
|
16
16
|
var I18nContext = require('../../contexts/I18nContext.cjs');
|
|
17
|
-
var ThumbUpIcon = require('../../assets/ThumbUpIcon.cjs');
|
|
18
|
-
var ThumbDownIcon = require('../../assets/ThumbDownIcon.cjs');
|
|
19
17
|
var Copy = require('../../assets/Copy.cjs');
|
|
20
|
-
var RefreshIcon = require('../../assets/RefreshIcon.cjs');
|
|
21
18
|
require('dayjs');
|
|
22
19
|
var useThread = require('../../hooks/useThread.cjs');
|
|
23
|
-
var download = require('../../utils/download.cjs');
|
|
24
|
-
var Download = require('../../assets/Download.cjs');
|
|
25
20
|
var AbortMessage = require('../../assets/AbortMessage.cjs');
|
|
21
|
+
require('../../core/dist/index.cjs');
|
|
22
|
+
var TooltipPrimitive = require('@radix-ui/react-tooltip');
|
|
26
23
|
var welcome = require('../welcome.cjs');
|
|
27
24
|
var threadHeader = require('./thread-header.cjs');
|
|
28
25
|
require('./reasoning.cjs');
|
|
29
26
|
var messageComponentsWithAvatar = require('./message-components-with-avatar.cjs');
|
|
27
|
+
var tooltip = require('../ui/tooltip.cjs');
|
|
28
|
+
var valtio = require('valtio');
|
|
30
29
|
|
|
31
30
|
const userMessageComponents = { Text: markdownText.MarkdownText };
|
|
32
31
|
const Thread = ({ welcome: welcome$1, recommends }) => {
|
|
@@ -58,7 +57,7 @@ const Thread = ({ welcome: welcome$1, recommends }) => {
|
|
|
58
57
|
return (jsxRuntime.jsxs("div", { className: "min-w-full h-full flex flex-col", children: [showHeader
|
|
59
58
|
&& (renderHeader ? (renderHeader({ thread: currentThread })) : (jsxRuntime.jsx(threadHeader, { title: currentThread?.name || 'Thread Title' }))), jsxRuntime.jsx(react.LazyMotion, { features: react.domAnimation, children: jsxRuntime.jsx(react.MotionConfig, { reducedMotion: "user", children: jsxRuntime.jsxs(react$1.ThreadPrimitive.Root, { className: "aui-root aui-thread-root @container flex-1 flex h-[calc(100%-65px)] flex-col bg-background", style: {
|
|
60
59
|
['--thread-max-width']: '66rem',
|
|
61
|
-
}, children: [jsxRuntime.jsx(react$1.ThreadPrimitive.If, { empty: false, children: jsxRuntime.jsxs(react$1.ThreadPrimitive.Viewport, { className: "aui-thread-viewport relative flex flex-1 flex-col overflow-x-auto overflow-y-auto px-4", children: [jsxRuntime.jsx(react$1.ThreadPrimitive.Messages, { components: threadMessageComponents }), jsxRuntime.jsx("div", { className: "aui-thread-viewport-spacer min-h-12 grow z-9 bg-white" }), jsxRuntime.jsx(Composer, {})] }) }), jsxRuntime.jsx(react$1.ThreadPrimitive.If, { empty: true, children: jsxRuntime.jsxs(react$1.ThreadPrimitive.Viewport, { className: "aui-thread-viewport relative flex flex-1 flex-col overflow-x-auto overflow-y-auto px-4 justify-center", children: [jsxRuntime.jsx("div", { className: " aui-thread-viewport-spacer min-h-12 grow z-9 bg-white" }), currentThread?.loading ? (jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-1.5 h-[180px]", children: [jsxRuntime.jsx("span", { className: "w-2.5 h-2.5 bg-gray-500 rounded-full", style: {
|
|
60
|
+
}, children: [jsxRuntime.jsx(react$1.ThreadPrimitive.If, { empty: false, children: jsxRuntime.jsxs(react$1.ThreadPrimitive.Viewport, { className: "aui-thread-viewport relative flex flex-1 flex-col overflow-x-auto overflow-y-auto px-4 max-w-[var(--thread-max-width)]", children: [jsxRuntime.jsx(react$1.ThreadPrimitive.Messages, { components: threadMessageComponents }), jsxRuntime.jsx("div", { className: "aui-thread-viewport-spacer min-h-12 grow z-9 bg-white" }), jsxRuntime.jsx(Composer, {})] }) }), jsxRuntime.jsx(react$1.ThreadPrimitive.If, { empty: true, children: jsxRuntime.jsxs(react$1.ThreadPrimitive.Viewport, { className: "aui-thread-viewport relative flex flex-1 flex-col overflow-x-auto overflow-y-auto px-4 justify-center", children: [jsxRuntime.jsx("div", { className: " aui-thread-viewport-spacer min-h-12 grow z-9 bg-white" }), currentThread?.loading ? (jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-1.5 h-[180px]", children: [jsxRuntime.jsx("span", { className: "w-2.5 h-2.5 bg-gray-500 rounded-full", style: {
|
|
62
61
|
animation: 'bounce 1s ease-in-out infinite',
|
|
63
62
|
animationDelay: '0ms',
|
|
64
63
|
} }), jsxRuntime.jsx("span", { className: "w-2.5 h-2.5 bg-gray-500 rounded-full", style: {
|
|
@@ -75,15 +74,40 @@ const ThreadWelcome = () => {
|
|
|
75
74
|
return (jsxRuntime.jsx("div", { className: "aui-thread-welcome-root mx-auto flex w-full max-w-[var(--thread-max-width)] flex-col", children: jsxRuntime.jsx("div", { className: "aui-thread-welcome-center flex w-full flex-col items-center justify-center", children: jsxRuntime.jsx("div", { className: "aui-thread-welcome-message flex size-full flex-col justify-center px-8 text-[24px] text-center font-medium leading-[100%] text-[#0C0D0E]", children: t('thread.greeting') }) }) }));
|
|
76
75
|
};
|
|
77
76
|
const Composer = () => {
|
|
78
|
-
const { placeholder, composerTop } = ChatkitContext.useChatkitContext();
|
|
79
|
-
|
|
80
|
-
|
|
77
|
+
const { placeholder, composerTop, controller } = ChatkitContext.useChatkitContext();
|
|
78
|
+
const metaData = valtio.useSnapshot(controller?.metaData);
|
|
79
|
+
const clawStatus = metaData?.clawStatus;
|
|
80
|
+
const isDisabled = clawStatus?.status === false;
|
|
81
|
+
const disabledReason = clawStatus?.reason || '';
|
|
82
|
+
const handleKeyDown = (e) => {
|
|
83
|
+
if (isDisabled && e.key === 'Enter') {
|
|
84
|
+
e.preventDefault();
|
|
85
|
+
e.stopPropagation();
|
|
86
|
+
}
|
|
87
|
+
};
|
|
88
|
+
// 1. 定义禁用状态和 tooltip 显示状态
|
|
89
|
+
const [open, setOpen] = React.useState(false);
|
|
90
|
+
return (jsxRuntime.jsxs("div", { className: "aui-composer-wrapper sticky bottom-0 mx-auto flex w-full max-w-[var(--thread-max-width)] flex-col gap-4 overflow-visible bg-background pb-4 md:pb-6", children: [jsxRuntime.jsx(ThreadScrollToBottom, {}), composerTop, jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: jsxRuntime.jsxs(react$1.ComposerPrimitive.Root, { className: utils.cn('aui-composer-root group/input-group relative flex flex-1 flex-col rounded-[24px] border border-[#EAEDF1] bg-background px-[16px] py-[12px] shadow-sm transition-all', isDisabled && 'opacity-50 cursor-not-allowed bg-gray-100'), children: [jsxRuntime.jsx(attachment.ComposerAttachments, {}), jsxRuntime.jsxs(tooltip.Tooltip, { open: open, onOpenChange: (newOpen) => {
|
|
91
|
+
if (!isDisabled)
|
|
92
|
+
return;
|
|
93
|
+
setOpen(newOpen);
|
|
94
|
+
}, children: [jsxRuntime.jsx(TooltipPrimitive.TooltipTrigger, { children: jsxRuntime.jsxs("div", { className: "flex items-center w-full gap-2", children: [jsxRuntime.jsx(react$1.ComposerPrimitive.Input, { placeholder: isDisabled ? disabledReason : placeholder, className: "aui-composer-input max-h-[48px] min-h-[24px] flex-1 overflow-y-auto resize-none bg-transparent py-0 text-[14px] leading-[22px] outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed", rows: 1, "aria-label": "Message input", disabled: isDisabled, onKeyDown: handleKeyDown }), jsxRuntime.jsx(ComposerAction, { disabled: isDisabled, disabledReason: disabledReason })] }) }), jsxRuntime.jsx(tooltip.TooltipContent, { side: "top", children: jsxRuntime.jsx("div", { style: {
|
|
95
|
+
backgroundColor: '#ffffff',
|
|
96
|
+
color: '#1f2937',
|
|
97
|
+
padding: '6px 8px',
|
|
98
|
+
borderRadius: '6px',
|
|
99
|
+
fontSize: '14px',
|
|
100
|
+
border: '1px solid #e5e7eb',
|
|
101
|
+
maxWidth: '240px',
|
|
102
|
+
}, children: jsxRuntime.jsx("div", { style: { fontWeight: 500 }, children: disabledReason }) }) })] })] }) })] }));
|
|
81
103
|
};
|
|
82
|
-
const ComposerAction = () => {
|
|
104
|
+
const ComposerAction = ({ disabled, disabledReason, }) => {
|
|
83
105
|
const { currentThread } = useThread();
|
|
84
106
|
const plugins = ChatkitContext.useChatkitPlugins();
|
|
85
107
|
const { t } = I18nContext.useI18n();
|
|
86
|
-
return (jsxRuntime.jsxs("div", { className: "aui-composer-action-wrapper flex items-center gap-3
|
|
108
|
+
return (jsxRuntime.jsxs("div", { className: "aui-composer-action-wrapper flex items-center gap-3", children: [jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: plugins.map((plugin, idx) => (jsxRuntime.jsx("div", { className: "flex items-center justify-center", children: plugin }, idx))) }), jsxRuntime.jsx("div", { className: "h-5 w-[1px] bg-[#E5E7EB]" }), jsxRuntime.jsx(react$1.ThreadPrimitive.If, { running: false, children: jsxRuntime.jsx(react$1.ComposerPrimitive.Send, { asChild: true, children: jsxRuntime.jsx(tooltipIconButton.TooltipIconButton, { tooltip: disabled ? disabledReason : t('thread.send'), type: "submit", variant: "ghost", size: "icon", disabled: disabled, className: utils.cn('aui-composer-send size-[32px] rounded-full text-white p-0', disabled
|
|
109
|
+
? 'bg-gray-400 cursor-not-allowed'
|
|
110
|
+
: 'bg-[#1664FF] hover:bg-primary/10 hover:text-primary'), "aria-label": "Send message", children: currentThread?.loading ? (jsxRuntime.jsx(lucideReact.LoaderCircle, { className: "aui-composer-send-icon size-[16px] animate-spin" })) : (jsxRuntime.jsx(lucideReact.ArrowUpIcon, { className: "aui-composer-send-icon size-[16px] text-white" })) }) }) }), jsxRuntime.jsx(react$1.ThreadPrimitive.If, { running: true, children: jsxRuntime.jsx(react$1.ComposerPrimitive.Cancel, { asChild: true, children: jsxRuntime.jsx(tooltipIconButton.TooltipIconButton, { tooltip: "stop", type: "submit", variant: "ghost", size: "icon", className: "aui-composer-send size-[32px] bg-[#1664FF] rounded-full text-white text-primary hover:bg-primary/10 hover:text-primary p-0", "aria-label": "Send message", children: jsxRuntime.jsx(AbortMessage, { className: "aui-composer-send-icon size-[32px] fill-white" }) }) }) })] }));
|
|
87
111
|
};
|
|
88
112
|
const MessageError = () => {
|
|
89
113
|
const { t } = I18nContext.useI18n();
|
|
@@ -91,9 +115,9 @@ const MessageError = () => {
|
|
|
91
115
|
};
|
|
92
116
|
const AssistantMessage = () => (jsxRuntime.jsx(react$1.MessagePrimitive.Root, { asChild: true, children: jsxRuntime.jsx("div", { className: "aui-assistant-message-root relative mx-auto w-full max-w-[var(--thread-max-width)] py-4 duration-150 slide-in-from-bottom-1 last:mb-24", "data-role": "assistant", children: jsxRuntime.jsxs("div", { className: "group", children: [jsxRuntime.jsxs("div", { className: "aui-assistant-message-content mx-2 leading-7 break-words text-foreground flex flex-col gap-[12px]", children: [jsxRuntime.jsx(react$1.MessagePrimitive.Parts, { components: messageComponentsWithAvatar.assistantMessageComponentsWithAvatar }), jsxRuntime.jsx(MessageError, {})] }), jsxRuntime.jsxs("div", { className: "aui-assistant-message-footer mt-2 ml-2 flex hover:visible opacity-0 group-hover:opacity-100 transition-opacity duration-200", children: [jsxRuntime.jsx(BranchPicker, {}), jsxRuntime.jsx(AssistantActionBar, {})] })] }) }) }));
|
|
93
117
|
const AssistantActionBar = () => {
|
|
94
|
-
|
|
118
|
+
React.useState(undefined);
|
|
95
119
|
const { t } = I18nContext.useI18n();
|
|
96
|
-
|
|
120
|
+
react$1.useAssistantState(({ message }) => {
|
|
97
121
|
if ((message.role !== 'assistant' || message.status?.type !== 'running')
|
|
98
122
|
&& message.parts.some((c) => c.type === 'text' && c.text.length > 0)) {
|
|
99
123
|
return message.parts
|
|
@@ -104,9 +128,7 @@ const AssistantActionBar = () => {
|
|
|
104
128
|
return '';
|
|
105
129
|
});
|
|
106
130
|
const { authors } = ChatkitContext.useChatkitContext();
|
|
107
|
-
return (jsxRuntime.
|
|
108
|
-
download.saveStringToMarkdown(downloadContent, 'message.md');
|
|
109
|
-
}, children: jsxRuntime.jsx(Download, { className: "aui-assistant-action-bar-refresh-icon size-[16px]" }) }), jsxRuntime.jsx(react$1.ActionBarPrimitive.Reload, { asChild: true, children: jsxRuntime.jsx(tooltipIconButton.TooltipIconButton, { tooltip: t('thread.refresh'), children: jsxRuntime.jsx(RefreshIcon, { className: "aui-assistant-action-bar-refresh-icon size-[16px]" }) }) })] }));
|
|
131
|
+
return (jsxRuntime.jsx(react$1.ActionBarPrimitive.Root, { hideWhenRunning: true, autohide: "never", autohideFloat: "single-branch", className: utils.cn('aui-assistant-action-bar-root col-start-3 row-start-2 -ml-1 flex items-center gap-[8px] text-muted-foreground data-floating:absolute data-floating:rounded-md data-floating:border data-floating:bg-background data-floating:p-1 data-floating:shadow-sm', authors.length >= 2 ? 'ml-[50px]' : ''), children: jsxRuntime.jsx(react$1.ActionBarPrimitive.Copy, { asChild: true, children: jsxRuntime.jsxs(tooltipIconButton.TooltipIconButton, { tooltip: t('thread.copy'), children: [jsxRuntime.jsx(react$1.MessagePrimitive.If, { copied: true, children: jsxRuntime.jsx(lucideReact.CheckIcon, { className: "aui-assistant-action-bar-copy-check-icon size-[16px]" }) }), jsxRuntime.jsx(react$1.MessagePrimitive.If, { copied: false, children: jsxRuntime.jsx(Copy, { className: "aui-assistant-action-bar-copy-icon size-[16px]" }) })] }) }) }));
|
|
110
132
|
};
|
|
111
133
|
// const UserActionBar: FC = () => {
|
|
112
134
|
// return (
|