Make message list bottom-first with append-only timeline

packages/ui/src/components/message-preview.tsx

@@ -1,4 +1,4 @@
-import { createMemo, type Component } from "solid-js"
+import type { Component } from "solid-js"
 import MessageBlock from "./message-block"
 import type { InstanceMessageStore } from "../stores/message-v2/instance-store"
 
@@ -10,8 +10,7 @@ interface MessagePreviewProps {
 }
 
 const MessagePreview: Component<MessagePreviewProps> = (props) => {
-  const indexMap = createMemo(() => new Map([[props.messageId, 0]]))
-  const lastAssistantIndex = createMemo(() => 0)
+  const lastAssistantIndex = () => 0
 
   return (
     <div class="message-preview message-stream">
@@ -20,7 +19,7 @@ const MessagePreview: Component<MessagePreviewProps> = (props) => {
         instanceId={props.instanceId}
         sessionId={props.sessionId}
         store={props.store}
-        messageIndexMap={indexMap}
+        messageIndex={0}
         lastAssistantIndex={lastAssistantIndex}
         showThinking={() => false}
         thinkingDefaultExpanded={() => false}