@aisdk element cheat map for chat layout

page.tsx

<ChatPannel>
  <ChatHeader/>
  <Conversation>
    <ConversationContent>
        <Message from={'👱‍♂️'}>
            <MessageAvatar />
            <MessageContent>Hi</MessageContent>
        </Message>
        <Sources>
          <SourcesTrigger count={1} />
          <SourcesContent>
            <Source href="https://ai-sdk.dev" title="AI SDK" />
          </SourcesContent>
        </Sources>
        <Message from={'🤖'}>
            <MessageContent>
                <Reasoning>
                    <ReasoningTrigger/>
                    <ReasoningContent>Thinking..</ReasoningContent>
                </Reasoning>
            </MessageContent>
            <MessageContent>
                <Task>
                  <TaskTrigger title="Found project files" />
                  <TaskContent>
                    <TaskItem>
                      Read <TaskItemFile>index.md</TaskItemFile>
                    </TaskItem>
                  </TaskContent>
                </Task>
            </MessageContent>
            <MessageContent>
                <Tool>
                  <ToolHeader type="tool-call" />
                  <ToolContent>
                    <ToolInput/>
                    <ToolOutput/>
                  </ToolContent>
                </Tool>
            </MessageContent>
            <MessageContent>
                <Image base64="valid base64 string"
                  mediaType: 'image/jpeg',
                  uint8Array: new Uint8Array([]),
                  alt="Example generated image"
                />
            </MessageContent>
            <MessageContent>
                <CodeBlock data={"console.log('hello world')"} language="jsx">
                  <CodeBlockCopyButton/>
                </CodeBlock>
            </MessageContent>
            <MessageContent>
                <Response>
                    **Hi there.**
                    <InlineCitation />
                </Response>
                <Actions className="mt-2">
                  <Action label="Like">
                    <ThumbsUpIcon className="size-4" />
                  </Action>
                </Actions>
            </MessageContent>
        <Message>
    </ConversationContent>
    <ConversationScrollButton />
  </Conversation>
  <Suggestions>
    <Suggestion suggestion="What are the latest trends in AI?" />
  </Suggestions>
  <Prompt>
    <PromptInput onSubmit={() => {}}>
      <PromptInputTextarea onChange={(e) => {}} value={''} />
      <PromptInputToolbar>
        <PromptInputSubmit disabled={false} status={'ready'}/>
      </PromptInputToolbar>
    </PromptInput>
  </Prompt>
</ChatPannel>