* feat: adding create bot functionality Signed-off-by: James <james@jan.ai> * update the temperature progress bar Signed-off-by: James <james@jan.ai> * WIP baselayout * Mapping plugins with available preferences * Added loader component * WIP working another screen * Cleanup types and avoid import one by one * Prepare bottom bar * Add css variables colors to enable user select the accent * Enable change accent color * Seperate css variable * Fix conflict * Add blank state of my model empty * Restyle explore models page * Enable user config left sidebar * Restyle my models page * WIP styling chat page * Restyling chat message * Fix conflict * Adde form preferences setting plugins * Fixed form bot info * Sidebar bot chat * Showing rightbar for both setting when user created bot * Fix style bot info * Using overflow auto intead of scroll * Remove script built UI from root package * Fix missig import * Resolve error linter * fix e2e tests Signed-off-by: James <james@jan.ai> --------- Signed-off-by: James <james@jan.ai> Co-authored-by: James <james@jan.ai>
95 lines
2.6 KiB
TypeScript
95 lines
2.6 KiB
TypeScript
import { currentPromptAtom } from '@helpers/JotaiWrapper'
|
|
import { useAtom, useAtomValue, useSetAtom } from 'jotai'
|
|
import {
|
|
DataService,
|
|
EventName,
|
|
InferenceService,
|
|
events,
|
|
store,
|
|
} from '@janhq/core'
|
|
import { toChatMessage } from '@models/ChatMessage'
|
|
import { executeSerial } from '@services/pluginService'
|
|
import { addNewMessageAtom } from '@helpers/atoms/ChatMessage.atom'
|
|
import {
|
|
currentConversationAtom,
|
|
updateConversationAtom,
|
|
} from '@helpers/atoms/Conversation.atom'
|
|
|
|
export default function useSendChatMessage() {
|
|
const currentConvo = useAtomValue(currentConversationAtom)
|
|
const addNewMessage = useSetAtom(addNewMessageAtom)
|
|
const updateConversation = useSetAtom(updateConversationAtom)
|
|
|
|
const [currentPrompt, setCurrentPrompt] = useAtom(currentPromptAtom)
|
|
|
|
let timeout: any | undefined = undefined
|
|
|
|
function updateConvSummary(newMessage: any) {
|
|
if (timeout) {
|
|
clearTimeout(timeout)
|
|
}
|
|
timeout = setTimeout(() => {
|
|
const conv = currentConvo
|
|
if (
|
|
!currentConvo?.summary ||
|
|
currentConvo.summary === '' ||
|
|
currentConvo.summary.startsWith('User request:')
|
|
) {
|
|
// Request convo summary
|
|
setTimeout(async () => {
|
|
newMessage.message = 'summary this conversation in 5 words'
|
|
const result = await executeSerial(
|
|
InferenceService.InferenceRequest,
|
|
newMessage
|
|
)
|
|
if (
|
|
result?.message &&
|
|
result.message.split(' ').length <= 7 &&
|
|
conv?._id
|
|
) {
|
|
const updatedConv = {
|
|
...conv,
|
|
summary: result.message,
|
|
}
|
|
updateConversation(updatedConv)
|
|
await executeSerial(DataService.UpdateConversation, updatedConv)
|
|
}
|
|
}, 1000)
|
|
}
|
|
}, 100)
|
|
}
|
|
|
|
const sendChatMessage = async () => {
|
|
setCurrentPrompt('')
|
|
const prompt = currentPrompt.trim()
|
|
const newMessage: RawMessage = {
|
|
conversationId: currentConvo?._id,
|
|
message: prompt,
|
|
user: 'user',
|
|
createdAt: new Date().toISOString(),
|
|
}
|
|
const id = await executeSerial(DataService.CreateMessage, newMessage)
|
|
newMessage._id = id
|
|
|
|
const newChatMessage = toChatMessage(newMessage)
|
|
addNewMessage(newChatMessage)
|
|
|
|
events.emit(EventName.OnNewMessageRequest, newMessage)
|
|
|
|
if (!currentConvo?.summary && currentConvo) {
|
|
const updatedConv = {
|
|
...currentConvo,
|
|
summary: `Prompt: ${prompt}`,
|
|
}
|
|
updateConversation(updatedConv)
|
|
await executeSerial(DataService.UpdateConversation, updatedConv)
|
|
}
|
|
|
|
updateConvSummary(newMessage)
|
|
}
|
|
|
|
return {
|
|
sendChatMessage,
|
|
}
|
|
}
|