enhancement: default open Jan Input Box Settings and Right panel

web/containers/Providers/Responsive.tsx

@@ -11,15 +11,14 @@ const Responsive = () => {
   const [showRightPanel, setShowRightPanel] = useAtom(showRightPanelAtom)
 
   // Refs to store the last known state of the panels
-  const lastLeftPanelState = useRef<boolean>(true)
-  const lastRightPanelState = useRef<boolean>(true)
+  const lastLeftPanelState = useRef<boolean>(showLeftPanel)
+  const lastRightPanelState = useRef<boolean>(showRightPanel)
 
   useEffect(() => {
     if (matches) {
       // Store the last known state before closing the panels
       lastLeftPanelState.current = showLeftPanel
       lastRightPanelState.current = showRightPanel
-
       setShowLeftPanel(false)
       setShowRightPanel(false)
     } else {

web/helpers/atoms/App.atom.ts

@@ -1,14 +1,25 @@
 import { atom } from 'jotai'
 
+import { atomWithStorage } from 'jotai/utils'
+
 import { MainViewState } from '@/constants/screens'
 
 export const mainViewStateAtom = atom<MainViewState>(MainViewState.Thread)
 
 export const defaultJanDataFolderAtom = atom<string>('')
 
+const SHOW_RIGHT_PANEL = 'showRightPanel'
+
 // Store panel atom
 export const showLeftPanelAtom = atom<boolean>(true)
-export const showRightPanelAtom = atom<boolean>(true)
+
+export const showRightPanelAtom = atomWithStorage<boolean>(
+  SHOW_RIGHT_PANEL,
+  false,
+  undefined,
+  { getOnInit: true }
+)
+
 export const showSystemMonitorPanelAtom = atom<boolean>(false)
 export const appDownloadProgressAtom = atom<number>(-1)
 export const updateVersionErrorAtom = atom<string | undefined>(undefined)

web/helpers/atoms/Thread.atom.ts

@@ -87,13 +87,13 @@
  * Get the active thread state
  */
 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]
 })
 
 /**
@@ -107,7 +107,7 @@
       return undefined
     }
 
     return get(threadModelParamsAtom)[threadId]
   }
 )
 /// End Active Thread Atom
@@ -143,13 +143,13 @@
 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)
   }
 )
 
@@ -159,13 +159,13 @@
 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)
   }
 )
 
@@ -207,7 +207,7 @@
  */
 export const activeSettingInputBoxAtom = atomWithStorage<boolean>(
   ACTIVE_SETTING_INPUT_BOX,
-  false,
+  true,
   undefined,
   { getOnInit: true }
 )