fix: reverse message order and fix mutation revalidation

Reverse message display order for better UX and prevent unnecessary revalidation during message creation

src/renderer/src/hooks/agents/useSession.ts

@@ -48,7 +48,8 @@ export const useSession = (agentId: string, sessionId: string) => {
         updated_at: ''
       } satisfies AgentSessionMessageEntity
       try {
-        mutate((prev) => ({
+        mutate(
+          (prev) => ({
             ...prev,
             accessible_paths: prev?.accessible_paths ?? [],
             model: prev?.model ?? '',
@@ -58,7 +59,9 @@ export const useSession = (agentId: string, sessionId: string) => {
             created_at: prev?.created_at ?? '',
             updated_at: prev?.updated_at ?? '',
             messages: [...(prev?.messages ?? []), newMessageDraft]
-        }))
+          }),
+          false
+        )
         await client.createMessage(agentId, sessionId, content)
       } catch (error) {
         mutate(origin)

src/renderer/src/pages/home/Messages/AgentSessionMessages.tsx

@@ -37,7 +37,7 @@ const AgentSessionMessages: React.FC<Props> = ({ agentId, sessionId }) => {
       <NarrowLayout style={{ display: 'flex', flexDirection: 'column-reverse' }}>
         <ContextMenu>
           <ScrollContainer>
-            {messages.map((message) => {
+            {messages.toReversed().map((message) => {
               const content = getTextFromContent(message.content)
               return <div key={message.id}>{content}</div>
             })}