* Eslint import order * Initial Uikit * Rename file with camelCase * Remove unused code * Remove unused code * Set position traficlight mac * Grouping Ribbon, Topbar and Bottombar as layout * Added image brand * Moving feature toggle into context folder * Fix active state of setting menu * Cleanup downloadModel atom helper * Cleanup useGetConfigureModel * Added wave animation * Create useMainViewState intead of import helper atom * Remove unused code * Take a back switch ui * Toggle using switch component * Add dynamic primary color * Cleanup import * Added uikit scroll area * Add best practice form * Added toaster container * Fix loader container * Add hooks useDownloadState * Added tooltip on ribbon menu * Added case user multiple download model * Adjust input style with bigger ring * Restyle my model screen * Replace useStartStop model with useActiveModel * Import icon using Icon name * Fix missing login loading start and stop model * WIP integrate with cmdk * Move layout search bar on middle of app * Added function cancel download * Cleanup model explore * Cleanup unused code * Move app version in bototmbar or footer * WIP chat screen * WIP chat screen * Cleanup style and remove unsed code * Added command for showing downloaded model * Fix missing keyframe loader dot animation * Conditional loader of plugin setting * WIP history list message * chore: rebase main * Adding script ui into root package * Fix different version react hooks form * Add close toaster * Added status model active or not on list of command * Conditional showing info if user don't have a model * Disabled toolbar chat when user not yet have convo * chore: fix state * fix: get resource atom * Fix conditional bottom bar * fix: model download state * Fix font * Improve icon my model * Add toaster delete chat * Remove test classname * Fix scroll chat body * Fix scrolling chat body * chore: add message update * Add uikit into depedencies on root package * Update chat flow * Fix hot reload ui changes * Increate background color chat screen light mode * Added visual conversation active state * Added build:uikit on gh actions * chore: attempt to fix CI * fix: deps * fix: tests * chore: attempt to fix CI --------- Co-authored-by: Louis <louis@jan.ai>
111 lines
3.2 KiB
TypeScript
111 lines
3.2 KiB
TypeScript
import { atom } from 'jotai'
|
|
|
|
// import { MainViewState, setMainViewStateAtom } from './MainView.atom'
|
|
|
|
/**
|
|
* Stores the current active conversation id.
|
|
*/
|
|
const activeConversationIdAtom = atom<string | undefined>(undefined)
|
|
|
|
export const getActiveConvoIdAtom = atom((get) => get(activeConversationIdAtom))
|
|
|
|
export const setActiveConvoIdAtom = atom(
|
|
null,
|
|
(_get, set, convoId: string | undefined) => {
|
|
// if (convoId) {
|
|
// console.debug(`Set active conversation id: ${convoId}`)
|
|
// set(setMainViewStateAtom, MainViewState.Chat)
|
|
// }
|
|
|
|
set(activeConversationIdAtom, convoId)
|
|
}
|
|
)
|
|
|
|
/**
|
|
* Stores all conversation states for the current user
|
|
*/
|
|
export const conversationStatesAtom = atom<Record<string, ConversationState>>(
|
|
{}
|
|
)
|
|
export const currentConvoStateAtom = atom<ConversationState | undefined>(
|
|
(get) => {
|
|
const activeConvoId = get(activeConversationIdAtom)
|
|
if (!activeConvoId) {
|
|
console.debug('Active convo id is undefined')
|
|
return undefined
|
|
}
|
|
|
|
return get(conversationStatesAtom)[activeConvoId]
|
|
}
|
|
)
|
|
export const addNewConversationStateAtom = atom(
|
|
null,
|
|
(get, set, conversationId: string, state: ConversationState) => {
|
|
const currentState = { ...get(conversationStatesAtom) }
|
|
currentState[conversationId] = state
|
|
set(conversationStatesAtom, currentState)
|
|
}
|
|
)
|
|
export const updateConversationWaitingForResponseAtom = atom(
|
|
null,
|
|
(get, set, conversationId: string, waitingForResponse: boolean) => {
|
|
const currentState = { ...get(conversationStatesAtom) }
|
|
currentState[conversationId] = {
|
|
...currentState[conversationId],
|
|
waitingForResponse,
|
|
error: undefined,
|
|
}
|
|
set(conversationStatesAtom, currentState)
|
|
}
|
|
)
|
|
export const updateConversationErrorAtom = atom(
|
|
null,
|
|
(get, set, conversationId: string, error?: Error) => {
|
|
const currentState = { ...get(conversationStatesAtom) }
|
|
currentState[conversationId] = {
|
|
...currentState[conversationId],
|
|
error,
|
|
}
|
|
set(conversationStatesAtom, currentState)
|
|
}
|
|
)
|
|
export const updateConversationHasMoreAtom = atom(
|
|
null,
|
|
(get, set, conversationId: string, hasMore: boolean) => {
|
|
const currentState = { ...get(conversationStatesAtom) }
|
|
currentState[conversationId] = { ...currentState[conversationId], hasMore }
|
|
set(conversationStatesAtom, currentState)
|
|
}
|
|
)
|
|
|
|
export const updateConversationAtom = atom(
|
|
null,
|
|
(get, set, conversation: Conversation) => {
|
|
const id = conversation._id
|
|
if (!id) return
|
|
const convo = get(userConversationsAtom).find((c) => c._id === id)
|
|
if (!convo) return
|
|
|
|
const newConversations: Conversation[] = get(userConversationsAtom).map(
|
|
(c) => (c._id === id ? conversation : c)
|
|
)
|
|
|
|
// sort new conversations based on updated at
|
|
newConversations.sort((a, b) => {
|
|
const aDate = new Date(a.updatedAt ?? 0)
|
|
const bDate = new Date(b.updatedAt ?? 0)
|
|
return bDate.getTime() - aDate.getTime()
|
|
})
|
|
|
|
set(userConversationsAtom, newConversations)
|
|
}
|
|
)
|
|
|
|
/**
|
|
* Stores all conversations for the current user
|
|
*/
|
|
export const userConversationsAtom = atom<Conversation[]>([])
|
|
export const currentConversationAtom = atom<Conversation | undefined>((get) =>
|
|
get(userConversationsAtom).find((c) => c._id === get(getActiveConvoIdAtom))
|
|
)
|