* feat: desktop revamp * feat: refactor system monitor * fix linter CI * remove unused import component * added responsive and resizeable component * responsive and resizeable local server page * finalize responsive and resizeable component * fix scroll custom ui * remove react scroll to bottom from modal troubleshoot * fix modal troubleshoot ui * fix setting gpu list * text area custom scroll bar * fix padding message input * cleanup classname * update inference engine model dropdown * update loader style * update quick ask ui * prepare theme provider * update dark theme * remove update hotkey list model and navigation * fix: cleanup hardcode classname * fix: update feedback * Set native theme electron * update destop ui revamp from feedback * update button icon component insider icon chat input message * update model dropdown ui * update tranaparent baclground * update logo model provider * fix: set background material acrylic support to blur background windows * fix: update tranparent left and right panel * fix: linter CI * update app using frameless window * styling custom style minimize, maximize and close app * temporary hidden maximize window * fix: responsive left and right panel * fix: enable click outside when leftpanel responsive * fix: remove unused import * update transparent variable css windows * fix: ui import model * feat: Support Theme system (#2946) * feat: update support theme system * update select component * feat: add theme folder in root project * fix: padding left and right center panel * fix: update padding left and right * chore: migrate themes * fix: rmdirsync error * chore: update gitignore * fix: cp recursive * fix: files electron package json * fix: migration * fix: update fgit ignore --------- Co-authored-by: Louis <louis@jan.ai> * fix: update feedback missing state when refrash app * fix: error test CI * chore: refactor useLoadThemes * chore: cleanup unused vars * fix: revert back menubar windows * fix minor ui * fix: minor ui --------- Co-authored-by: Louis <louis@jan.ai>
134 lines
3.5 KiB
TypeScript
134 lines
3.5 KiB
TypeScript
import {
|
|
ModelRuntimeParams,
|
|
ModelSettingParams,
|
|
Thread,
|
|
ThreadContent,
|
|
ThreadState,
|
|
} from '@janhq/core'
|
|
|
|
import { atom } from 'jotai'
|
|
|
|
export const engineParamsUpdateAtom = atom<boolean>(false)
|
|
|
|
/**
|
|
* Stores the current active thread id.
|
|
*/
|
|
const activeThreadIdAtom = atom<string | undefined>(undefined)
|
|
|
|
export const getActiveThreadIdAtom = atom((get) => get(activeThreadIdAtom))
|
|
|
|
export const setActiveThreadIdAtom = atom(
|
|
null,
|
|
(_get, set, threadId: string | undefined) => set(activeThreadIdAtom, threadId)
|
|
)
|
|
|
|
export const waitingToSendMessage = atom<boolean | undefined>(undefined)
|
|
|
|
export const isGeneratingResponseAtom = atom<boolean | undefined>(undefined)
|
|
/**
|
|
* Stores all thread states for the current user
|
|
*/
|
|
export const threadStatesAtom = atom<Record<string, ThreadState>>({})
|
|
|
|
// Whether thread data is ready or not
|
|
export const threadDataReadyAtom = atom<boolean>(false)
|
|
|
|
export const activeThreadStateAtom = atom<ThreadState | undefined>((get) => {
|
|
const threadId = get(activeThreadIdAtom)
|
|
if (!threadId) {
|
|
console.debug('Active thread id is undefined')
|
|
return undefined
|
|
}
|
|
|
|
return get(threadStatesAtom)[threadId]
|
|
})
|
|
|
|
export const deleteThreadStateAtom = atom(
|
|
null,
|
|
(get, set, threadId: string) => {
|
|
const currentState = { ...get(threadStatesAtom) }
|
|
delete currentState[threadId]
|
|
set(threadStatesAtom, currentState)
|
|
}
|
|
)
|
|
|
|
export const updateThreadWaitingForResponseAtom = atom(
|
|
null,
|
|
(get, set, threadId: string, waitingForResponse: boolean) => {
|
|
const currentState = { ...get(threadStatesAtom) }
|
|
currentState[threadId] = {
|
|
...currentState[threadId],
|
|
waitingForResponse,
|
|
error: undefined,
|
|
}
|
|
set(threadStatesAtom, currentState)
|
|
}
|
|
)
|
|
export const updateThreadStateLastMessageAtom = atom(
|
|
null,
|
|
(get, set, threadId: string, lastContent?: ThreadContent[]) => {
|
|
const currentState = { ...get(threadStatesAtom) }
|
|
const lastMessage = lastContent?.[0]?.text?.value ?? ''
|
|
currentState[threadId] = {
|
|
...currentState[threadId],
|
|
lastMessage,
|
|
}
|
|
set(threadStatesAtom, currentState)
|
|
}
|
|
)
|
|
|
|
export const updateThreadAtom = atom(
|
|
null,
|
|
(get, set, updatedThread: Thread) => {
|
|
const threads: Thread[] = get(threadsAtom).map((c) =>
|
|
c.id === updatedThread.id ? updatedThread : c
|
|
)
|
|
|
|
// sort new threads based on updated at
|
|
threads.sort((thread1, thread2) => {
|
|
const aDate = new Date(thread1.updated ?? 0)
|
|
const bDate = new Date(thread2.updated ?? 0)
|
|
return bDate.getTime() - aDate.getTime()
|
|
})
|
|
|
|
set(threadsAtom, threads)
|
|
}
|
|
)
|
|
|
|
/**
|
|
* Stores all threads for the current user
|
|
*/
|
|
export const threadsAtom = atom<Thread[]>([])
|
|
|
|
export const activeThreadAtom = atom<Thread | undefined>((get) =>
|
|
get(threadsAtom).find((c) => c.id === get(getActiveThreadIdAtom))
|
|
)
|
|
|
|
/**
|
|
* Store model params at thread level settings
|
|
*/
|
|
export const threadModelParamsAtom = atom<Record<string, ModelParams>>({})
|
|
|
|
export type ModelParams = ModelRuntimeParams | ModelSettingParams
|
|
|
|
export const getActiveThreadModelParamsAtom = atom<ModelParams | undefined>(
|
|
(get) => {
|
|
const threadId = get(activeThreadIdAtom)
|
|
if (!threadId) {
|
|
console.debug('Active thread id is undefined')
|
|
return undefined
|
|
}
|
|
|
|
return get(threadModelParamsAtom)[threadId]
|
|
}
|
|
)
|
|
|
|
export const setThreadModelParamsAtom = atom(
|
|
null,
|
|
(get, set, threadId: string, params: ModelParams) => {
|
|
const currentState = { ...get(threadModelParamsAtom) }
|
|
currentState[threadId] = params
|
|
set(threadModelParamsAtom, currentState)
|
|
}
|
|
)
|