Small bits

src/apps/chat/components/applayout/ChatDrawerItems.tsx

@@ -26,10 +26,8 @@ export function ChatDrawerItems(props: {
   const [grouping] = React.useState<ListGrouping>('off');
 
   // external state
-  const conversationIDs = useChatStore(state => state.conversations.map(
-    conversation => conversation.id,
-  ), shallow);
-  const { topNewConversationId, maxChatMessages, setActiveConversationId, createConversation, deleteConversation } = useChatStore(state => ({
+  const { conversationIDs, topNewConversationId, maxChatMessages, setActiveConversationId, createConversation, deleteConversation } = useChatStore(state => ({
+    conversationIDs: state.conversations.map(conversation => conversation.id),
     topNewConversationId: state.conversations.length ? state.conversations[0].messages.length === 0 ? state.conversations[0].id : null : null,
     maxChatMessages: state.conversations.reduce((longest, conversation) => Math.max(longest, conversation.messages.length), 0),
     setActiveConversationId: state.setActiveConversationId,

src/apps/chat/components/applayout/useLLMDropdown.tsx

@@ -78,7 +78,7 @@ export function useChatLLMDropdown() {
   return { chatLLMId, chatLLMDropdown };
 }
 
-export function useTempLLMDropdown(props: { initialLlmId: DLLMId | null }) {
+/*export function useTempLLMDropdown(props: { initialLlmId: DLLMId | null }) {
   // local state
   const [llmId, setLlmId] = React.useState<DLLMId | null>(props.initialLlmId);
 
@@ -91,4 +91,4 @@ export function useTempLLMDropdown(props: { initialLlmId: DLLMId | null }) {
   );
 
   return { llmId, chatLLMDropdown };
-}
+}*/

src/common/components/InlineError.tsx

@@ -3,9 +3,11 @@ import * as React from 'react';
 import { Alert, Typography } from '@mui/joy';
 
 export function InlineError(props: { error: React.JSX.Element | null | any, severity?: 'warning' | 'danger' }) {
-  return <Alert variant='soft' color={props.severity || 'warning'} sx={{ mt: 1 }}>
-    <Typography level='body-sm' color={props.severity || 'warning'}>
-      {props.error?.message || props.error || 'Unknown error'}
-    </Typography>
-  </Alert>;
+  return (
+    <Alert variant='soft' color={props.severity || 'warning'} sx={{ mt: 1 }}>
+      <Typography level='body-sm' color={props.severity || 'warning'}>
+        {props.error?.message || props.error || 'Unknown error'}
+      </Typography>
+    </Alert>
+  );
 }

src/common/state/store-ui.ts

@@ -146,5 +146,6 @@ export const useUIPreferencesStore = create<UIPreferencesStore>()(
     }),
     {
       name: 'app-ui',
-    }),
+    },
+  ),
 );

src/modules/prodia/store-prodia.ts

@@ -65,5 +65,6 @@ export const useProdiaStore = create<ProdiaStore>()(
     }),
     {
       name: 'app-module-prodia',
-    }),
+    },
+  ),
 );