diff --git a/.github/workflows/dependabot-ci.yml b/.github/workflows/dependabot-ci.yml
new file mode 100644
index 000000000..3a0d05bc3
--- /dev/null
+++ b/.github/workflows/dependabot-ci.yml
@@ -0,0 +1,21 @@
+name: Dependabot CI
+
+on:
+  pull_request:
+    branches: [main]
+    paths-ignore:
+      - "**.md"
+    types: [opened, synchronize, reopened]
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - name: Use Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: "18.x"
+      - name: Build Check
+        run: |
+          cd ./frontend && npm ci && npm run build
diff --git a/README.md b/README.md
index a468448f3..d093c0e64 100644
--- a/README.md
+++ b/README.md
@@ -8,12 +8,17 @@
 > [!Warning]
 > The current version (`v0.4.x`) has no compatibility with ex version (~`v0.3.0`) due to the change of DynamoDB table schema. **Please note that UPDATE (i.e. `cdk deploy`) FROM EX VERSION TO `v0.4.x` WILL DESTROY ALL OF EXISTING CONVERSATIONS.**
 
-This repository is a sample chatbot using the Anthropic company's LLM [Claude 2](https://www.anthropic.com/index/claude-2), one of the foundational models provided by [Amazon Bedrock](https://aws.amazon.com/bedrock/) for generative AI.
+This repository is a sample chatbot using the Anthropic company's LLM [Claude](https://www.anthropic.com/), one of the foundational models provided by [Amazon Bedrock](https://aws.amazon.com/bedrock/) for generative AI.
 
 ### Basic Conversation
 
+Not only text but also images are available with [Anthropic's Claude 3 Sonnet](https://www.anthropic.com/news/claude-3-family).
+
 ![](./docs/imgs/demo.gif)
 
+> [!Note]
+> Currently the image will be compressed into 800px jpeg due to DynamoDB [item size limitation](https://docs.aws.amazon.com/amazondynamodb/latest/developerguide/ServiceQuotas.html#limits-items). [Issue](https://github.com/aws-samples/bedrock-claude-chat/issues/131)
+
 ### Bot Personalization
 
 Add your own instruction and give external knowledge as URL or files (a.k.a [RAG](./docs/RAG.md)). The bot can be shared among application users.
@@ -39,7 +44,7 @@ TODO
 
 ## 🚀 Super-easy Deployment
 
-- On us-east-1 region, open [Bedrock Model access](https://us-east-1.console.aws.amazon.com/bedrock/home?region=us-east-1#/modelaccess) > `Manage model access` > Check `Anthropic / Claude`, `Anthropic / Claude Instant` and `Cohere / Embed Multilingual` then `Save changes`.
+- On us-east-1 region, open [Bedrock Model access](https://us-east-1.console.aws.amazon.com/bedrock/home?region=us-east-1#/modelaccess) > `Manage model access` > Check `Anthropic / Claude`, `Anthropic / Claude Instant`, `Anthropic / Claude 3 Sonnet` and `Cohere / Embed Multilingual` then `Save changes`.
 
 <details>
 <summary>Screenshot</summary>
@@ -77,7 +82,6 @@ It's an architecture built on AWS managed services, eliminating the need for inf
 
 - [Amazon DynamoDB](https://aws.amazon.com/dynamodb/): NoSQL database for conversation history storage
 - [Amazon API Gateway](https://aws.amazon.com/api-gateway/) + [AWS Lambda](https://aws.amazon.com/lambda/): Backend API endpoint ([AWS Lambda Web Adapter](https://github.com/awslabs/aws-lambda-web-adapter), [FastAPI](https://fastapi.tiangolo.com/))
-- [Amazon SNS](https://aws.amazon.com/sns/): Used to decouple streaming calls between API Gateway and Bedrock because streaming responses can take over 30 seconds in total, exceeding the limitations of HTTP integration (See [quota](https://docs.aws.amazon.com/apigateway/latest/developerguide/limits.html)).
 - [Amazon CloudFront](https://aws.amazon.com/cloudfront/) + [S3](https://aws.amazon.com/s3/): Frontend application delivery ([React](https://react.dev/), [Tailwind CSS](https://tailwindcss.com/))
 - [AWS WAF](https://aws.amazon.com/waf/): IP address restriction
 - [Amazon Cognito](https://aws.amazon.com/cognito/): User authentication
@@ -189,18 +193,19 @@ BedrockChatStack.FrontendURL = https://xxxxx.cloudfront.net
 Edit [config.py](./backend/app/config.py) and run `cdk deploy`.
 
 ```py
+# See: https://docs.anthropic.com/claude/reference/complete_post
 GENERATION_CONFIG = {
-    "max_tokens_to_sample": 500,
-    "temperature": 0.6,
+    "max_tokens": 2000,
     "top_k": 250,
     "top_p": 0.999,
+    "temperature": 0.6,
     "stop_sequences": ["Human: ", "Assistant: "],
 }
 
 EMBEDDING_CONFIG = {
-    "model_id": "amazon.titan-embed-text-v1",
+    "model_id": "cohere.embed-multilingual-v3",
     "chunk_size": 1000,
-    "chunk_overlap": 100,
+    "chunk_overlap": 200,
 }
 ```
 
diff --git a/backend/app/bedrock.py b/backend/app/bedrock.py
index 5da1725bd..7a3de0d82 100644
--- a/backend/app/bedrock.py
+++ b/backend/app/bedrock.py
@@ -2,8 +2,9 @@
 import logging
 import os
 
-from anthropic import Anthropic
+from anthropic import AnthropicBedrock
 from app.config import ANTHROPIC_PRICING, EMBEDDING_CONFIG, GENERATION_CONFIG
+from app.repositories.models.conversation import MessageModel
 from app.utils import get_bedrock_client
 
 logger = logging.getLogger(__name__)
@@ -12,32 +13,53 @@
 
 
 client = get_bedrock_client()
-anthropic_client = Anthropic()
-
-
-def _create_body(model: str, prompt: str):
-    if model in ("claude-instant-v1", "claude-v2"):
-        parameter = GENERATION_CONFIG
-        parameter["prompt"] = prompt
-        return json.dumps(parameter)
-    else:
-        raise NotImplementedError()
-
-
-def _extract_output_text(model: str, response) -> str:
-    if model in ("claude-instant-v1", "claude-v2"):
-        output = json.loads(response.get("body").read())
-        output_txt = output["completion"]
-        if output_txt[0] == " ":
-            # claude outputs a space at the beginning of the text
-            output_txt = output_txt[1:]
-        return output_txt
-    else:
-        raise NotImplementedError()
-
-
-def count_tokens(text: str) -> int:
-    return anthropic_client.count_tokens(text)
+anthropic_client = AnthropicBedrock()
+
+
+def compose_args_for_anthropic_client(
+    messages: list[MessageModel],
+    model: str,
+    instruction: str | None = None,
+    stream: bool = False,
+) -> dict:
+    """Compose arguments for Anthropic client.
+    Ref: https://docs.anthropic.com/claude/reference/messages_post
+    """
+    arg_messages = []
+    for message in messages:
+        if message.role not in ["system", "instruction"]:
+            content = []
+            for c in message.content:
+                if c.content_type == "text":
+                    content.append(
+                        {
+                            "type": "text",
+                            "text": c.body,
+                        }
+                    )
+                elif c.content_type == "image":
+                    content.append(
+                        {
+                            "type": "image",
+                            "source": {
+                                "type": "base64",
+                                "media_type": c.media_type,
+                                "data": c.body,
+                            },
+                        }
+                    )
+            m = {"role": message.role, "content": content}
+            arg_messages.append(m)
+
+    args = {
+        **GENERATION_CONFIG,
+        "model": get_model_id(model),
+        "messages": arg_messages,
+        "stream": stream,
+    }
+    if instruction:
+        args["system"] = instruction
+    return args
 
 
 def calculate_price(
@@ -61,26 +83,12 @@ def get_model_id(model: str) -> str:
         return "anthropic.claude-v2:1"
     elif model == "claude-instant-v1":
         return "anthropic.claude-instant-v1"
+    elif model == "claude-v3-sonnet":
+        return "anthropic.claude-3-sonnet-20240229-v1:0"
     else:
         raise NotImplementedError()
 
 
-def invoke(prompt: str, model: str) -> str:
-    payload = _create_body(model, prompt)
-
-    model_id = get_model_id(model)
-    accept = "application/json"
-    content_type = "application/json"
-
-    response = client.invoke_model(
-        body=payload, modelId=model_id, accept=accept, contentType=content_type
-    )
-
-    output_txt = _extract_output_text(model, response)
-
-    return output_txt
-
-
 def calculate_query_embedding(question: str) -> list[float]:
     model_id = EMBEDDING_CONFIG["model_id"]
 
diff --git a/backend/app/config.py b/backend/app/config.py
index e2ba52830..bd3af3b42 100644
--- a/backend/app/config.py
+++ b/backend/app/config.py
@@ -2,10 +2,10 @@
 # Adjust the values according to your application.
 # See: https://docs.anthropic.com/claude/reference/complete_post
 GENERATION_CONFIG = {
-    "max_tokens_to_sample": 2000,
-    "temperature": 0.6,
+    "max_tokens": 2000,
     "top_k": 250,
     "top_p": 0.999,
+    "temperature": 0.6,
     "stop_sequences": ["Human: ", "Assistant: "],
 }
 
@@ -24,8 +24,8 @@
 }
 
 # Used for price estimation.
-# NOTE: The following is based on 2024-01-29.
-# See: https://aws.amazon.com/jp/bedrock/pricing/
+# NOTE: The following is based on 2024-03-07
+# See: https://aws.amazon.com/bedrock/pricing/
 ANTHROPIC_PRICING = {
     "us-east-1": {
         "claude-instant-v1": {
@@ -36,6 +36,7 @@
             "input": 0.00080,
             "output": 0.00240,
         },
+        "claude-v3-sonnet": {"input": 0.00300, "output": 0.01500},
     },
     "us-west-2": {
         "claude-instant-v1": {
@@ -46,6 +47,7 @@
             "input": 0.00080,
             "output": 0.00240,
         },
+        "claude-v3-sonnet": {"input": 0.00300, "output": 0.01500},
     },
     "ap-northeast-1": {
         "claude-instant-v1": {
@@ -66,5 +68,6 @@
             "input": 0.00080,
             "output": 0.00240,
         },
+        "claude-v3-sonnet": {"input": 0.00300, "output": 0.01500},
     },
 }
diff --git a/backend/app/repositories/conversation.py b/backend/app/repositories/conversation.py
index ca2e34711..7b6b52810 100644
--- a/backend/app/repositories/conversation.py
+++ b/backend/app/repositories/conversation.py
@@ -131,9 +131,24 @@ def find_conversation_by_id(user_id: str, conversation_id: str) -> ConversationM
         message_map={
             k: MessageModel(
                 role=v["role"],
-                content=ContentModel(
-                    content_type=v["content"]["content_type"],
-                    body=v["content"]["body"],
+                content=(
+                    [
+                        ContentModel(
+                            content_type=c["content_type"],
+                            body=c["body"],
+                            media_type=c["media_type"],
+                        )
+                        for c in v["content"]
+                    ]
+                    if type(v["content"]) == list
+                    else [
+                        # For backward compatibility
+                        ContentModel(
+                            content_type=v["content"]["content_type"],
+                            body=v["content"]["body"],
+                            media_type=None,
+                        )
+                    ]
                 ),
                 model=v["model"],
                 children=v["children"],
diff --git a/backend/app/repositories/models/conversation.py b/backend/app/repositories/models/conversation.py
index 3314e7e06..38767b2d4 100644
--- a/backend/app/repositories/models/conversation.py
+++ b/backend/app/repositories/models/conversation.py
@@ -1,17 +1,18 @@
-from typing import Literal
+from typing import Literal, Optional
 
 from pydantic import BaseModel
 
 
 class ContentModel(BaseModel):
-    content_type: Literal["text"]
+    content_type: Literal["text", "image"]
+    media_type: Optional[str]
     body: str
 
 
 class MessageModel(BaseModel):
     role: str
-    content: ContentModel
-    model: Literal["claude-instant-v1", "claude-v2"]
+    content: list[ContentModel]
+    model: Literal["claude-instant-v1", "claude-v2", "claude-v3-sonnet"]
     children: list[str]
     parent: str | None
     create_time: float
diff --git a/backend/app/repositories/models/custom_bot.py b/backend/app/repositories/models/custom_bot.py
index 401dd7663..a57270094 100644
--- a/backend/app/repositories/models/custom_bot.py
+++ b/backend/app/repositories/models/custom_bot.py
@@ -1,4 +1,4 @@
-from typing import Literal
+from typing import Literal, Optional
 
 from app.routes.schemas.bot import type_sync_status
 from pydantic import BaseModel
diff --git a/backend/app/routes/schemas/conversation.py b/backend/app/routes/schemas/conversation.py
index 3f8691e00..3ec5733bb 100644
--- a/backend/app/routes/schemas/conversation.py
+++ b/backend/app/routes/schemas/conversation.py
@@ -5,14 +5,18 @@
 
 
 class Content(BaseSchema):
-    content_type: Literal["text"]
-    body: str
+    content_type: Literal["text", "image"]
+    media_type: Optional[str] = Field(
+        None,
+        description="MIME type of the image. Must be specified if `content_type` is `image`.",
+    )
+    body: str = Field(..., description="Content body. Text or base64 encoded image.")
 
 
 class MessageInput(BaseSchema):
     role: str
-    content: Content
-    model: Literal["claude-instant-v1", "claude-v2"]
+    content: list[Content]
+    model: Literal["claude-instant-v1", "claude-v2", "claude-v3-sonnet"]
     parent_message_id: str | None
     message_id: str | None = Field(
         ..., description="Unique message id. If not provided, it will be generated."
@@ -21,9 +25,9 @@ class MessageInput(BaseSchema):
 
 class MessageOutput(BaseSchema):
     role: str
-    content: Content
+    content: list[Content]
     # NOTE: "claude" will be deprecated (same as "claude-v2")
-    model: Literal["claude-instant-v1", "claude-v2", "claude"]
+    model: Literal["claude-instant-v1", "claude-v2", "claude", "claude-v3-sonnet"]
     children: list[str]
     parent: str | None
 
diff --git a/backend/app/usecases/chat.py b/backend/app/usecases/chat.py
index 6d28c4664..1c2f00ce7 100644
--- a/backend/app/usecases/chat.py
+++ b/backend/app/usecases/chat.py
@@ -4,14 +4,9 @@
 from datetime import datetime
 from typing import Literal
 
-from app.bedrock import (
-    _create_body,
-    calculate_price,
-    count_tokens,
-    get_model_id,
-    invoke,
-)
-from app.config import SEARCH_CONFIG
+from anthropic.types import Message as AnthropicMessage
+from app.bedrock import calculate_price, compose_args_for_anthropic_client, get_model_id
+from app.config import GENERATION_CONFIG, SEARCH_CONFIG
 from app.repositories.conversation import (
     RecordNotFoundError,
     find_conversation_by_id,
@@ -32,13 +27,15 @@
     MessageOutput,
 )
 from app.usecases.bot import fetch_bot, modify_bot_last_used_time
-from app.utils import get_buffer_string, get_current_time, is_running_on_lambda
+from app.utils import get_anthropic_client, get_current_time, is_running_on_lambda
 from app.vector_search import SearchResult, search_related_docs
 from ulid import ULID
 
 logger = logging.getLogger(__name__)
 logger.setLevel(logging.DEBUG)
 
+client = get_anthropic_client()
+
 
 def prepare_conversation(
     user_id: str,
@@ -70,10 +67,13 @@ def prepare_conversation(
             # Dummy system message
             "system": MessageModel(
                 role="system",
-                content=ContentModel(
-                    content_type="text",
-                    body="",
-                ),
+                content=[
+                    ContentModel(
+                        content_type="text",
+                        media_type=None,
+                        body="",
+                    )
+                ],
                 model=chat_input.message.model,
                 children=[],
                 parent=None,
@@ -88,10 +88,13 @@ def prepare_conversation(
             owned, bot = fetch_bot(user_id, chat_input.bot_id)
             initial_message_map["instruction"] = MessageModel(
                 role="instruction",
-                content=ContentModel(
-                    content_type="text",
-                    body=bot.instruction,
-                ),
+                content=[
+                    ContentModel(
+                        content_type="text",
+                        media_type=None,
+                        body=bot.instruction,
+                    )
+                ],
                 model=chat_input.message.model,
                 children=[],
                 parent="system",
@@ -146,10 +149,14 @@ def prepare_conversation(
         message_id = str(ULID())
     new_message = MessageModel(
         role=chat_input.message.role,
-        content=ContentModel(
-            content_type=chat_input.message.content.content_type,
-            body=chat_input.message.content.body,
-        ),
+        content=[
+            ContentModel(
+                content_type=c.content_type,
+                media_type=c.media_type,
+                body=c.body,
+            )
+            for c in chat_input.message.content
+        ],
         model=chat_input.message.model,
         children=[],
         parent=parent_id,
@@ -161,30 +168,6 @@ def prepare_conversation(
     return (message_id, conversation, bot)
 
 
-def get_invoke_payload(
-    message_map: dict[str, MessageModel], chat_input: ChatInput
-) -> tuple[dict, str]:
-    messages = trace_to_root(
-        node_id=chat_input.message.parent_message_id,
-        message_map=message_map,
-    )
-    messages.append(chat_input.message)  # type: ignore
-    prompt = get_buffer_string(messages)
-    body = _create_body(chat_input.message.model, prompt)
-    model_id = get_model_id(chat_input.message.model)
-    accept = "application/json"
-    content_type = "application/json"
-    return (
-        {
-            "body": body,
-            "model_id": model_id,
-            "accept": accept,
-            "content_type": content_type,
-        },
-        prompt,
-    )
-
-
 def trace_to_root(
     node_id: str | None, message_map: dict[str, MessageModel]
 ) -> list[MessageModel]:
@@ -204,35 +187,6 @@ def trace_to_root(
     return result[::-1]
 
 
-# def compress_knowledge(query: str, results: list[SearchResult]) -> tuple[bool, str]:
-#     """Compress knowledge to avoid token limit. Extract only related parts from the search results."""
-#     contexts_prompt = ""
-#     for result in results:
-#         contexts_prompt += f"<context>\n{result.content}</context>\n"
-#     NO_RELEVANT_DOC = "THERE_IS_NO_RELEVANT_DOC"
-#     PROMPT = """Human: Given the following question and contexts, extract any part of the context *AS IS* that is relevant to answer the question.
-# Remember, *DO NOT* edit the extracted parts of the context.
-# <question>
-# {}
-# </question>
-# <contexts>
-# {}
-# </contexts>
-# If none of the context is relevant, just say {}.
-
-# Assistant:
-# """.format(
-#         query, contexts_prompt, NO_RELEVANT_DOC
-#     )
-#     reply_txt = invoke(prompt=PROMPT, model="claude-instant-v1")
-#     print(reply_txt)
-
-#     if reply_txt.find(NO_RELEVANT_DOC) != -1:
-#         return False, ""
-
-#     return reply_txt
-
-
 def insert_knowledge(
     conversation: ConversationModel, search_results: list[SearchResult]
 ) -> ConversationModel:
@@ -244,7 +198,7 @@ def insert_knowledge(
     for result in search_results:
         context_prompt += f"<context>\n{result.content}</context>\n"
 
-    instruction_prompt = conversation.message_map["instruction"].content.body
+    instruction_prompt = conversation.message_map["instruction"].content[0].body
     inserted_prompt = """You must respond based on given contexts.
 The contexts are as follows:
 <contexts>
@@ -261,7 +215,9 @@ def insert_knowledge(
     logger.info(f"Inserted prompt: {inserted_prompt}")
 
     conversation_with_context = deepcopy(conversation)
-    conversation_with_context.message_map["instruction"].content.body = inserted_prompt
+    conversation_with_context.message_map["instruction"].content[
+        0
+    ].body = inserted_prompt
 
     return conversation_with_context
 
@@ -273,7 +229,8 @@ def chat(user_id: str, chat_input: ChatInput) -> ChatOutput:
     if bot and is_running_on_lambda():
         # NOTE: `is_running_on_lambda`is a workaround for local testing due to no postgres mock.
         # Fetch most related documents from vector store
-        query = conversation.message_map[user_msg_id].content.body
+        # NOTE: Currently embedding not support multi-modal. For now, use the last content.
+        query = conversation.message_map[user_msg_id].content[-1].body
         results = search_related_docs(
             bot_id=bot.id, limit=SEARCH_CONFIG["max_results"], query=query
         )
@@ -288,17 +245,25 @@ def chat(user_id: str, chat_input: ChatInput) -> ChatOutput:
     )
     messages.append(chat_input.message)  # type: ignore
 
-    # Invoke Bedrock
-    prompt = get_buffer_string(messages)
-
-    reply_txt = invoke(prompt=prompt, model=chat_input.message.model)
+    # Create payload to invoke Bedrock
+    args = compose_args_for_anthropic_client(
+        messages=messages,
+        model=chat_input.message.model,
+        instruction=(
+            message_map["instruction"].content[0].body
+            if "instruction" in message_map
+            else None
+        ),
+    )
+    response: AnthropicMessage = client.messages.create(**args)
+    reply_txt = response.content[0].text
 
     # Issue id for new assistant message
     assistant_msg_id = str(ULID())
     # Append bedrock output to the existing conversation
     message = MessageModel(
         role="assistant",
-        content=ContentModel(content_type="text", body=reply_txt),
+        content=[ContentModel(content_type="text", body=reply_txt, media_type=None)],
         model=chat_input.message.model,
         children=[],
         parent=user_msg_id,
@@ -311,8 +276,11 @@ def chat(user_id: str, chat_input: ChatInput) -> ChatOutput:
     conversation.last_message_id = assistant_msg_id
 
     # Update total pricing
-    input_tokens = count_tokens(prompt)
-    output_tokens = count_tokens(reply_txt)
+    input_tokens = response.usage.input_tokens
+    output_tokens = response.usage.output_tokens
+
+    logger.debug(f"Input tokens: {input_tokens}, Output tokens: {output_tokens}")
+
     price = calculate_price(chat_input.message.model, input_tokens, output_tokens)
     conversation.total_price += price
 
@@ -329,10 +297,14 @@ def chat(user_id: str, chat_input: ChatInput) -> ChatOutput:
         create_time=conversation.create_time,
         message=MessageOutput(
             role=message.role,
-            content=Content(
-                content_type=message.content.content_type,
-                body=message.content.body,
-            ),
+            content=[
+                Content(
+                    content_type=c.content_type,
+                    body=c.body,
+                    media_type=c.media_type,
+                )
+                for c in message.content
+            ],
             model=message.model,
             children=message.children,
             parent=message.parent,
@@ -346,7 +318,9 @@ def chat(user_id: str, chat_input: ChatInput) -> ChatOutput:
 def propose_conversation_title(
     user_id: str,
     conversation_id: str,
-    model: Literal["claude-instant-v1", "claude-v2"] = "claude-instant-v1",
+    model: Literal[
+        "claude-instant-v1", "claude-v2", "claude-v3-sonnet"
+    ] = "claude-instant-v1",
 ) -> str:
     PROMPT = """Reading the conversation above, what is the appropriate title for the conversation? When answering the title, please follow the rules below:
 <rules>
@@ -356,9 +330,14 @@ def propose_conversation_title(
 - Return the conversation title only. DO NOT include any strings other than the title.
 </rules>
 """
-
     # Fetch existing conversation
     conversation = find_conversation_by_id(user_id, conversation_id)
+
+    # Omit image (claude instant v1 / v2 don't support image content type)
+    # TODO: Remove this when claude v3 haiku is supported
+    for message in conversation.message_map.values():
+        message.content = [c for c in message.content if c.content_type != "image"]
+
     messages = trace_to_root(
         node_id=conversation.last_message_id,
         message_map=conversation.message_map,
@@ -367,10 +346,13 @@ def propose_conversation_title(
     # Append message to generate title
     new_message = MessageModel(
         role="user",
-        content=ContentModel(
-            content_type="text",
-            body=PROMPT,
-        ),
+        content=[
+            ContentModel(
+                content_type="text",
+                body=PROMPT,
+                media_type=None,
+            )
+        ],
         model=model,
         children=[],
         parent=conversation.last_message_id,
@@ -379,9 +361,12 @@ def propose_conversation_title(
     messages.append(new_message)
 
     # Invoke Bedrock
-    prompt = get_buffer_string(messages)
-    reply_txt = invoke(prompt=prompt, model=model)
-    reply_txt = reply_txt.replace("\n", "")
+    args = compose_args_for_anthropic_client(
+        messages=messages,
+        model=model,
+    )
+    response = client.messages.create(**args)
+    reply_txt = response.content[0].text
     return reply_txt
 
 
@@ -391,10 +376,14 @@ def fetch_conversation(user_id: str, conversation_id: str) -> Conversation:
     message_map = {
         message_id: MessageOutput(
             role=message.role,
-            content=Content(
-                content_type=message.content.content_type,
-                body=message.content.body,
-            ),
+            content=[
+                Content(
+                    content_type=c.content_type,
+                    body=c.body,
+                    media_type=c.media_type,
+                )
+                for c in message.content
+            ],
             model=message.model,
             children=message.children,
             parent=message.parent,
diff --git a/backend/app/utils.py b/backend/app/utils.py
index 261a63ad7..cbf1900fd 100644
--- a/backend/app/utils.py
+++ b/backend/app/utils.py
@@ -3,6 +3,7 @@
 from typing import List
 
 import boto3
+from anthropic import AnthropicBedrock
 from app.repositories.models.conversation import MessageModel
 from botocore.client import Config
 from botocore.exceptions import ClientError
@@ -17,41 +18,13 @@ def is_running_on_lambda():
     return "AWS_EXECUTION_ENV" in os.environ
 
 
-def get_buffer_string(conversations: list[MessageModel]) -> str:
-    string_messages = []
-    instruction = None
-    for conversation in conversations:
-        if conversation.role == "assistant":
-            prefix = "Assistant: "
-        elif conversation.role == "user":
-            prefix = "Human: "
-        elif conversation.role == "system":
-            # Ignore system messages (currently `system` is dummy whose parent is null)
-            continue
-        elif conversation.role == "instruction":
-            instruction = conversation.content.body
-            continue
-        else:
-            raise ValueError(f"Unsupported role: {conversation.role}")
-
-        message = f"{prefix}{conversation.content.body}"
-        string_messages.append(message)
-
-    if conversations[-1].role == "user":
-        # Insert instruction before last human message
-        if instruction:
-            string_messages.insert(
-                len(string_messages) - 1, f"Instructions: {instruction}"
-            )
-        # If the last message is from the user, add a new line before the assistant's response
-        # Ref: https://docs.anthropic.com/claude/docs/introduction-to-prompt-design#human--assistant-formatting
-        string_messages.append("Assistant: ")
-
-    return "\n\n".join(string_messages)
+def get_bedrock_client(region=BEDROCK_REGION):
+    client = boto3.client("bedrock-runtime", region)
+    return client
 
 
-def get_bedrock_client():
-    client = boto3.client("bedrock-runtime", BEDROCK_REGION)
+def get_anthropic_client(region=BEDROCK_REGION):
+    client = AnthropicBedrock(aws_region=region)
 
     return client
 
diff --git a/backend/app/vector_search.py b/backend/app/vector_search.py
index 8238569ff..3ef4817b1 100644
--- a/backend/app/vector_search.py
+++ b/backend/app/vector_search.py
@@ -4,7 +4,6 @@
 
 import pg8000
 from app.bedrock import calculate_query_embedding
-from app.utils import get_bedrock_client
 from pydantic import BaseModel
 
 logger = logging.getLogger(__name__)
diff --git a/backend/app/websocket.py b/backend/app/websocket.py
index e9be87c84..f6549d598 100644
--- a/backend/app/websocket.py
+++ b/backend/app/websocket.py
@@ -1,53 +1,40 @@
 import json
 import logging
+import os
 from datetime import datetime
+from decimal import Decimal as decimal
 
 import boto3
+from anthropic.types import ContentBlockDeltaEvent, MessageDeltaEvent, MessageStopEvent
 from app.auth import verify_token
-from app.bedrock import calculate_price, count_tokens
-from app.config import SEARCH_CONFIG
+from app.bedrock import calculate_price, compose_args_for_anthropic_client
+from app.config import GENERATION_CONFIG, SEARCH_CONFIG
 from app.repositories.conversation import RecordNotFoundError, store_conversation
 from app.repositories.models.conversation import ContentModel, MessageModel
 from app.routes.schemas.conversation import ChatInputWithToken
 from app.usecases.bot import modify_bot_last_used_time
-from app.usecases.chat import get_invoke_payload, insert_knowledge, prepare_conversation
-from app.utils import get_bedrock_client, get_current_time
+from app.usecases.chat import insert_knowledge, prepare_conversation, trace_to_root
+from app.utils import get_anthropic_client, get_current_time
 from app.vector_search import SearchResult, search_related_docs
+from boto3.dynamodb.conditions import Key
+from botocore.exceptions import ClientError
 from ulid import ULID
 
-client = get_bedrock_client()
-
-logger = logging.getLogger(__name__)
-logger.setLevel(logging.DEBUG)
+WEBSOCKET_SESSION_TABLE_NAME = os.environ["WEBSOCKET_SESSION_TABLE_NAME"]
 
 
-def generate_chunk(stream) -> bytes:
-    if stream:
-        for event in stream:
-            chunk = event.get("chunk")
-            if chunk:
-                chunk_bytes = chunk.get("bytes")
-                yield chunk_bytes
+client = get_anthropic_client()
+dynamodb_client = boto3.resource("dynamodb")
+table = dynamodb_client.Table(WEBSOCKET_SESSION_TABLE_NAME)
 
+logger = logging.getLogger(__name__)
+logger.setLevel(logging.DEBUG)
 
-def handler(event, context):
-    print(f"Received event: {event}")
-    # Extracting the SNS message and its details
-    # NOTE: All notification messages will contain a single published message.
-    # See `Reliability` section of: https://aws.amazon.com/sns/faqs/
-    sns_message = event["Records"][0]["Sns"]["Message"]
-    message_content = json.loads(sns_message)
-
-    route_key = message_content["requestContext"]["routeKey"]
-
-    connection_id = message_content["requestContext"]["connectionId"]
-    domain_name = message_content["requestContext"]["domainName"]
-    stage = message_content["requestContext"]["stage"]
-    message = message_content["body"]
-    endpoint_url = f"https://{domain_name}/{stage}"
-    gatewayapi = boto3.client("apigatewaymanagementapi", endpoint_url=endpoint_url)
 
-    chat_input = ChatInputWithToken(**json.loads(message))
+def process_chat_input(
+    chat_input: ChatInputWithToken, gatewayapi, connection_id: str
+) -> dict:
+    """Process chat input and send the message to the client."""
     logger.info(f"Received chat input: {chat_input}")
 
     try:
@@ -63,7 +50,13 @@ def handler(event, context):
     except RecordNotFoundError:
         if chat_input.bot_id:
             gatewayapi.post_to_connection(
-                ConnectionId=connection_id, Data="Bot not found.".encode("utf-8")
+                ConnectionId=connection_id,
+                Data=json.dumps(
+                    dict(
+                        status="ERROR",
+                        reason="bot_not_found",
+                    )
+                ).encode("utf-8"),
             )
             return {"statusCode": 404, "body": f"bot {chat_input.bot_id} not found."}
         else:
@@ -86,7 +79,8 @@ def handler(event, context):
             ).encode("utf-8"),
         )
         # Fetch most related documents from vector store
-        query = conversation.message_map[user_msg_id].content.body
+        # NOTE: Currently embedding not support multi-modal. For now, use the last text content.
+        query = conversation.message_map[user_msg_id].content[-1].body
         results = search_related_docs(
             bot_id=bot.id, limit=SEARCH_CONFIG["max_results"], query=query
         )
@@ -96,33 +90,82 @@ def handler(event, context):
         conversation_with_context = insert_knowledge(conversation, results)
         message_map = conversation_with_context.message_map
 
-    payload, prompt = get_invoke_payload(message_map, chat_input)
+    messages = trace_to_root(
+        node_id=chat_input.message.parent_message_id,
+        message_map=message_map,
+    )
+    messages.append(chat_input.message)  # type: ignore
 
+    # Invoke Bedrock
+    args = compose_args_for_anthropic_client(
+        messages,
+        chat_input.message.model,
+        instruction=(
+            message_map["instruction"].content[0].body
+            if "instruction" in message_map
+            else None
+        ),
+        stream=True,
+    )
+    # logger.debug(f"Invoking bedrock with args: {args}")
     try:
         # Invoke bedrock streaming api
-        response = client.invoke_model_with_response_stream(
-            body=payload["body"],
-            modelId=payload["model_id"],
-            accept=payload["accept"],
-            contentType=payload["content_type"],
-        )
+        response = client.messages.create(**args)
     except Exception as e:
         print(f"Failed to invoke bedrock: {e}")
         return {"statusCode": 500, "body": "Failed to invoke bedrock."}
 
-    stream = response.get("body")
     completions = []
-    for chunk in generate_chunk(stream):
-        chunk_data = json.loads(chunk.decode("utf-8"))
-        completions.append(chunk_data["completion"])
-        if "stop_reason" in chunk_data and chunk_data["stop_reason"] is not None:
+    last_data_to_send = {}
+    for event in response:
+        # NOTE: following is the example of event sequence:
+        # MessageStartEvent(message=Message(id='compl_01GwmkwncsptaeBopeaR4eWE', content=[], model='claude-instant-1.2', role='assistant', stop_reason=None, stop_sequence=None, type='message', usage=Usage(input_tokens=21, output_tokens=1)), type='message_start')
+        # ContentBlockStartEvent(content_block=ContentBlock(text='', type='text'), index=0, type='content_block_start')
+        # ...
+        # ContentBlockDeltaEvent(delta=TextDelta(text='です', type='text_delta'), index=0, type='content_block_delta')
+        # ContentBlockStopEvent(index=0, type='content_block_stop')
+        # MessageDeltaEvent(delta=Delta(stop_reason='end_turn', stop_sequence=None), type='message_delta', usage=MessageDeltaUsage(output_tokens=26))
+        # MessageStopEvent(type='message_stop', amazon-bedrock-invocationMetrics={'inputTokenCount': 21, 'outputTokenCount': 25, 'invocationLatency': 621, 'firstByteLatency': 279})
+
+        if isinstance(event, ContentBlockDeltaEvent):
+            completions.append(event.delta.text)
+            try:
+                # Send completion
+                data_to_send = json.dumps(
+                    dict(
+                        status="STREAMING",
+                        completion=event.delta.text,
+                    )
+                ).encode("utf-8")
+                gatewayapi.post_to_connection(
+                    ConnectionId=connection_id, Data=data_to_send
+                )
+            except Exception as e:
+                print(f"Failed to post message: {str(e)}")
+                return {
+                    "statusCode": 500,
+                    "body": "Failed to send message to connection.",
+                }
+        elif isinstance(event, MessageDeltaEvent):
+            logger.debug(f"Received message delta event: {event.delta}")
+            last_data_to_send = json.dumps(
+                dict(
+                    completion="",
+                    stop_reason=event.delta.stop_reason,
+                )
+            ).encode("utf-8")
+        elif isinstance(event, MessageStopEvent):
             # Persist conversation before finish streaming so that front-end can avoid 404 issue
             concatenated = "".join(completions)
             # Append entire completion as the last message
             assistant_msg_id = str(ULID())
             message = MessageModel(
                 role="assistant",
-                content=ContentModel(content_type="text", body=concatenated),
+                content=[
+                    ContentModel(
+                        content_type="text", body=concatenated, media_type=None
+                    )
+                ],
                 model=chat_input.message.model,
                 children=[],
                 parent=user_msg_id,
@@ -134,24 +177,121 @@ def handler(event, context):
             conversation.last_message_id = assistant_msg_id
 
             # Update total pricing
-            input_tokens = count_tokens(prompt)
-            output_tokens = count_tokens(concatenated)
+            metrics = event.model_dump()["amazon-bedrock-invocationMetrics"]
+            input_token_count = metrics.get("inputTokenCount")
+            output_token_count = metrics.get("outputTokenCount")
+
+            logger.debug(
+                f"Input token count: {input_token_count}, output token count: {output_token_count}"
+            )
+
             price = calculate_price(
-                chat_input.message.model, input_tokens, output_tokens
+                chat_input.message.model, input_token_count, output_token_count
             )
             conversation.total_price += price
 
             store_conversation(user_id, conversation)
-        try:
-            # Send completion
-            gatewayapi.post_to_connection(ConnectionId=connection_id, Data=chunk)
-        except Exception as e:
-            print(f"Failed to post message: {str(e)}")
-            return {"statusCode": 500, "body": "Failed to send message to connection."}
+        else:
+            continue
+
+    # Send last completion after saving conversation
+    try:
+        logger.debug(f"Sending last completion: {last_data_to_send}")
+        gatewayapi.post_to_connection(
+            ConnectionId=connection_id, Data=last_data_to_send
+        )
+    except Exception as e:
+        print(f"Failed to post message: {str(e)}")
+        return {
+            "statusCode": 500,
+            "body": "Failed to send message to connection.",
+        }
 
     # Update bot last used time
     if chat_input.bot_id:
         logger.info("Bot id is provided. Updating bot last used time.")
         modify_bot_last_used_time(user_id, chat_input.bot_id)
 
-    return {"statusCode": 200, "body": json.dumps({"conversationId": conversation.id})}
+    return {"statusCode": 200, "body": "Message sent."}
+
+
+def handler(event, context):
+    print(f"Received event: {event}")
+    route_key = event["requestContext"]["routeKey"]
+
+    if route_key == "$connect":
+        return {"statusCode": 200, "body": "Connected."}
+    elif route_key == "$disconnect":
+        return {"statusCode": 200, "body": "Disconnected."}
+
+    connection_id = event["requestContext"]["connectionId"]
+    domain_name = event["requestContext"]["domainName"]
+    stage = event["requestContext"]["stage"]
+    endpoint_url = f"https://{domain_name}/{stage}"
+    gatewayapi = boto3.client("apigatewaymanagementapi", endpoint_url=endpoint_url)
+
+    now = datetime.now()
+    expire = int(now.timestamp()) + (2 * 60 * 60)  # 2 hours from now
+    body = event["body"]
+
+    try:
+        # API Gateway (websocket) has hard limit of 32KB per message, so if the message is larger than that,
+        # need to concatenate chunks and send as a single full message.
+        # To do that, we store the chunks in DynamoDB and when the message is complete, send it to SNS.
+        # The life cycle of the message is as follows:
+        # 1. Client sends `START` message to the WebSocket API.
+        # 2. This handler receives the `Session started` message.
+        # 3. Client sends message parts to the WebSocket API.
+        # 4. This handler receives the message parts and appends them to the item in DynamoDB with index.
+        # 5. Client sends `END` message to the WebSocket API.
+        # 6. This handler receives the `END` message, concatenates the parts and sends the message to Bedrock.
+        if body == "START":
+            return {"statusCode": 200, "body": "Session started."}
+        elif body == "END":
+            # Concatenate the message parts
+            response = table.query(
+                KeyConditionExpression=Key("ConnectionId").eq(connection_id)
+            )
+            message_parts = response["Items"]
+            logger.debug(f"Message parts: {message_parts}")
+            full_message = "".join(item["MessagePart"] for item in message_parts)
+            logger.debug(f"Full message: {full_message}")
+
+            response = table.query(
+                KeyConditionExpression=Key("ConnectionId").eq(connection_id)
+            )
+            for item in response["Items"]:
+                table.delete_item(
+                    Key={
+                        "ConnectionId": item["ConnectionId"],
+                        "MessagePartId": item["MessagePartId"],
+                    }
+                )
+
+            # Process the concatenated full message
+            chat_input = ChatInputWithToken(**json.loads(full_message))
+            return process_chat_input(chat_input, gatewayapi, connection_id)
+        else:
+            # Store the message part of full message
+            message_json = json.loads(body)
+            part_index = message_json["index"]
+            message_part = message_json["part"]
+
+            # Store the message part with its index
+            table.put_item(
+                Item={
+                    "ConnectionId": connection_id,
+                    "MessagePartId": decimal(part_index),
+                    "MessagePart": message_part,
+                    "expire": expire,
+                }
+            )
+            return {"statusCode": 200, "body": "Message part received."}
+
+    except Exception as e:
+        logger.error(f"Operation failed: {e}")
+        gatewayapi.post_to_connection(
+            ConnectionId=connection_id,
+            Data=json.dumps({"status": "ERROR", "reason": str(e)}).encode("utf-8"),
+        )
+        return {"statusCode": 500, "body": str(e)}
diff --git a/backend/embedding.requirements.txt b/backend/embedding.requirements.txt
index 1a8d2bea5..118cd64d2 100644
--- a/backend/embedding.requirements.txt
+++ b/backend/embedding.requirements.txt
@@ -7,8 +7,9 @@ requests==2.31.0
 pg8000==1.30.3
 python-ulid==1.1.0
 pyhumps==3.8.0
+anthropic==0.18.1
+anthropic[bedrock]==0.18.1
 unstructured==0.11.6
-anthropic==0.16.0
 unstructured[pdf]==0.11.6
 unstructured[docx]==0.11.6
 unstructured[xlsx]==0.11.6
diff --git a/backend/publisher/index.py b/backend/publisher/index.py
deleted file mode 100644
index 8f875dd23..000000000
--- a/backend/publisher/index.py
+++ /dev/null
@@ -1,40 +0,0 @@
-import json
-import os
-
-import boto3
-from botocore.exceptions import ClientError
-
-TOPIC_ARN = os.environ["WEBSOCKET_TOPIC_ARN"]
-sns_client = boto3.client("sns")
-
-
-def handler(event, context):
-    print(f"Received event: {event}")
-    route_key = event["requestContext"]["routeKey"]
-
-    if route_key == "$connect":
-        # NOTE: Authentication is run at each message
-        return {"statusCode": 200, "body": "Connected."}
-
-    message = {
-        "requestContext": event["requestContext"],
-        "body": event["body"],
-    }
-
-    try:
-        sns_response = sns_client.publish(
-            TopicArn=TOPIC_ARN,
-            Message=json.dumps(message),
-        )
-
-        response = {
-            "statusCode": 200,
-        }
-    except ClientError as e:
-        print(f"ClientError: {e}")
-        response = {
-            "statusCode": 500,
-            "body": json.dumps({"error": str(e)}),
-        }
-
-    return response
diff --git a/backend/requirements.txt b/backend/requirements.txt
index d022f330c..b69db1ec3 100644
--- a/backend/requirements.txt
+++ b/backend/requirements.txt
@@ -8,4 +8,5 @@ python-jose==3.3.0
 boto3==1.28.57
 pg8000==1.30.3
 argparse==1.4.0
-anthropic==0.16.0
\ No newline at end of file
+anthropic==0.18.1
+anthropic[bedrock]==0.18.1
diff --git a/backend/tests/repositories/test_conversation.py b/backend/tests/repositories/test_conversation.py
index 7cda65598..7e728673a 100644
--- a/backend/tests/repositories/test_conversation.py
+++ b/backend/tests/repositories/test_conversation.py
@@ -116,7 +116,16 @@ def test_store_and_find_conversation(self):
             message_map={
                 "a": MessageModel(
                     role="user",
-                    content=ContentModel(content_type="text", body="Hello"),
+                    content=[
+                        ContentModel(
+                            content_type="text", body="Hello", media_type=None
+                        ),
+                        ContentModel(
+                            content_type="image",
+                            body="iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNk+A8AAQUBAScY42YAAAAASUVORK5CYII=",
+                            media_type="image/png",
+                        ),
+                    ],
                     model="claude-instant-v1",
                     children=["x", "y"],
                     parent="z",
@@ -143,8 +152,16 @@ def test_store_and_find_conversation(self):
         message_map = found_conversation.message_map
         # Assert whether the message map is correctly reconstructed
         self.assertEqual(message_map["a"].role, "user")
-        self.assertEqual(message_map["a"].content.content_type, "text")
-        self.assertEqual(message_map["a"].content.body, "Hello")
+        content = message_map["a"].content
+        self.assertEqual(len(content), 2)
+        self.assertEqual(content[0].content_type, "text")
+        self.assertEqual(content[0].body, "Hello")
+        self.assertEqual(content[1].content_type, "image")
+        self.assertEqual(
+            content[1].body,
+            "iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNk+A8AAQUBAScY42YAAAAASUVORK5CYII=",
+        )
+        self.assertEqual(content[1].media_type, "image/png")
         self.assertEqual(message_map["a"].model, "claude-instant-v1")
         self.assertEqual(message_map["a"].children, ["x", "y"])
         self.assertEqual(message_map["a"].parent, "z")
@@ -187,7 +204,16 @@ def setUp(self) -> None:
             message_map={
                 "a": MessageModel(
                     role="user",
-                    content=ContentModel(content_type="text", body="Hello"),
+                    content=[
+                        ContentModel(
+                            content_type="text", body="Hello", media_type=None
+                        ),
+                        ContentModel(
+                            content_type="image",
+                            body="iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNk+A8AAQUBAScY42YAAAAASUVORK5CYII=",
+                            media_type="image/png",
+                        ),
+                    ],
                     model="claude-instant-v1",
                     children=["x", "y"],
                     parent="z",
@@ -205,7 +231,16 @@ def setUp(self) -> None:
             message_map={
                 "a": MessageModel(
                     role="user",
-                    content=ContentModel(content_type="text", body="Hello"),
+                    content=[
+                        ContentModel(
+                            content_type="text", body="Hello", media_type=None
+                        ),
+                        ContentModel(
+                            content_type="image",
+                            body="iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNk+A8AAQUBAScY42YAAAAASUVORK5CYII=",
+                            media_type="image/png",
+                        ),
+                    ],
                     model="claude-instant-v1",
                     children=["x", "y"],
                     parent="z",
diff --git a/backend/tests/test_bedrock.py b/backend/tests/test_bedrock.py
index 77973b048..b6170ba84 100644
--- a/backend/tests/test_bedrock.py
+++ b/backend/tests/test_bedrock.py
@@ -5,58 +5,15 @@
 import unittest
 from pprint import pprint
 
-from app.bedrock import calculate_query_embedding, client, invoke
-from app.repositories.model import ContentModel, MessageModel
-from app.utils import get_buffer_string
+from app.bedrock import calculate_query_embedding
+from app.repositories.models.conversation import ContentModel, MessageModel
 
 # MODEL = "claude-v2"
-MODEL = "claude-instant-v1"
+# MODEL = "claude-instant-v1"
+MODEL = "claude-v3-sonnet"
 
 
 class TestBedrock(unittest.TestCase):
-    def test_invoke(self):
-        messages = [
-            MessageModel(
-                role="user",
-                content=ContentModel(
-                    content_type="text",
-                    body="こんにちは",
-                ),
-                model=MODEL,
-                children=[],
-                parent=None,
-                create_time=1627984879.9,
-            ),
-            MessageModel(
-                role="assistant",
-                content=ContentModel(
-                    content_type="text",
-                    body="こんにちは！どうされましたか？",
-                ),
-                model=MODEL,
-                children=[],
-                parent=None,
-                create_time=1627984879.9,
-            ),
-            MessageModel(
-                role="user",
-                content=ContentModel(
-                    content_type="text",
-                    body="AWSを学ぶ良い方法について教えて",
-                ),
-                model=MODEL,
-                children=[],
-                parent=None,
-                create_time=1627984879.9,
-            ),
-        ]
-
-        prompt = get_buffer_string(messages)
-        model = MODEL
-
-        reply_txt = invoke(prompt, model)
-        print(reply_txt)
-
     def test_calculate_query_embedding(self):
         question = "こんにちは"
         embeddings = calculate_query_embedding(question)
diff --git a/backend/tests/usecases/test_bot.py b/backend/tests/usecases/test_bot.py
index 0bd962d25..997706387 100644
--- a/backend/tests/usecases/test_bot.py
+++ b/backend/tests/usecases/test_bot.py
@@ -8,7 +8,9 @@
 
 class TestIssuePresignedUrl(unittest.TestCase):
     def test_issue_presigned_url(self):
-        url = issue_presigned_url("test_user", "test_bot", "test_file")
+        url = issue_presigned_url(
+            "test_user", "test_bot", "test_file", content_type="image/png"
+        )
         self.assertEqual(type(url), str)
         self.assertTrue(url.startswith("https://"))
 
diff --git a/backend/tests/usecases/test_chat.py b/backend/tests/usecases/test_chat.py
index a062ac47d..d432889fc 100644
--- a/backend/tests/usecases/test_chat.py
+++ b/backend/tests/usecases/test_chat.py
@@ -1,36 +1,28 @@
 import sys
 
 sys.path.append(".")
-
 import unittest
 from pprint import pprint
 
-from app.repositories.conversation import (
-    delete_conversation_by_id,
-    delete_conversation_by_user_id,
-    find_conversation_by_id,
-    store_conversation,
-)
-from app.repositories.custom_bot import (
-    delete_alias_by_id,
-    delete_bot_by_id,
-    store_bot,
-    update_bot_visibility,
-)
-from app.repositories.models.conversation import (
-    ContentModel,
-    ConversationModel,
-    MessageModel,
-)
+from anthropic.types import MessageStopEvent
+from app.bedrock import get_model_id
+from app.config import GENERATION_CONFIG
+from app.repositories.conversation import (delete_conversation_by_id,
+                                           delete_conversation_by_user_id,
+                                           find_conversation_by_id,
+                                           store_conversation)
+from app.repositories.custom_bot import (delete_alias_by_id, delete_bot_by_id,
+                                         store_bot, update_bot_visibility)
+from app.repositories.models.conversation import (ContentModel,
+                                                  ConversationModel,
+                                                  MessageModel)
 from app.repositories.models.custom_bot import BotModel, KnowledgeModel
-from app.routes.schemas.conversation import ChatInput, ChatOutput, Content, MessageInput
-from app.usecases.chat import (
-    chat,
-    fetch_conversation,
-    insert_knowledge,
-    propose_conversation_title,
-    trace_to_root,
-)
+from app.routes.schemas.conversation import (ChatInput, ChatOutput, Content,
+                                             MessageInput)
+from app.usecases.chat import (chat, fetch_conversation, insert_knowledge,
+                               prepare_conversation,
+                               propose_conversation_title, trace_to_root)
+from app.utils import get_anthropic_client
 from app.vector_search import SearchResult
 
 MODEL = "claude-instant-v1"
@@ -42,7 +34,9 @@ def test_trace_to_root(self):
         message_map = {
             "user_1": MessageModel(
                 role="user",
-                content=ContentModel(content_type="text", body="user_1"),
+                content=[
+                    ContentModel(content_type="text", body="user_1", media_type=None)
+                ],
                 model=MODEL,
                 children=["bot_1"],
                 parent=None,
@@ -50,7 +44,9 @@ def test_trace_to_root(self):
             ),
             "bot_1": MessageModel(
                 role="assistant",
-                content=ContentModel(content_type="text", body="bot_1"),
+                content=[
+                    ContentModel(content_type="text", body="bot_1", media_type=None)
+                ],
                 model=MODEL,
                 children=["user_2"],
                 parent="user_1",
@@ -58,7 +54,9 @@ def test_trace_to_root(self):
             ),
             "user_2": MessageModel(
                 role="user",
-                content=ContentModel(content_type="text", body="user_2"),
+                content=[
+                    ContentModel(content_type="text", body="user_2", media_type=None)
+                ],
                 model=MODEL,
                 children=["bot_2"],
                 parent="bot_1",
@@ -66,7 +64,9 @@ def test_trace_to_root(self):
             ),
             "bot_2": MessageModel(
                 role="assistant",
-                content=ContentModel(content_type="text", body="bot_2"),
+                content=[
+                    ContentModel(content_type="text", body="bot_2", media_type=None)
+                ],
                 model=MODEL,
                 children=["user_3a", "user_3b"],
                 parent="user_2",
@@ -74,7 +74,9 @@ def test_trace_to_root(self):
             ),
             "user_3a": MessageModel(
                 role="user",
-                content=ContentModel(content_type="text", body="user_3a"),
+                content=[
+                    ContentModel(content_type="text", body="user_3a", media_type=None)
+                ],
                 model=MODEL,
                 children=[],
                 parent="bot_2",
@@ -82,7 +84,9 @@ def test_trace_to_root(self):
             ),
             "user_3b": MessageModel(
                 role="user",
-                content=ContentModel(content_type="text", body="user_3b"),
+                content=[
+                    ContentModel(content_type="text", body="user_3b", media_type=None)
+                ],
                 model=MODEL,
                 children=[],
                 parent="bot_2",
@@ -91,19 +95,19 @@ def test_trace_to_root(self):
         }
         messages = trace_to_root("user_3a", message_map)
         self.assertEqual(len(messages), 5)
-        self.assertEqual(messages[0].content.body, "user_1")
-        self.assertEqual(messages[1].content.body, "bot_1")
-        self.assertEqual(messages[2].content.body, "user_2")
-        self.assertEqual(messages[3].content.body, "bot_2")
-        self.assertEqual(messages[4].content.body, "user_3a")
+        self.assertEqual(messages[0].content[0].body, "user_1")
+        self.assertEqual(messages[1].content[0].body, "bot_1")
+        self.assertEqual(messages[2].content[0].body, "user_2")
+        self.assertEqual(messages[3].content[0].body, "bot_2")
+        self.assertEqual(messages[4].content[0].body, "user_3a")
 
         messages = trace_to_root("user_3b", message_map)
         self.assertEqual(len(messages), 5)
-        self.assertEqual(messages[0].content.body, "user_1")
-        self.assertEqual(messages[1].content.body, "bot_1")
-        self.assertEqual(messages[2].content.body, "user_2")
-        self.assertEqual(messages[3].content.body, "bot_2")
-        self.assertEqual(messages[4].content.body, "user_3b")
+        self.assertEqual(messages[0].content[0].body, "user_1")
+        self.assertEqual(messages[1].content[0].body, "bot_1")
+        self.assertEqual(messages[2].content[0].body, "user_2")
+        self.assertEqual(messages[3].content[0].body, "bot_2")
+        self.assertEqual(messages[4].content[0].body, "user_3b")
 
 
 class TestStartChat(unittest.TestCase):
@@ -112,12 +116,16 @@ def test_chat(self):
             conversation_id="test_conversation_id",
             message=MessageInput(
                 role="user",
-                content=Content(
-                    content_type="text",
-                    body="あなたの名前は何ですか？",
-                ),
+                content=[
+                    Content(
+                        content_type="text",
+                        body="あなたの名前は何ですか？",
+                        media_type=None,
+                    )
+                ],
                 model=MODEL,
                 parent_message_id=None,
+                message_id=None,
             ),
             bot_id=None,
         )
@@ -150,6 +158,40 @@ def tearDown(self) -> None:
         delete_conversation_by_id("user1", self.output.conversation_id)
 
 
+class TestMultimodalChat(unittest.TestCase):
+    def tearDown(self) -> None:
+        delete_conversation_by_id("user1", self.output.conversation_id)
+
+    def test_chat(self):
+        chat_input = ChatInput(
+            conversation_id="test_conversation_id",
+            message=MessageInput(
+                role="user",
+                content=[
+                    Content(
+                        content_type="text",
+                        body="Explain the image",
+                        media_type=None,
+                    ),
+                    Content(
+                        content_type="image",
+                        # AWS Logo image
+                        body="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",
+                        media_type="image/png",
+                    ),
+                ],
+                model="claude-v3-sonnet",  # Specify v3 model
+                parent_message_id=None,
+                message_id=None,
+            ),
+            bot_id=None,
+        )
+        output: ChatOutput = chat(user_id="user1", chat_input=chat_input)
+        # Check the output whether the explanation is about aws logo
+        pprint(output.model_dump())
+        self.output = output
+
+
 class TestContinueChat(unittest.TestCase):
     def setUp(self) -> None:
         self.user_id = "user2"
@@ -165,10 +207,13 @@ def setUp(self) -> None:
                 message_map={
                     "1-user": MessageModel(
                         role="user",
-                        content=ContentModel(
-                            content_type="text",
-                            body="こんにちは",
-                        ),
+                        content=[
+                            ContentModel(
+                                content_type="text",
+                                body="こんにちは",
+                                media_type=None,
+                            )
+                        ],
                         model=MODEL,
                         children=["1-assistant"],
                         parent=None,
@@ -176,10 +221,13 @@ def setUp(self) -> None:
                     ),
                     "1-assistant": MessageModel(
                         role="assistant",
-                        content=ContentModel(
-                            content_type="text",
-                            body="はい、こんにちは。どうしましたか?",
-                        ),
+                        content=[
+                            ContentModel(
+                                content_type="text",
+                                body="はい、こんにちは。どうしましたか?",
+                                media_type=None,
+                            )
+                        ],
                         model=MODEL,
                         children=[],
                         parent="1-user",
@@ -195,12 +243,16 @@ def test_continue_chat(self):
             conversation_id=self.conversation_id,
             message=MessageInput(
                 role="user",
-                content=Content(
-                    content_type="text",
-                    body="あなたの名前は？",
-                ),
+                content=[
+                    Content(
+                        content_type="text",
+                        body="あなたの名前は？",
+                        media_type=None,
+                    )
+                ],
                 model=MODEL,
                 parent_message_id="1-assistant",
+                message_id=None,
             ),
             bot_id=None,
         )
@@ -239,10 +291,13 @@ def setUp(self) -> None:
                 message_map={
                     "a-1": MessageModel(
                         role="user",
-                        content=ContentModel(
-                            content_type="text",
-                            body="こんにちはを英語で",
-                        ),
+                        content=[
+                            ContentModel(
+                                content_type="text",
+                                body="こんにちはを英語で",
+                                media_type=None,
+                            )
+                        ],
                         model=MODEL,
                         children=["a-2"],
                         parent=None,
@@ -250,10 +305,13 @@ def setUp(self) -> None:
                     ),
                     "a-2": MessageModel(
                         role="assistant",
-                        content=ContentModel(
-                            content_type="text",
-                            body="Hello!",
-                        ),
+                        content=[
+                            ContentModel(
+                                content_type="text",
+                                body="Hello!",
+                                media_type=None,
+                            )
+                        ],
                         model=MODEL,
                         children=[],
                         parent="a-1",
@@ -261,10 +319,13 @@ def setUp(self) -> None:
                     ),
                     "b-1": MessageModel(
                         role="user",
-                        content=ContentModel(
-                            content_type="text",
-                            body="こんにちはを中国語で",
-                        ),
+                        content=[
+                            ContentModel(
+                                content_type="text",
+                                body="こんにちはを中国語で",
+                                media_type=None,
+                            )
+                        ],
                         model=MODEL,
                         children=["b-2"],
                         parent=None,
@@ -272,10 +333,13 @@ def setUp(self) -> None:
                     ),
                     "b-2": MessageModel(
                         role="assistant",
-                        content=ContentModel(
-                            content_type="text",
-                            body="你好!",
-                        ),
+                        content=[
+                            ContentModel(
+                                content_type="text",
+                                body="你好!",
+                                media_type=None,
+                            )
+                        ],
                         model=MODEL,
                         children=[],
                         parent="b-1",
@@ -292,13 +356,17 @@ def test_chat(self):
             conversation_id=self.conversation_id,
             message=MessageInput(
                 role="user",
-                content=Content(
-                    content_type="text",
-                    body="では、おやすみなさいはなんと言う？",
-                ),
+                content=[
+                    Content(
+                        content_type="text",
+                        body="では、おやすみなさいはなんと言う？",
+                        media_type=None,
+                    )
+                ],
                 model=MODEL,
                 # a-2: en, b-2: zh
                 parent_message_id="a-2",
+                message_id=None,
             ),
             bot_id=None,
         )
@@ -314,13 +382,17 @@ def test_chat(self):
             conversation_id=self.conversation_id,
             message=MessageInput(
                 role="user",
-                content=Content(
-                    content_type="text",
-                    body="では、おやすみなさいはなんと言う？",
-                ),
+                content=[
+                    Content(
+                        content_type="text",
+                        body="では、おやすみなさいはなんと言う？",
+                        media_type=None,
+                    )
+                ],
                 model=MODEL,
                 # a-2: en, b-2: zh
                 parent_message_id="b-2",
+                message_id=None,
             ),
             bot_id=None,
         )
@@ -341,13 +413,17 @@ def setUp(self) -> None:
             conversation_id="test_conversation_id",
             message=MessageInput(
                 role="user",
-                content=Content(
-                    content_type="text",
-                    # body="Australian famous site seeing place",
-                    body="日本の有名な料理を3つ教えて",
-                ),
+                content=[
+                    Content(
+                        content_type="text",
+                        # body="Australian famous site seeing place",
+                        body="日本の有名な料理を3つ教えて",
+                        media_type=None,
+                    )
+                ],
                 model=MODEL,
                 parent_message_id=None,
+                message_id=None,
             ),
             bot_id=None,
         )
@@ -416,12 +492,16 @@ def test_chat_with_private_bot(self):
             conversation_id="test_conversation_id",
             message=MessageInput(
                 role="user",
-                content=Content(
-                    content_type="text",
-                    body="こんにちは",
-                ),
+                content=[
+                    Content(
+                        content_type="text",
+                        body="こんにちは",
+                        media_type=None,
+                    )
+                ],
                 model=MODEL,
                 parent_message_id=None,
+                message_id=None,
             ),
             bot_id="private1",
         )
@@ -438,12 +518,16 @@ def test_chat_with_private_bot(self):
             conversation_id=conv.id,
             message=MessageInput(
                 role="user",
-                content=Content(
-                    content_type="text",
-                    body="自己紹介して",
-                ),
+                content=[
+                    Content(
+                        content_type="text",
+                        body="自己紹介して",
+                        media_type=None,
+                    )
+                ],
                 model=MODEL,
                 parent_message_id=conv.last_message_id,
+                message_id=None,
             ),
             bot_id="private1",
         )
@@ -455,12 +539,16 @@ def test_chat_with_private_bot(self):
             conversation_id=conv.id,
             message=MessageInput(
                 role="user",
-                content=Content(
-                    content_type="text",
-                    body="こんばんは",
-                ),
+                content=[
+                    Content(
+                        content_type="text",
+                        body="こんばんは",
+                        media_type=None,
+                    )
+                ],
                 model=MODEL,
                 parent_message_id="system",
+                message_id=None,
             ),
             bot_id="private1",
         )
@@ -476,12 +564,16 @@ def test_chat_with_public_bot(self):
             conversation_id="test_conversation_id",
             message=MessageInput(
                 role="user",
-                content=Content(
-                    content_type="text",
-                    body="こんにちは",
-                ),
+                content=[
+                    Content(
+                        content_type="text",
+                        body="こんにちは",
+                        media_type=None,
+                    )
+                ],
                 model=MODEL,
                 parent_message_id=None,
+                message_id=None,
             ),
             bot_id="public1",
         )
@@ -494,12 +586,16 @@ def test_chat_with_public_bot(self):
             conversation_id=conv.id,
             message=MessageInput(
                 role="user",
-                content=Content(
-                    content_type="text",
-                    body="自己紹介して",
-                ),
+                content=[
+                    Content(
+                        content_type="text",
+                        body="自己紹介して",
+                        media_type=None,
+                    )
+                ],
                 model=MODEL,
                 parent_message_id=conv.last_message_id,
+                message_id=None,
             ),
             bot_id="private1",
         )
@@ -514,12 +610,16 @@ def test_fetch_conversation(self):
             conversation_id="test_conversation_id",
             message=MessageInput(
                 role="user",
-                content=Content(
-                    content_type="text",
-                    body="君の名は？",
-                ),
+                content=[
+                    Content(
+                        content_type="text",
+                        body="君の名は？",
+                        media_type=None,
+                    )
+                ],
                 model=MODEL,
                 parent_message_id=None,
+                message_id=None,
             ),
             bot_id="private1",
         )
@@ -567,10 +667,13 @@ def test_insert_knowledge(self):
             message_map={
                 "instruction": MessageModel(
                     role="bot",
-                    content=ContentModel(
-                        content_type="text",
-                        body="いついかなる時も、俺様風の口調で返答してください。日本語以外の言語は認めません。",
-                    ),
+                    content=[
+                        ContentModel(
+                            content_type="text",
+                            body="いついかなる時も、俺様風の口調で返答してください。日本語以外の言語は認めません。",
+                            media_type=None,
+                        )
+                    ],
                     model=MODEL,
                     children=["1-user"],
                     parent=None,
@@ -578,10 +681,13 @@ def test_insert_knowledge(self):
                 ),
                 "1-user": MessageModel(
                     role="user",
-                    content=ContentModel(
-                        content_type="text",
-                        body="Serverlessのメリットを説明して",
-                    ),
+                    content=[
+                        ContentModel(
+                            content_type="text",
+                            body="Serverlessのメリットを説明して",
+                            media_type=None,
+                        )
+                    ],
                     model=MODEL,
                     children=[],
                     parent="instruction",
@@ -595,5 +701,52 @@ def test_insert_knowledge(self):
         print(conversation_with_context.message_map["instruction"])
 
 
+class TestStreamingApi(unittest.TestCase):
+    def test_streaming_api(self):
+        client = get_anthropic_client()
+        chat_input = ChatInput(
+            conversation_id="test_conversation_id",
+            message=MessageInput(
+                role="user",
+                content=[
+                    Content(
+                        content_type="text",
+                        body="あなたの名前は何ですか？",
+                        media_type=None,
+                    )
+                ],
+                model=MODEL,
+                parent_message_id=None,
+                message_id=None,
+            ),
+            bot_id=None,
+        )
+        user_msg_id, conversation, bot = prepare_conversation("user1", chat_input)
+        messages = trace_to_root(
+            node_id=chat_input.message.parent_message_id,
+            message_map=conversation.message_map,
+        )
+        messages.append(chat_input.message)  # type: ignore
+        args = {
+            **GENERATION_CONFIG,
+            "model": get_model_id(chat_input.message.model),
+            "messages": [
+                {"role": message.role, "content": message.content[0].body}
+                for message in messages
+                if message.role not in ["system", "instruction"]
+            ],
+            "stream": True,
+        }
+        response = client.messages.create(**args)
+        for event in response:
+            # print(event)
+            if isinstance(event, (MessageStopEvent)):
+                print(event)
+                metrics = event.model_dump()["amazon-bedrock-invocationMetrics"]
+                input_token_count = metrics.get("inputTokenCount")
+                output_token_count = metrics.get("outputTokenCount")
+                print(input_token_count, output_token_count)
+
+
 if __name__ == "__main__":
     unittest.main()
diff --git a/backend/tests/utils/test_utils.py b/backend/tests/utils/test_utils.py
new file mode 100644
index 000000000..47e3a2991
--- /dev/null
+++ b/backend/tests/utils/test_utils.py
@@ -0,0 +1,44 @@
+import logging
+import sys
+import unittest
+
+LOGGER = logging.getLogger(__name__)
+LOGGER.setLevel(logging.DEBUG)
+
+sys.path.append(".")
+
+
+class TestUtils(unittest.TestCase):
+    def test_get_bedrock_client_default(self):
+        from app.utils import get_bedrock_client
+
+        client = get_bedrock_client()
+        assert client is not None
+
+        cli_dict = client.__dict__
+
+        reg = cli_dict["_client_config"].region_name
+
+        LOGGER.debug("Region: ")
+        LOGGER.debug(reg)
+
+        assert reg == "us-east-1"
+
+    def test_get_bedrock_client_alt(self):
+        from app.utils import get_bedrock_client
+
+        client = get_bedrock_client("us-west-2")
+        assert client is not None
+
+        cli_dict = client.__dict__
+
+        reg = cli_dict["_client_config"].region_name
+
+        LOGGER.debug("Region: ")
+        LOGGER.debug(reg)
+
+        assert reg == "us-west-2"
+
+
+if __name__ == "__main__":
+    unittest.main()
diff --git a/cdk/lib/bedrock-chat-stack.ts b/cdk/lib/bedrock-chat-stack.ts
index 89521002b..b29422034 100644
--- a/cdk/lib/bedrock-chat-stack.ts
+++ b/cdk/lib/bedrock-chat-stack.ts
@@ -114,6 +114,7 @@ export class BedrockChatStack extends cdk.Stack {
       dbConfig,
       database: database.table,
       tableAccessRole: database.tableAccessRole,
+      websocketSessionTable: database.websocketSessionTable,
       auth,
       bedrockRegion: props.bedrockRegion,
     });
diff --git a/cdk/lib/constructs/database.ts b/cdk/lib/constructs/database.ts
index 788cdc089..aa1f980a4 100644
--- a/cdk/lib/constructs/database.ts
+++ b/cdk/lib/constructs/database.ts
@@ -16,6 +16,7 @@ export interface DatabaseProps {
 export class Database extends Construct {
   readonly table: Table;
   readonly tableAccessRole: Role;
+  readonly websocketSessionTable: Table;
 
   constructor(scope: Construct, id: string, props?: DatabaseProps) {
     super(scope, id);
@@ -55,7 +56,18 @@ export class Database extends Construct {
     });
     table.grantReadWriteData(tableAccessRole);
 
+    // Websocket session table.
+    // This table is used to concatenate user input exceeding 32KB which is the limit of API Gateway.
+    const websocketSessionTable = new Table(this, "WebsocketSessionTable", {
+      partitionKey: { name: "ConnectionId", type: AttributeType.STRING },
+      sortKey: { name: "MessagePartId", type: AttributeType.NUMBER },
+      billingMode: BillingMode.PAY_PER_REQUEST,
+      removalPolicy: RemovalPolicy.DESTROY,
+      timeToLiveAttribute: "expire",
+    });
+
     this.table = table;
     this.tableAccessRole = tableAccessRole;
+    this.websocketSessionTable = websocketSessionTable;
   }
 }
diff --git a/cdk/lib/constructs/websocket.ts b/cdk/lib/constructs/websocket.ts
index 05e52e2ad..dea514f26 100644
--- a/cdk/lib/constructs/websocket.ts
+++ b/cdk/lib/constructs/websocket.ts
@@ -10,7 +10,7 @@ import {
 import * as path from "path";
 import { Runtime } from "aws-cdk-lib/aws-lambda";
 import * as iam from "aws-cdk-lib/aws-iam";
-import { CfnOutput, Duration, Stack } from "aws-cdk-lib";
+import { CfnOutput, Duration, RemovalPolicy, Stack } from "aws-cdk-lib";
 import { Platform } from "aws-cdk-lib/aws-ecr-assets";
 import * as sns from "aws-cdk-lib/aws-sns";
 import { SnsEventSource } from "aws-cdk-lib/aws-lambda-event-sources";
@@ -19,6 +19,7 @@ import { ITable } from "aws-cdk-lib/aws-dynamodb";
 import { CfnRouteResponse } from "aws-cdk-lib/aws-apigatewayv2";
 import * as ec2 from "aws-cdk-lib/aws-ec2";
 import { DbConfig } from "./embedding";
+import * as s3 from "aws-cdk-lib/aws-s3";
 
 export interface WebSocketProps {
   readonly vpc: ec2.IVpc;
@@ -27,6 +28,7 @@ export interface WebSocketProps {
   readonly auth: Auth;
   readonly bedrockRegion: string;
   readonly tableAccessRole: iam.IRole;
+  readonly websocketSessionTable: ITable;
 }
 
 export class WebSocket extends Construct {
@@ -39,18 +41,20 @@ export class WebSocket extends Construct {
 
     const { database, tableAccessRole } = props;
 
-    const topic = new sns.Topic(this, "SnsTopic", {
-      displayName: "WebSocketTopic",
-    });
-
-    const publisher = new python.PythonFunction(this, "Publisher", {
-      entry: path.join(__dirname, "../../../backend/publisher"),
-      runtime: Runtime.PYTHON_3_11,
-      environment: {
-        WEBSOCKET_TOPIC_ARN: topic.topicArn,
-      },
-    });
-    topic.grantPublish(publisher);
+    // Bucket for SNS large payload support
+    // See: https://docs.aws.amazon.com/sns/latest/dg/extended-client-library-python.html
+    const largePayloadSupportBucket = new s3.Bucket(
+      this,
+      "LargePayloadSupportBucket",
+      {
+        encryption: s3.BucketEncryption.S3_MANAGED,
+        blockPublicAccess: s3.BlockPublicAccess.BLOCK_ALL,
+        enforceSSL: true,
+        removalPolicy: RemovalPolicy.DESTROY,
+        objectOwnership: s3.ObjectOwnership.OBJECT_WRITER,
+        autoDeleteObjects: true,
+      }
+    );
 
     const handlerRole = new iam.Role(this, "HandlerRole", {
       assumedBy: new iam.ServicePrincipal("lambda.amazonaws.com"),
@@ -73,6 +77,8 @@ export class WebSocket extends Construct {
         "service-role/AWSLambdaVPCAccessExecutionRole"
       )
     );
+    largePayloadSupportBucket.grantRead(handlerRole);
+    props.websocketSessionTable.grantReadWriteData(handlerRole);
 
     const handler = new DockerImageFunction(this, "Handler", {
       code: DockerImageCode.fromImageAsset(
@@ -99,27 +105,24 @@ export class WebSocket extends Construct {
         DB_USER: props.dbConfig.username,
         DB_PASSWORD: props.dbConfig.password,
         DB_PORT: props.dbConfig.port.toString(),
+        LARGE_PAYLOAD_SUPPORT_BUCKET: largePayloadSupportBucket.bucketName,
+        WEBSOCKET_SESSION_TABLE_NAME: props.websocketSessionTable.tableName,
       },
       role: handlerRole,
     });
-    handler.addEventSource(
-      new SnsEventSource(topic, {
-        filterPolicy: {},
-      })
-    );
 
     const webSocketApi = new apigwv2.WebSocketApi(this, "WebSocketApi", {
       connectRouteOptions: {
         integration: new WebSocketLambdaIntegration(
           "ConnectIntegration",
-          publisher
+          handler
         ),
       },
     });
     const route = webSocketApi.addRoute("$default", {
       integration: new WebSocketLambdaIntegration(
         "DefaultIntegration",
-        publisher
+        handler
       ),
     });
     new apigwv2.WebSocketStage(this, "WebSocketStage", {
diff --git a/docs/RAG.md b/docs/RAG.md
index 3da01eeb6..f94dbdba1 100644
--- a/docs/RAG.md
+++ b/docs/RAG.md
@@ -14,6 +14,9 @@ When a bot is created or updated, the document loader retrieves documents from S
 
 You can configure some parameters (See [Configure RAG Parameters](./CONFIGURE_KNOWLEDGE.md)). To customize the RAG logic, edit [embedding](../backend/embedding/) for ECS task and edit [vector_search.py](../backend/app/vector_search.py) for query handling.
 
+> [!Note]
+> Currently embedding does not support multi-modal. Only text sentence is used for search query (attached images are ignored).
+
 ## Dependencies
 
 We utilize [Unstructured](https://github.com/Unstructured-IO) for parsing documents and [Llamaindex](https://www.llamaindex.ai/) for splitting them into chunks. [Playwright](https://playwright.dev/) is used to render content whose `Content-Type` corresponds to `text/html`.
diff --git a/docs/RAG_ja.md b/docs/RAG_ja.md
index 380a9037d..2b63a9703 100644
--- a/docs/RAG_ja.md
+++ b/docs/RAG_ja.md
@@ -14,6 +14,9 @@
 
 本サンプルでは、いくつかのパラメータを設定できます([Configure RAG Parameters](./CONFIGURE_KNOWLEDGE.md))。RAG ロジックをカスタマイズするには、ECS タスクの embedding を編集し、クエリ処理の [vector_search.py](../backend/app/vector_search.py) を編集してください。
 
+> [!Note]
+> 現在 RAG についてははマルチモーダルをサポートしていません。検索クエリには文章のテキストのみが使用されます (添付された画像は無視されます) 。
+
 ## 依存関係
 
 ドキュメントの解析には[Unstructured](https://github.com/Unstructured-IO)を、ドキュメントのチャンク分割には[Llamaindex](https://www.llamaindex.ai/)を使用しています。`Content-Type`が`text/html`のコンテンツのレンダリングには[Playwright](https://playwright.dev/)を使用しています。
diff --git a/docs/README_ja.md b/docs/README_ja.md
index c8df4aef0..9799270c0 100644
--- a/docs/README_ja.md
+++ b/docs/README_ja.md
@@ -3,17 +3,21 @@
 ![](https://github.com/aws-samples/bedrock-claude-chat/actions/workflows/test.yml/badge.svg)
 
 > [!Tip]
-> 🔔**RAG 機能をリリースしました。** 詳細は [Release](https://github.com/aws-samples/bedrock-claude-chat/releases/tag/v0.4.0) をご覧ください。
+> 🔔**[Claude v3 (Sonnet)](https://aws.amazon.com/jp/about-aws/whats-new/2024/03/anthropics-claude-3-sonnet-model-amazon-bedrock/) による画像とテキスト両方を使ったチャットが可能になりました。** 詳細は[Release](https://github.com/aws-samples/bedrock-claude-chat/releases/tag/v0.4.2)をご確認ください。
 
 > [!Warning]
 > 現在のバージョン(v0.4.x)は、DynamoDB テーブルスキーマの変更のため、過去バージョン(~v0.3.0)とは互換性がありません。**以前のバージョンから v0.4.x へアップデートすると、既存の対話記録は全て破棄されますので注意が必要です。**
 
-このリポジトリは、生成系 AI を提供する[Amazon Bedrock](https://aws.amazon.com/jp/bedrock/)の基盤モデルの一つである、Anthropic 社製 LLM [Claude 2](https://www.anthropic.com/index/claude-2)を利用したチャットボットのサンプルです。
+このリポジトリは、生成系 AI を提供する[Amazon Bedrock](https://aws.amazon.com/jp/bedrock/)の基盤モデルの一つである、Anthropic 社製 LLM [Claude](https://www.anthropic.com/)を利用したチャットボットのサンプルです。
 
 ### 基本的な会話
 
+[Claude 3 Sonnet](https://www.anthropic.com/news/claude-3-family)によるテキストと画像の両方を利用したチャットが可能です。
 ![](./imgs/demo_ja.gif)
 
+> [!Note]
+> 現在画像は DynamoDB [アイテムサイズ制限](https://docs.aws.amazon.com/amazondynamodb/latest/developerguide/ServiceQuotas.html#limits-items) のため 800px jpeg へ変換されます。[Issue](https://github.com/aws-samples/bedrock-claude-chat/issues/131)
+
 ### ボットのカスタマイズ
 
 外部のナレッジおよび具体的なインストラクションを組み合わせ、ボットをカスタマイズすることが可能です（外部のナレッジを利用した方法は[RAG](./RAG_ja.md)として知られています）。なお、作成したボットはアプリケーションのユーザー間で共有することができます。
@@ -23,7 +27,7 @@
 
 ## 🚀 まずはお試し
 
-- us-east-1 リージョンにて、[Bedrock Model access](https://us-east-1.console.aws.amazon.com/bedrock/home?region=us-east-1#/modelaccess) > `Manage model access` > `Anthropic / Claude`, `Anthropic / Claude Instant`, `Cohere / Embed Multilingual`をチェックし、`Save changes`をクリックします
+- us-east-1 リージョンにて、[Bedrock Model access](https://us-east-1.console.aws.amazon.com/bedrock/home?region=us-east-1#/modelaccess) > `Manage model access` > `Anthropic / Claude`, `Anthropic / Claude Instant`, `Anthropic / Claude 3 Sonnet`, `Cohere / Embed Multilingual`をチェックし、`Save changes`をクリックします
 <details>
 <summary>スクリーンショット</summary>
 
@@ -60,7 +64,6 @@ AWS のマネージドサービスで構成した、インフラストラクチ
 
 - [Amazon DynamoDB](https://aws.amazon.com/jp/dynamodb/): 会話履歴保存用の NoSQL データベース
 - [Amazon API Gateway](https://aws.amazon.com/jp/api-gateway/) + [AWS Lambda](https://aws.amazon.com/jp/lambda/): バックエンド API エンドポイント ([AWS Lambda Web Adapter](https://github.com/awslabs/aws-lambda-web-adapter), [FastAPI](https://fastapi.tiangolo.com/))
-- [Amazon SNS](https://aws.amazon.com/jp/sns/): API Gateway と Bedrock 間のストリーミング呼び出しを疎結合にするため使用しています。ストリーミングレスポンスにはトータルで 30 秒以上かかることがあり、これは HTTP インテグレーションの制約を超えてしまうためです（[クオータ](https://docs.aws.amazon.com/apigateway/latest/developerguide/limits.html)を参照）。
 - [Amazon CloudFront](https://aws.amazon.com/jp/cloudfront/) + [S3](https://aws.amazon.com/jp/s3/): フロントエンドアプリケーションの配信 ([React](https://react.dev/), [Tailwind CSS](https://tailwindcss.com/))
 - [AWS WAF](https://aws.amazon.com/jp/waf/): IP アドレス制限
 - [Amazon Cognito](https://aws.amazon.com/jp/cognito/): ユーザ認証
diff --git a/docs/imgs/demo.gif b/docs/imgs/demo.gif
index 6aa4a79d9..5e4064508 100644
Binary files a/docs/imgs/demo.gif and b/docs/imgs/demo.gif differ
diff --git a/docs/imgs/demo_ja.gif b/docs/imgs/demo_ja.gif
index cc4ae376c..373484b73 100644
Binary files a/docs/imgs/demo_ja.gif and b/docs/imgs/demo_ja.gif differ
diff --git a/docs/imgs/model_screenshot.png b/docs/imgs/model_screenshot.png
index 72e132566..88289ea44 100644
Binary files a/docs/imgs/model_screenshot.png and b/docs/imgs/model_screenshot.png differ
diff --git a/frontend/src/@types/conversation.d.ts b/frontend/src/@types/conversation.d.ts
index 3fd87b504..a24ef9766 100644
--- a/frontend/src/@types/conversation.d.ts
+++ b/frontend/src/@types/conversation.d.ts
@@ -1,13 +1,14 @@
 export type Role = 'system' | 'assistant' | 'user';
-export type Model = 'claude-instant-v1' | 'claude-v2';
+export type Model = 'claude-instant-v1' | 'claude-v2' | 'claude-v3-sonnet';
 export type Content = {
-  contentType: 'text';
+  contentType: 'text' | 'image';
+  mediaType?: string;
   body: string;
 };
 
 export type MessageContent = {
   role: Role;
-  content: Content;
+  content: Content[];
   model: Model;
 };
 
diff --git a/frontend/src/components/ButtonFileChoose.tsx b/frontend/src/components/ButtonFileChoose.tsx
new file mode 100644
index 000000000..8c626fae1
--- /dev/null
+++ b/frontend/src/components/ButtonFileChoose.tsx
@@ -0,0 +1,49 @@
+import React, { ReactNode, useCallback } from 'react';
+import { BaseProps } from '../@types/common';
+import { twMerge } from 'tailwind-merge';
+
+type Props = BaseProps & {
+  children: ReactNode;
+  disabled?: boolean;
+  accept?: string;
+  icon?: boolean;
+  onChange: (fileList: FileList) => void;
+};
+
+const ButtonFileChoose: React.FC<Props> = (props) => {
+  const onChange: React.ChangeEventHandler<HTMLInputElement> = useCallback(
+    (e) => {
+      console.log(e.target);
+      if (e.target.files) {
+        props.onChange(e.target.files);
+      }
+    },
+    [props]
+  );
+
+  return (
+    <label
+      className={twMerge(
+        props.className,
+        'flex  items-center justify-center whitespace-nowrap rounded-lg  hover:shadow hover:brightness-75',
+        props.icon
+          ? 'rounded-full p-2 text-xl text-aws-sea-blue'
+          : 'border bg-aws-sea-blue p-1 px-3 text-aws-font-color-white',
+        props.disabled ? 'opacity-30 ' : 'cursor-pointer'
+      )}>
+      {props.children}
+
+      <input
+        type="file"
+        hidden
+        disabled={props.disabled}
+        multiple
+        value={[]}
+        onChange={onChange}
+        accept={props.accept}
+      />
+    </label>
+  );
+};
+
+export default ButtonFileChoose;
diff --git a/frontend/src/components/ChatListDrawer.tsx b/frontend/src/components/ChatListDrawer.tsx
index 49cec9bb5..d8e94a386 100644
--- a/frontend/src/components/ChatListDrawer.tsx
+++ b/frontend/src/components/ChatListDrawer.tsx
@@ -20,7 +20,7 @@ import {
   PiTrash,
   PiX,
 } from 'react-icons/pi';
-
+import { PiCircleNotch } from 'react-icons/pi';
 import useConversation from '../hooks/useConversation';
 import LazyOutputText from './LazyOutputText';
 import DialogConfirmDelete from './DialogConfirmDeleteChat';
@@ -343,6 +343,11 @@ const ChatListDrawer: React.FC<Props> = (props) => {
             <ExpandableDrawerGroup
               label={t('app.conversationHistory')}
               className="border-t pt-1">
+              {conversations === undefined && (
+                <div className="flex animate-spin items-center justify-center p-4">
+                  <PiCircleNotch size={24} />
+                </div>
+              )}
               {conversations?.map((conversation, idx) => (
                 <Item
                   key={idx}
diff --git a/frontend/src/components/ChatMessage.tsx b/frontend/src/components/ChatMessage.tsx
index fdea32c46..0186a0e43 100644
--- a/frontend/src/components/ChatMessage.tsx
+++ b/frontend/src/components/ChatMessage.tsx
@@ -88,9 +88,25 @@ const ChatMessage: React.FC<Props> = (props) => {
         <div className="ml-5 grow ">
           {chatContent?.role === 'user' && !isEdit && (
             <div>
-              {chatContent.content.body.split('\n').map((c, idx) => (
-                <div key={idx}>{c}</div>
-              ))}
+              {chatContent.content.map((content, idx) => {
+                if (content.contentType === 'image') {
+                  return (
+                    <img
+                      key={idx}
+                      src={`data:${content.mediaType};base64,${content.body}`}
+                      className="mb-2 h-48"
+                    />
+                  );
+                } else {
+                  return (
+                    <React.Fragment key={idx}>
+                      {content.body.split('\n').map((c, idxBody) => (
+                        <div key={idxBody}>{c}</div>
+                      ))}
+                    </React.Fragment>
+                  );
+                }
+              })}
             </div>
           )}
           {isEdit && (
@@ -114,7 +130,7 @@ const ChatMessage: React.FC<Props> = (props) => {
             </div>
           )}
           {chatContent?.role === 'assistant' && (
-            <Markdown>{chatContent.content.body}</Markdown>
+            <Markdown>{chatContent.content[0].body}</Markdown>
           )}
         </div>
       </div>
@@ -125,7 +141,7 @@ const ChatMessage: React.FC<Props> = (props) => {
             <ButtonIcon
               className="mr-0.5 text-gray"
               onClick={() => {
-                setChangedContent(chatContent.content.body);
+                setChangedContent(chatContent.content[0].body);
                 setIsEdit(true);
               }}>
               <PiNotePencil />
@@ -135,7 +151,7 @@ const ChatMessage: React.FC<Props> = (props) => {
             <>
               <ButtonCopy
                 className="mr-0.5 text-gray"
-                text={chatContent.content.body}
+                text={chatContent.content[0].body}
               />
             </>
           )}
diff --git a/frontend/src/components/InputChatContent.tsx b/frontend/src/components/InputChatContent.tsx
index a07873c03..cf65a3912 100644
--- a/frontend/src/components/InputChatContent.tsx
+++ b/frontend/src/components/InputChatContent.tsx
@@ -1,83 +1,305 @@
-import React, { useEffect, useMemo } from 'react';
+import React, {
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+} from 'react';
 import ButtonSend from './ButtonSend';
 import Textarea from './Textarea';
 import useChat from '../hooks/useChat';
 import Button from './Button';
-import { PiArrowsCounterClockwise } from 'react-icons/pi';
+import { PiArrowsCounterClockwise, PiX } from 'react-icons/pi';
+import { TbPhotoPlus } from 'react-icons/tb';
 import { useTranslation } from 'react-i18next';
+import ButtonIcon from './ButtonIcon';
+import useModel from '../hooks/useModel';
+import { produce } from 'immer';
+import { twMerge } from 'tailwind-merge';
+import { create } from 'zustand';
+import ButtonFileChoose from './ButtonFileChoose';
+import { BaseProps } from '../@types/common';
 
-type Props = {
-  content: string;
+type Props = BaseProps & {
   disabledSend?: boolean;
   disabled?: boolean;
   placeholder?: string;
-  onChangeContent: (content: string) => void;
-  onSend: () => void;
+  dndMode?: boolean;
+  onSend: (content: string, base64EncodedImages?: string[]) => void;
   onRegenerate: () => void;
 };
 
+const MAX_IMAGE_WIDTH = 800;
+const MAX_IMAGE_HEIGHT = 800;
+
+const useInputChatContentState = create<{
+  base64EncodedImages: string[];
+  pushBase64EncodedImage: (encodedImage: string) => void;
+  removeBase64EncodedImage: (index: number) => void;
+  clearBase64EncodedImages: () => void;
+}>((set, get) => ({
+  base64EncodedImages: [],
+  pushBase64EncodedImage: (encodedImage) => {
+    set({
+      base64EncodedImages: produce(get().base64EncodedImages, (draft) => {
+        draft.push(encodedImage);
+      }),
+    });
+  },
+  removeBase64EncodedImage: (index) => {
+    set({
+      base64EncodedImages: produce(get().base64EncodedImages, (draft) => {
+        draft.splice(index, 1);
+      }),
+    });
+  },
+  clearBase64EncodedImages: () => {
+    set({
+      base64EncodedImages: [],
+    });
+  },
+}));
+
 const InputChatContent: React.FC<Props> = (props) => {
   const { t } = useTranslation();
   const { postingMessage, hasError, messages } = useChat();
+  const { disabledImageUpload, model, acceptMediaType } = useModel();
+
+  const [content, setContent] = useState('');
+  const {
+    base64EncodedImages,
+    pushBase64EncodedImage,
+    removeBase64EncodedImage,
+    clearBase64EncodedImages,
+  } = useInputChatContentState();
+
+  useEffect(() => {
+    clearBase64EncodedImages();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
 
   const disabledSend = useMemo(() => {
-    return props.content === '' || props.disabledSend || hasError;
-  }, [hasError, props.content, props.disabledSend]);
+    return content === '' || props.disabledSend || hasError;
+  }, [hasError, content, props.disabledSend]);
 
   const disabledRegenerate = useMemo(() => {
     return postingMessage || hasError;
   }, [hasError, postingMessage]);
 
+  const inputRef = useRef<HTMLDivElement>(null);
+
+  const sendContent = useCallback(() => {
+    props.onSend(
+      content,
+      !disabledImageUpload && base64EncodedImages.length > 0
+        ? base64EncodedImages
+        : undefined
+    );
+    setContent('');
+    clearBase64EncodedImages();
+  }, [
+    base64EncodedImages,
+    clearBase64EncodedImages,
+    content,
+    disabledImageUpload,
+    props,
+  ]);
+
+  const encodeAndPushImage = useCallback(
+    (imageFile: File) => {
+      const reader = new FileReader();
+      reader.readAsArrayBuffer(imageFile);
+      reader.onload = () => {
+        if (!reader.result) {
+          return;
+        }
+
+        const img = new Image();
+        img.src = URL.createObjectURL(new Blob([reader.result]));
+        img.onload = async () => {
+          const width = img.naturalWidth;
+          const height = img.naturalHeight;
+
+          // determine image size
+          const aspectRatio = width / height;
+          let newWidth;
+          let newHeight;
+          if (aspectRatio > 1) {
+            newWidth = width > MAX_IMAGE_WIDTH ? MAX_IMAGE_WIDTH : width;
+            newHeight =
+              width > MAX_IMAGE_WIDTH ? MAX_IMAGE_WIDTH / aspectRatio : height;
+          } else {
+            newHeight = height > MAX_IMAGE_HEIGHT ? MAX_IMAGE_HEIGHT : height;
+            newWidth =
+              height > MAX_IMAGE_HEIGHT
+                ? MAX_IMAGE_HEIGHT * aspectRatio
+                : width;
+          }
+
+          // resize image using canvas
+          const canvas = document.createElement('canvas');
+          const ctx = canvas.getContext('2d');
+          canvas.width = newWidth;
+          canvas.height = newHeight;
+          ctx?.drawImage(img, 0, 0, newWidth, newHeight);
+
+          // quality can only be set to jpeg
+          const resizedImageData = canvas.toDataURL('image/jpeg', 0.3);
+
+          pushBase64EncodedImage(resizedImageData);
+        };
+      };
+    },
+    [pushBase64EncodedImage]
+  );
+
   useEffect(() => {
-    const listener = (e: DocumentEventMap['keypress']) => {
+    const currentElem = inputRef?.current;
+    const keypressListener = (e: DocumentEventMap['keypress']) => {
       if (e.key === 'Enter' && !e.shiftKey) {
         e.preventDefault();
 
         if (!disabledSend) {
-          props.onSend();
+          sendContent();
         }
       }
     };
-    document
-      .getElementById('input-chat-content')
-      ?.addEventListener('keypress', listener);
+    currentElem?.addEventListener('keypress', keypressListener);
+
+    const pasteListener = (e: DocumentEventMap['paste']) => {
+      const clipboardItems = e.clipboardData?.items;
+      if (!clipboardItems || clipboardItems.length === 0) {
+        return;
+      }
+
+      for (let i = 0; i < clipboardItems.length; i++) {
+        if (model?.supportMediaType.includes(clipboardItems[i].type)) {
+          const pastedFile = clipboardItems[i].getAsFile();
+          if (pastedFile) {
+            encodeAndPushImage(pastedFile);
+            e.preventDefault();
+          }
+        }
+      }
+    };
+    currentElem?.addEventListener('paste', pasteListener);
 
     return () => {
-      document
-        .getElementById('input-chat-content')
-        ?.removeEventListener('keypress', listener);
+      currentElem?.removeEventListener('keypress', keypressListener);
+      currentElem?.removeEventListener('paste', pasteListener);
     };
   });
 
+  const onChangeImageFile = useCallback(
+    (fileList: FileList) => {
+      for (let i = 0; i < fileList.length; i++) {
+        const file = fileList.item(i);
+        if (file) {
+          encodeAndPushImage(file);
+        }
+      }
+    },
+    [encodeAndPushImage]
+  );
+
+  const onDragOver: React.DragEventHandler<HTMLDivElement> = useCallback(
+    (e) => {
+      e.preventDefault();
+    },
+    []
+  );
+
+  const onDrop: React.DragEventHandler<HTMLDivElement> = useCallback(
+    (e) => {
+      e.preventDefault();
+      onChangeImageFile(e.dataTransfer.files);
+    },
+    [onChangeImageFile]
+  );
+
   return (
-    <div
-      id="input-chat-content"
-      className="relative mb-7 flex w-11/12 items-end rounded-xl border border-black/10 bg-white shadow-[0_0_30px_7px] shadow-light-gray md:w-10/12 lg:w-4/6 xl:w-3/6">
-      <Textarea
-        className="m-1 -mr-16 bg-transparent pr-6 scrollbar-thin scrollbar-thumb-light-gray "
-        placeholder={props.placeholder ?? t('app.inputMessage')}
-        disabled={props.disabled}
-        noBorder
-        value={props.content}
-        onChange={props.onChangeContent}
-      />
-      <ButtonSend
-        className="m-2 align-bottom"
-        disabled={disabledSend || props.disabled}
-        loading={postingMessage}
-        onClick={props.onSend}
-      />
-      {messages.length > 1 && (
-        <Button
-          className="absolute -top-14 right-0 bg-aws-paper p-2 text-sm"
-          outlined
-          disabled={disabledRegenerate || props.disabled}
-          onClick={props.onRegenerate}>
-          <PiArrowsCounterClockwise className="mr-2" />
-          {t('button.regenerate')}
-        </Button>
+    <>
+      {props.dndMode && (
+        <div
+          className="fixed left-0 top-0 h-full w-full bg-black/40"
+          onDrop={onDrop}></div>
       )}
-    </div>
+      <div
+        ref={inputRef}
+        onDragOver={onDragOver}
+        onDrop={onDrop}
+        className={twMerge(
+          props.className,
+          'relative mb-7 flex w-11/12 flex-col rounded-xl border border-black/10 bg-white shadow-[0_0_30px_7px] shadow-light-gray md:w-10/12 lg:w-4/6 xl:w-3/6'
+        )}>
+        <div className="flex w-full">
+          <Textarea
+            className={twMerge(
+              'm-1  bg-transparent scrollbar-thin scrollbar-thumb-light-gray',
+              disabledImageUpload ? 'pr-6' : 'pr-12'
+            )}
+            placeholder={props.placeholder ?? t('app.inputMessage')}
+            disabled={props.disabled}
+            noBorder
+            value={content}
+            onChange={setContent}
+          />
+        </div>
+        <div className="absolute bottom-0 right-0 flex items-center">
+          {!disabledImageUpload && (
+            <ButtonFileChoose
+              disabled={postingMessage}
+              icon
+              accept={acceptMediaType.join(',')}
+              onChange={onChangeImageFile}>
+              <TbPhotoPlus />
+            </ButtonFileChoose>
+          )}
+          <ButtonSend
+            className="m-2 align-bottom"
+            disabled={disabledSend || props.disabled}
+            loading={postingMessage}
+            onClick={sendContent}
+          />
+        </div>
+        {base64EncodedImages.length > 0 && (
+          <div className="relative m-2 mr-24 flex flex-wrap gap-3">
+            {base64EncodedImages.map((imageFile, idx) => (
+              <div key={idx} className="relative">
+                <img
+                  src={imageFile}
+                  className="h-16 rounded border border-aws-squid-ink"
+                />
+                <ButtonIcon
+                  className="absolute right-0 top-0 -m-2 border border-aws-sea-blue bg-white p-1 text-xs text-aws-sea-blue"
+                  onClick={() => {
+                    removeBase64EncodedImage(idx);
+                  }}>
+                  <PiX />
+                </ButtonIcon>
+              </div>
+            ))}
+            {disabledImageUpload && (
+              <div className="absolute -m-2 flex h-[120%] w-[110%] items-center justify-center bg-black/30">
+                <div className="rounded bg-light-red p-3 text-sm text-aws-font-color">
+                  {t('error.notSupportedImage')}
+                </div>
+              </div>
+            )}
+          </div>
+        )}
+        {messages.length > 1 && (
+          <Button
+            className="absolute -top-14 right-0 bg-aws-paper p-2 text-sm"
+            outlined
+            disabled={disabledRegenerate || props.disabled}
+            onClick={props.onRegenerate}>
+            <PiArrowsCounterClockwise className="mr-2" />
+            {t('button.regenerate')}
+          </Button>
+        )}
+      </div>
+    </>
   );
 };
 
diff --git a/frontend/src/components/KnowledgeFileUploader.tsx b/frontend/src/components/KnowledgeFileUploader.tsx
index 59813c9dd..617e0d8b0 100644
--- a/frontend/src/components/KnowledgeFileUploader.tsx
+++ b/frontend/src/components/KnowledgeFileUploader.tsx
@@ -10,6 +10,7 @@ import { AxiosError } from 'axios';
 import Progress from './Progress';
 import useBot from '../hooks/useBot';
 import { create } from 'zustand';
+import ButtonFileChoose from './ButtonFileChoose';
 
 type Props = BaseProps & {
   botId: string;
@@ -133,16 +134,6 @@ const KnowledgeFileUploader: React.FC<Props> = (props) => {
     [_getFiles, _setFiles, props, t, uploadFile]
   );
 
-  const onClickChooseFiles: React.ChangeEventHandler<HTMLInputElement> =
-    useCallback(
-      (e) => {
-        if (e.target.files) {
-          uploadFiles(e.target.files);
-        }
-      },
-      [uploadFiles]
-    );
-
   const onDragOver: React.DragEventHandler<HTMLDivElement> = useCallback(
     (e) => {
       e.preventDefault();
@@ -188,21 +179,12 @@ const KnowledgeFileUploader: React.FC<Props> = (props) => {
               <div key={idx}>{s}</div>
             ))}
         </div>
-        <label className="flex cursor-pointer items-center justify-center whitespace-nowrap rounded-lg border bg-aws-sea-blue p-1 px-3 text-aws-font-color-white hover:brightness-75">
-          {t('bot.button.chooseFiles', {
-            replace: {
-              fileExtensions: 'aa',
-            },
-          })}
 
-          <input
-            type="file"
-            hidden
-            multiple
-            onChange={onClickChooseFiles}
-            accept={SUPPORTED_FILES.join(',')}
-          />
-        </label>
+        <ButtonFileChoose
+          onChange={uploadFiles}
+          accept={SUPPORTED_FILES.join(',')}>
+          {t('bot.button.chooseFiles')}
+        </ButtonFileChoose>
       </div>
 
       <div className="flex flex-col gap-1">
diff --git a/frontend/src/components/Markdown.tsx b/frontend/src/components/Markdown.tsx
index 6a2661a6e..503b6a9ff 100644
--- a/frontend/src/components/Markdown.tsx
+++ b/frontend/src/components/Markdown.tsx
@@ -5,6 +5,7 @@ import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
 import { vscDarkPlus } from 'react-syntax-highlighter/dist/esm/styles/prism';
 import remarkGfm from 'remark-gfm';
 import remarkBreaks from 'remark-breaks';
+import ButtonCopy from './ButtonCopy';
 
 type Props = BaseProps & {
   children: string;
@@ -20,15 +21,19 @@ const Markdown: React.FC<Props> = ({ className, children }) => {
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
         code({ node, inline, className, children, ...props }) {
           const match = /language-(\w+)/.exec(className || '');
+          const codeText = String(children).replace(/\n$/, '');
+
           return !inline && match ? (
-            <SyntaxHighlighter
-              {...props}
-              children={String(children).replace(/\n$/, '')}
-              style={vscDarkPlus}
-              language={match[1]}
-              PreTag="div"
-              wrapLongLines={true}
-            />
+            <CopyToClipboard codeText={codeText}>
+              <SyntaxHighlighter
+                {...props}
+                children={codeText}
+                style={vscDarkPlus}
+                language={match[1]}
+                PreTag="div"
+                wrapLongLines={true}
+              />
+            </CopyToClipboard>
           ) : (
             <code {...props} className={className}>
               {children}
@@ -40,4 +45,19 @@ const Markdown: React.FC<Props> = ({ className, children }) => {
   );
 };
 
+const CopyToClipboard = ({
+  children,
+  codeText,
+}: {
+  children: React.ReactNode;
+  codeText: string;
+}) => {
+  return (
+    <div className="relative">
+      {children}
+      <ButtonCopy text={codeText} className="absolute right-2 top-2" />
+    </div>
+  );
+};
+
 export default Markdown;
diff --git a/frontend/src/components/SwitchBedrockModel.tsx b/frontend/src/components/SwitchBedrockModel.tsx
index 4a8aa9108..ae552f999 100644
--- a/frontend/src/components/SwitchBedrockModel.tsx
+++ b/frontend/src/components/SwitchBedrockModel.tsx
@@ -1,41 +1,32 @@
-import { FaBrain } from 'react-icons/fa';
-import { AiFillThunderbolt } from 'react-icons/ai';
+import { twMerge } from 'tailwind-merge';
 import { BaseProps } from '../@types/common';
-import { Model } from '../@types/conversation';
+import useModel from '../hooks/useModel';
 import Button from './Button';
 
-type Props = BaseProps & {
-  model: Model;
-  setModel: (model: Model) => void;
-};
+type Props = BaseProps;
 
 const SwitchBedrockModel: React.FC<Props> = (props) => {
-  const buttonClass =
-    'flex-1 w-40 flex items-center rounded-lg p-2 justify-center';
+  const { availableModels, modelId, setModelId } = useModel();
 
   return (
     <div
-      className={`${
-        props.className ?? ''
-      } flex justify-center gap-2 rounded-lg border border-light-gray bg-light-gray p-1 text-sm`}>
-      <Button
-        className={`${buttonClass} ${
-          props.model === 'claude-instant-v1'
-            ? ''
-            : 'border-light-gray bg-white text-dark-gray'
-        }`}
-        icon={<AiFillThunderbolt />}
-        onClick={() => props.setModel('claude-instant-v1')}
-        children={<span>Claude Instant</span>}></Button>
-      <Button
-        className={`${buttonClass} ${
-          props.model === 'claude-v2'
-            ? ''
-            : 'border-light-gray bg-white text-dark-gray'
-        }`}
-        icon={<FaBrain />}
-        onClick={() => props.setModel('claude-v2')}
-        children={<span>Claude v2</span>}></Button>
+      className={twMerge(
+        props.className,
+        'flex justify-center gap-2 rounded-lg border border-light-gray bg-light-gray p-1 text-sm'
+      )}>
+      {availableModels.map((availableModel) => (
+        <Button
+          key={availableModel.modelId}
+          className={twMerge(
+            'flex w-40 flex-1 items-center rounded-lg p-2',
+            modelId === availableModel.modelId
+              ? ''
+              : 'border-light-gray bg-white text-dark-gray'
+          )}
+          onClick={() => setModelId(availableModel.modelId)}
+          children={<span>{availableModel.label}</span>}
+        />
+      ))}
     </div>
   );
 };
diff --git a/frontend/src/hooks/useChat.ts b/frontend/src/hooks/useChat.ts
index e87cc674f..97d9d7386 100644
--- a/frontend/src/hooks/useChat.ts
+++ b/frontend/src/hooks/useChat.ts
@@ -16,6 +16,7 @@ import { useNavigate } from 'react-router-dom';
 import { ulid } from 'ulid';
 import { convertMessageMapToArray } from '../utils/MessageUtils';
 import { useTranslation } from 'react-i18next';
+import useModel from './useModel';
 
 type ChatStateType = {
   [id: string]: MessageMap;
@@ -126,7 +127,7 @@ const useChatState = create<{
     editMessage: (id: string, messageId: string, content: string) => {
       set((state) => ({
         chats: produce(state.chats, (draft) => {
-          draft[id][messageId].content.body = content;
+          draft[id][messageId].content[0].body = content;
         }),
       }));
     },
@@ -204,6 +205,7 @@ const useChat = () => {
   const navigate = useNavigate();
 
   const { post: postStreaming } = usePostMessageStreaming();
+  const { modelId, setModelId } = useModel();
 
   const conversationApi = useConversationApi();
   const {
@@ -239,8 +241,16 @@ const useChat = () => {
     if (conversationId && data?.id === conversationId) {
       setMessages(conversationId, data.messageMap);
       setCurrentMessageId(data.lastMessageId);
+      setModelId(getPostedModel());
     }
-  }, [conversationId, data, setCurrentMessageId, setMessages]);
+  }, [
+    conversationId,
+    data,
+    getPostedModel,
+    setCurrentMessageId,
+    setMessages,
+    setModelId,
+  ]);
 
   useEffect(() => {
     setIsGeneratedTitle(false);
@@ -264,16 +274,23 @@ const useChat = () => {
       NEW_MESSAGE_ID.ASSISTANT,
       {
         role: 'assistant',
-        content: {
-          contentType: 'text',
-          body: '',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: '',
+          },
+        ],
         model: messageContent.model,
       }
     );
   };
 
-  const postChat = (content: string, model: Model, bot?: BotInputType) => {
+  const postChat = (params: {
+    content: string;
+    base64EncodedImages?: string[];
+    bot?: BotInputType;
+  }) => {
+    const { content, bot, base64EncodedImages } = params;
     const isNewChat = conversationId ? false : true;
     const newConversationId = ulid();
 
@@ -287,13 +304,30 @@ const useChat = () => {
       ? 'system'
       : tmpMessages[tmpMessages.length - 1].id;
 
-    const modelToPost = isNewChat ? model : getPostedModel();
+    const modelToPost = isNewChat ? modelId : getPostedModel();
 
+    const imageContents: MessageContent['content'] = (
+      base64EncodedImages ?? []
+    ).map((encodedImage) => {
+      const result =
+        /data:(?<mediaType>image\/.+);base64,(?<encodedImage>.+)/.exec(
+          encodedImage
+        );
+
+      return {
+        body: result!.groups!.encodedImage,
+        contentType: 'image',
+        mediaType: result!.groups!.mediaType,
+      };
+    });
     const messageContent: MessageContent = {
-      content: {
-        body: content,
-        contentType: 'text',
-      },
+      content: [
+        ...imageContents,
+        {
+          body: content,
+          contentType: 'text',
+        },
+      ],
       model: modelToPost,
       role: 'user',
     };
@@ -349,7 +383,7 @@ const useChat = () => {
             editMessage(
               conversationId ?? '',
               NEW_MESSAGE_ID.ASSISTANT,
-              res.data.message.content.body
+              res.data.message.content[0].body
             );
             resolve();
           })
@@ -401,7 +435,7 @@ const useChat = () => {
 
     const parentMessage = produce(messages[index], (draft) => {
       if (props?.content) {
-        draft.content.body = props.content;
+        draft.content[0].body = props.content;
       }
     });
 
@@ -434,10 +468,12 @@ const useChat = () => {
         NEW_MESSAGE_ID.ASSISTANT,
         {
           role: 'assistant',
-          content: {
-            contentType: 'text',
-            body: '',
-          },
+          content: [
+            {
+              contentType: 'text',
+              body: '',
+            },
+          ],
           model: messages[index].model,
         }
       );
@@ -496,20 +532,19 @@ const useChat = () => {
         // 通常のメッセージ送信時
         // エラー発生時の最新のメッセージはユーザ入力;
         removeMessage(conversationId, latestMessage.id);
-        postChat(
-          params.content ?? latestMessage.content.body,
-          getPostedModel(),
-          params.bot
+        postChat({
+          content: params.content ?? latestMessage.content[0].body,
+          bot: params.bot
             ? {
                 botId: params.bot.botId,
                 hasKnowledge: params.bot.hasKnowledge,
               }
-            : undefined
-        );
+            : undefined,
+        });
       } else {
         // 再生成時
         regenerate({
-          content: params.content ?? latestMessage.content.body,
+          content: params.content ?? latestMessage.content[0].body,
           bot: params.bot,
         });
       }
diff --git a/frontend/src/hooks/useModel.ts b/frontend/src/hooks/useModel.ts
new file mode 100644
index 000000000..86f82510b
--- /dev/null
+++ b/frontend/src/hooks/useModel.ts
@@ -0,0 +1,59 @@
+import { create } from 'zustand';
+import { Model } from '../@types/conversation';
+import { useMemo } from 'react';
+
+const availableModels: {
+  modelId: Model;
+  label: string;
+  supportMediaType: string[];
+}[] = [
+  {
+    modelId: 'claude-instant-v1',
+    label: 'Claude Instant',
+    supportMediaType: [],
+  },
+  {
+    modelId: 'claude-v2',
+    label: 'Claude v2',
+    supportMediaType: [],
+  },
+  {
+    modelId: 'claude-v3-sonnet',
+    label: 'Claude v3',
+    supportMediaType: ['image/jpeg', 'image/png', 'image/gif', 'image/webp'],
+  },
+];
+
+const useModelState = create<{
+  modelId: Model;
+  setModelId: (m: Model) => void;
+}>((set) => ({
+  modelId: 'claude-instant-v1',
+  setModelId: (m) => {
+    set({
+      modelId: m,
+    });
+  },
+}));
+
+const useModel = () => {
+  const { modelId, setModelId } = useModelState();
+
+  const model = useMemo(() => {
+    return availableModels.find((model) => model.modelId === modelId);
+  }, [modelId]);
+
+  return {
+    modelId,
+    setModelId,
+    model,
+    disabledImageUpload: (model?.supportMediaType.length ?? 0) === 0,
+    acceptMediaType:
+      model?.supportMediaType.map(
+        (mediaType) => `.${mediaType.split('/')[1]}`
+      ) ?? [],
+    availableModels,
+  };
+};
+
+export default useModel;
diff --git a/frontend/src/hooks/usePostMessageStreaming.ts b/frontend/src/hooks/usePostMessageStreaming.ts
index 56aaf2468..2fc61a441 100644
--- a/frontend/src/hooks/usePostMessageStreaming.ts
+++ b/frontend/src/hooks/usePostMessageStreaming.ts
@@ -4,6 +4,7 @@ import { create } from 'zustand';
 import i18next from 'i18next';
 
 const WS_ENDPOINT: string = import.meta.env.VITE_APP_WS_ENDPOINT;
+const CHUNK_SIZE = 32 * 1024; //32KB
 
 const usePostMessageStreaming = create<{
   post: (params: {
@@ -15,24 +16,58 @@ const usePostMessageStreaming = create<{
   return {
     post: async ({ input, dispatch, hasKnowledge }) => {
       if (hasKnowledge) {
-        dispatch(i18next.t('bot.label.retrivingKnowledge'));
+        dispatch(i18next.t('bot.label.retrievingKnowledge'));
       } else {
         dispatch(i18next.t('app.chatWaitingSymbol'));
       }
 
       const token = (await Auth.currentSession()).getIdToken().getJwtToken();
+      const payloadString = JSON.stringify({ ...input, token });
 
+      // chunking
+      const chunkedPayloads: string[] = [];
+      const chunkCount = Math.ceil(payloadString.length / CHUNK_SIZE);
+      for (let i = 0; i < chunkCount; i++) {
+        const start = i * CHUNK_SIZE;
+        const end = Math.min(start + CHUNK_SIZE, payloadString.length);
+        chunkedPayloads.push(payloadString.substring(start, end));
+      }
+
+      let receivedCount = 0;
       return new Promise<void>((resolve, reject) => {
         const ws = new WebSocket(WS_ENDPOINT);
         let completion = '';
 
         ws.onopen = () => {
-          ws.send(JSON.stringify({ ...input, token }));
+          ws.send('START');
         };
 
         ws.onmessage = (message) => {
           try {
-            if (message.data === '') {
+            if (
+              message.data === '' ||
+              message.data === 'Message sent.' ||
+              // Ignore timeout message from api gateway
+              message.data.startsWith(
+                '{"message": "Endpoint request timed out",'
+              )
+            ) {
+              return;
+            } else if (message.data === 'Session started.') {
+              chunkedPayloads.forEach((chunk, index) => {
+                ws.send(
+                  JSON.stringify({
+                    index,
+                    part: chunk,
+                  })
+                );
+              });
+              return;
+            } else if (message.data === 'Message part received.') {
+              receivedCount++;
+              if (receivedCount === chunkedPayloads.length) {
+                ws.send('END');
+              }
               return;
             }
 
diff --git a/frontend/src/i18n/en/index.ts b/frontend/src/i18n/en/index.ts
index a3481e817..1e10b5c0c 100644
--- a/frontend/src/i18n/en/index.ts
+++ b/frontend/src/i18n/en/index.ts
@@ -24,7 +24,7 @@ const translation = {
         notAvailable: 'This bot is NOT available.',
         noBots: 'No Bots.',
         noBotsRecentlyUsed: 'No Recently Used Shared Bots.',
-        retrivingKnowledge: '[Retriving Knowledge...]',
+        retrievingKnowledge: '[Retrieving Knowledge...]',
         dndFileUpload:
           'You can upload files by drag and drop.\nSupported files: {{fileExtensions}}',
         uploadError: 'Error Message',
@@ -185,6 +185,7 @@ How would you categorize this email?`,
         invalidResponse:
           'Unexpected response received. The response format does not match the expected format.',
       },
+      notSupportedImage: 'The selected model does not support images.',
     },
   },
 };
diff --git a/frontend/src/i18n/ja/index.ts b/frontend/src/i18n/ja/index.ts
index 1aa2030ab..73541a35b 100644
--- a/frontend/src/i18n/ja/index.ts
+++ b/frontend/src/i18n/ja/index.ts
@@ -27,7 +27,7 @@ const translation = {
         notAvailable: 'このボットは利用できません。',
         noBots: 'ボットが登録されていません。',
         noBotsRecentlyUsed: '最近利用した公開ボットはありません。',
-        retrivingKnowledge: '[ナレッジを取得中...]',
+        retrievingKnowledge: '[ナレッジを取得中...]',
         dndFileUpload:
           'ドラッグ＆ドロップでファイルをアップロードできます。\n対応ファイル: {{fileExtensions}}',
         uploadError: 'エラーメッセージ',
@@ -187,6 +187,7 @@ const translation = {
         general: '推論中にエラーが発生しました。',
         invalidResponse: '想定外のResponseが返ってきました。',
       },
+      notSupportedImage: '選択しているモデルは、画像を利用できません。',
     },
   },
 };
diff --git a/frontend/src/pages/ChatPage.tsx b/frontend/src/pages/ChatPage.tsx
index 4cbbfcf0c..3a4ae97df 100644
--- a/frontend/src/pages/ChatPage.tsx
+++ b/frontend/src/pages/ChatPage.tsx
@@ -15,7 +15,6 @@ import {
 import Button from '../components/Button';
 import { useTranslation } from 'react-i18next';
 import SwitchBedrockModel from '../components/SwitchBedrockModel';
-import { Model } from '../@types/conversation';
 import useBot from '../hooks/useBot';
 import useConversation from '../hooks/useConversation';
 import ButtonPopover from '../components/PopoverMenu';
@@ -27,13 +26,12 @@ import ButtonIcon from '../components/ButtonIcon';
 import StatusSyncBot from '../components/StatusSyncBot';
 import Alert from '../components/Alert';
 import useBotSummary from '../hooks/useBotSummary';
+import useModel from '../hooks/useModel';
 
 const ChatPage: React.FC = () => {
   const { t } = useTranslation();
   const navigate = useNavigate();
 
-  const [content, setContent] = useState('');
-  const [model, setModel] = useState<Model>('claude-instant-v1');
   const {
     postingMessage,
     postChat,
@@ -112,10 +110,16 @@ const ChatPage: React.FC = () => {
       : undefined;
   }, [bot?.hasKnowledge, botId]);
 
-  const onSend = useCallback(() => {
-    postChat(content, model, inputBotParams);
-    setContent('');
-  }, [content, inputBotParams, model, postChat]);
+  const onSend = useCallback(
+    (content: string, base64EncodedImages?: string[]) => {
+      postChat({
+        content,
+        base64EncodedImages,
+        bot: inputBotParams,
+      });
+    },
+    [inputBotParams, postChat]
+  );
 
   const onChangeCurrentMessageId = useCallback(
     (messageId: string) => {
@@ -205,8 +209,25 @@ const ChatPage: React.FC = () => {
     navigate(`/bot/edit/${bot?.id}`);
   }, [bot?.id, navigate]);
 
+  const { disabledImageUpload } = useModel();
+  const [dndMode, setDndMode] = useState(false);
+  const onDragOver: React.DragEventHandler<HTMLDivElement> = useCallback(
+    (e) => {
+      if (!disabledImageUpload) {
+        setDndMode(true);
+      }
+      e.preventDefault();
+    },
+    [disabledImageUpload]
+  );
+
+  const endDnd: React.DragEventHandler<HTMLDivElement> = useCallback((e) => {
+    setDndMode(false);
+    e.preventDefault();
+  }, []);
+
   return (
-    <>
+    <div onDragOver={onDragOver} onDrop={endDnd} onDragEnd={endDnd}>
       <div className="relative h-14 w-full">
         <div className="flex w-full justify-between">
           <div className="p-2">
@@ -272,11 +293,7 @@ const ChatPage: React.FC = () => {
         {messages.length === 0 ? (
           <div className="relative flex w-full justify-center">
             {!loadingConversation && (
-              <SwitchBedrockModel
-                className="mt-3 w-min"
-                model={model}
-                setModel={setModel}
-              />
+              <SwitchBedrockModel className="mt-3 w-min" />
             )}
             <div className="absolute mx-3 my-20 flex items-center justify-center text-4xl font-bold text-gray">
               {t('app.name')}
@@ -331,7 +348,7 @@ const ChatPage: React.FC = () => {
           </div>
         )}
         <InputChatContent
-          content={content}
+          dndMode={dndMode}
           disabledSend={postingMessage}
           disabled={disabledInput}
           placeholder={
@@ -339,12 +356,11 @@ const ChatPage: React.FC = () => {
               ? t('bot.label.notAvailableBotInputMessage')
               : undefined
           }
-          onChangeContent={setContent}
           onSend={onSend}
           onRegenerate={onRegenerate}
         />
       </div>
-    </>
+    </div>
   );
 };
 
diff --git a/frontend/src/providers/SnackbarProvider.tsx b/frontend/src/providers/SnackbarProvider.tsx
index 1727ac3c3..70ed3ab11 100644
--- a/frontend/src/providers/SnackbarProvider.tsx
+++ b/frontend/src/providers/SnackbarProvider.tsx
@@ -32,7 +32,7 @@ const SnackbarProvider: React.FC<Props> = ({ children }) => {
           leaveFrom="opacity-100 scale-100 "
           leaveTo="opacity-0 scale-95 ">
           <div className="">
-            <div className="mx-4 mt-4 flex justify-between rounded bg-red-500 p-3  text-sm text-aws-font-color-white shadow-lg">
+            <div className="mx-4 mt-4 flex justify-between rounded bg-red p-3  text-sm text-aws-font-color-white shadow-lg">
               <div className="mr-3 text-3xl">
                 <PiWarningFill />
               </div>
diff --git a/frontend/src/utils/__tests__/MessageUtils.test.ts b/frontend/src/utils/__tests__/MessageUtils.test.ts
index c5eaf48ca..d99fd93a5 100644
--- a/frontend/src/utils/__tests__/MessageUtils.test.ts
+++ b/frontend/src/utils/__tests__/MessageUtils.test.ts
@@ -11,10 +11,12 @@ describe('convertMessageMapToArray', () => {
       '1': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-1',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-1',
+          },
+        ],
         parent: null,
         children: [],
       },
@@ -24,10 +26,13 @@ describe('convertMessageMapToArray', () => {
         id: '1',
         role: 'user',
         model: 'claude-v2',
-        content: {
-          body: 'message-1',
-          contentType: 'text',
-        },
+        content: [
+          {
+            body: 'message-1',
+            contentType: 'text',
+          },
+        ],
+
         parent: null,
         children: [],
         sibling: ['1'],
@@ -42,20 +47,25 @@ describe('convertMessageMapToArray', () => {
       '1': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-1',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-1',
+          },
+        ],
+
         parent: null,
         children: ['2'],
       },
       '2': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-2',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-2',
+          },
+        ],
         parent: '1',
         children: [],
       },
@@ -65,10 +75,12 @@ describe('convertMessageMapToArray', () => {
         id: '1',
         role: 'user',
         model: 'claude-v2',
-        content: {
-          body: 'message-1',
-          contentType: 'text',
-        },
+        content: [
+          {
+            body: 'message-1',
+            contentType: 'text',
+          },
+        ],
         parent: null,
         children: ['2'],
         sibling: ['1'],
@@ -77,10 +89,12 @@ describe('convertMessageMapToArray', () => {
         id: '2',
         role: 'user',
         model: 'claude-v2',
-        content: {
-          body: 'message-2',
-          contentType: 'text',
-        },
+        content: [
+          {
+            body: 'message-2',
+            contentType: 'text',
+          },
+        ],
         parent: '1',
         children: [],
         sibling: ['2'],
@@ -95,30 +109,36 @@ describe('convertMessageMapToArray', () => {
       '1': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-1',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-1',
+          },
+        ],
         parent: null,
         children: ['2'],
       },
       '2': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-2',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-2',
+          },
+        ],
         parent: '1',
         children: ['3'],
       },
       '3': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-3',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-3',
+          },
+        ],
         parent: '2',
         children: [],
       },
@@ -128,10 +148,12 @@ describe('convertMessageMapToArray', () => {
         id: '1',
         role: 'user',
         model: 'claude-v2',
-        content: {
-          body: 'message-1',
-          contentType: 'text',
-        },
+        content: [
+          {
+            body: 'message-1',
+            contentType: 'text',
+          },
+        ],
         parent: null,
         children: ['2'],
         sibling: ['1'],
@@ -140,10 +162,12 @@ describe('convertMessageMapToArray', () => {
         id: '2',
         role: 'user',
         model: 'claude-v2',
-        content: {
-          body: 'message-2',
-          contentType: 'text',
-        },
+        content: [
+          {
+            body: 'message-2',
+            contentType: 'text',
+          },
+        ],
         parent: '1',
         children: ['3'],
         sibling: ['2'],
@@ -152,10 +176,12 @@ describe('convertMessageMapToArray', () => {
         id: '3',
         role: 'user',
         model: 'claude-v2',
-        content: {
-          body: 'message-3',
-          contentType: 'text',
-        },
+        content: [
+          {
+            body: 'message-3',
+            contentType: 'text',
+          },
+        ],
         parent: '2',
         children: [],
         sibling: ['3'],
@@ -170,30 +196,36 @@ describe('convertMessageMapToArray', () => {
       '1': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-1',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-1',
+          },
+        ],
         parent: null,
         children: ['2-1', '2-2'],
       },
       '2-1': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-2-1',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-2-1',
+          },
+        ],
         parent: '1',
         children: [],
       },
       '2-2': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-2-2',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-2-2',
+          },
+        ],
         parent: '1',
         children: [],
       },
@@ -203,10 +235,12 @@ describe('convertMessageMapToArray', () => {
         id: '1',
         role: 'user',
         model: 'claude-v2',
-        content: {
-          body: 'message-1',
-          contentType: 'text',
-        },
+        content: [
+          {
+            body: 'message-1',
+            contentType: 'text',
+          },
+        ],
         parent: null,
         children: ['2-1', '2-2'],
         sibling: ['1'],
@@ -215,10 +249,12 @@ describe('convertMessageMapToArray', () => {
         id: '2-1',
         role: 'user',
         model: 'claude-v2',
-        content: {
-          body: 'message-2-1',
-          contentType: 'text',
-        },
+        content: [
+          {
+            body: 'message-2-1',
+            contentType: 'text',
+          },
+        ],
         parent: '1',
         children: [],
         sibling: ['2-1', '2-2'],
@@ -233,30 +269,36 @@ describe('convertMessageMapToArray', () => {
       '1': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-1',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-1',
+          },
+        ],
         parent: null,
         children: ['2-1', '2-2'],
       },
       '2-1': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-2-1',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-2-1',
+          },
+        ],
         parent: '1',
         children: [],
       },
       '2-2': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-2-2',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-2-2',
+          },
+        ],
         parent: '1',
         children: [],
       },
@@ -266,10 +308,12 @@ describe('convertMessageMapToArray', () => {
         id: '1',
         role: 'user',
         model: 'claude-v2',
-        content: {
-          body: 'message-1',
-          contentType: 'text',
-        },
+        content: [
+          {
+            body: 'message-1',
+            contentType: 'text',
+          },
+        ],
         parent: null,
         children: ['2-1', '2-2'],
         sibling: ['1'],
@@ -278,10 +322,12 @@ describe('convertMessageMapToArray', () => {
         id: '2-2',
         role: 'user',
         model: 'claude-v2',
-        content: {
-          body: 'message-2-2',
-          contentType: 'text',
-        },
+        content: [
+          {
+            body: 'message-2-2',
+            contentType: 'text',
+          },
+        ],
         parent: '1',
         children: [],
         sibling: ['2-1', '2-2'],
@@ -296,40 +342,48 @@ describe('convertMessageMapToArray', () => {
       '1': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-1',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-1',
+          },
+        ],
         parent: null,
         children: ['2-1', '2-2'],
       },
       '2-1': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-2-1',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-2-1',
+          },
+        ],
         parent: '1',
         children: [],
       },
       '2-2': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-2-2',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-2-2',
+          },
+        ],
         parent: '1',
         children: ['2-2-1'],
       },
       '2-2-1': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-2-2-1',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-2-2-1',
+          },
+        ],
         parent: '2-2',
         children: [],
       },
@@ -339,10 +393,12 @@ describe('convertMessageMapToArray', () => {
         id: '1',
         role: 'user',
         model: 'claude-v2',
-        content: {
-          body: 'message-1',
-          contentType: 'text',
-        },
+        content: [
+          {
+            body: 'message-1',
+            contentType: 'text',
+          },
+        ],
         parent: null,
         children: ['2-1', '2-2'],
         sibling: ['1'],
@@ -351,10 +407,12 @@ describe('convertMessageMapToArray', () => {
         id: '2-2',
         role: 'user',
         model: 'claude-v2',
-        content: {
-          body: 'message-2-2',
-          contentType: 'text',
-        },
+        content: [
+          {
+            body: 'message-2-2',
+            contentType: 'text',
+          },
+        ],
         parent: '1',
         children: ['2-2-1'],
         sibling: ['2-1', '2-2'],
@@ -363,10 +421,12 @@ describe('convertMessageMapToArray', () => {
         id: '2-2-1',
         role: 'user',
         model: 'claude-v2',
-        content: {
-          body: 'message-2-2-1',
-          contentType: 'text',
-        },
+        content: [
+          {
+            body: 'message-2-2-1',
+            contentType: 'text',
+          },
+        ],
         parent: '2-2',
         children: [],
         sibling: ['2-2-1'],
@@ -381,40 +441,48 @@ describe('convertMessageMapToArray', () => {
       '1': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-1',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-1',
+          },
+        ],
         parent: null,
         children: ['2-1', '2-2'],
       },
       '2-1': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-2-1',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-2-1',
+          },
+        ],
         parent: '1',
         children: [],
       },
       '2-2': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-2-2',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-2-2',
+          },
+        ],
         parent: '1',
         children: ['2-2-1'],
       },
       '2-2-1': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-2-2-1',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-2-2-1',
+          },
+        ],
         parent: '2-2',
         children: [],
       },
@@ -424,10 +492,12 @@ describe('convertMessageMapToArray', () => {
         id: '1',
         role: 'user',
         model: 'claude-v2',
-        content: {
-          body: 'message-1',
-          contentType: 'text',
-        },
+        content: [
+          {
+            body: 'message-1',
+            contentType: 'text',
+          },
+        ],
         parent: null,
         children: ['2-1', '2-2'],
         sibling: ['1'],
@@ -436,10 +506,12 @@ describe('convertMessageMapToArray', () => {
         id: '2-2',
         role: 'user',
         model: 'claude-v2',
-        content: {
-          body: 'message-2-2',
-          contentType: 'text',
-        },
+        content: [
+          {
+            body: 'message-2-2',
+            contentType: 'text',
+          },
+        ],
         parent: '1',
         children: ['2-2-1'],
         sibling: ['2-1', '2-2'],
@@ -448,10 +520,12 @@ describe('convertMessageMapToArray', () => {
         id: '2-2-1',
         role: 'user',
         model: 'claude-v2',
-        content: {
-          body: 'message-2-2-1',
-          contentType: 'text',
-        },
+        content: [
+          {
+            body: 'message-2-2-1',
+            contentType: 'text',
+          },
+        ],
         parent: '2-2',
         children: [],
         sibling: ['2-2-1'],
@@ -466,70 +540,84 @@ describe('convertMessageMapToArray', () => {
       '1': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-1',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-1',
+          },
+        ],
         parent: null,
         children: ['2-1', '2-2'],
       },
       '2-1': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-2-1',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-2-1',
+          },
+        ],
         parent: '1',
         children: [],
       },
       '2-2': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-2-2',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-2-2',
+          },
+        ],
         parent: '1',
         children: ['2-2-1'],
       },
       '2-2-1': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-2-2-1',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-2-2-1',
+          },
+        ],
         parent: '2-2',
         children: ['2-2-2'],
       },
       '2-2-2': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-2-2-2',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-2-2-2',
+          },
+        ],
         parent: '2-2-1',
         children: ['2-2-2-1', '2-2-2-2'],
       },
       '2-2-2-1': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-2-2-2-1',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-2-2-2-1',
+          },
+        ],
         parent: '2-2-2',
         children: [],
       },
       '2-2-2-2': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-2-2-2-2',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-2-2-2-2',
+          },
+        ],
         parent: '2-2-2',
         children: [],
       },
@@ -539,10 +627,12 @@ describe('convertMessageMapToArray', () => {
         id: '1',
         role: 'user',
         model: 'claude-v2',
-        content: {
-          body: 'message-1',
-          contentType: 'text',
-        },
+        content: [
+          {
+            body: 'message-1',
+            contentType: 'text',
+          },
+        ],
         parent: null,
         children: ['2-1', '2-2'],
         sibling: ['1'],
@@ -551,10 +641,12 @@ describe('convertMessageMapToArray', () => {
         id: '2-2',
         role: 'user',
         model: 'claude-v2',
-        content: {
-          body: 'message-2-2',
-          contentType: 'text',
-        },
+        content: [
+          {
+            body: 'message-2-2',
+            contentType: 'text',
+          },
+        ],
         parent: '1',
         children: ['2-2-1'],
         sibling: ['2-1', '2-2'],
@@ -563,10 +655,12 @@ describe('convertMessageMapToArray', () => {
         id: '2-2-1',
         role: 'user',
         model: 'claude-v2',
-        content: {
-          body: 'message-2-2-1',
-          contentType: 'text',
-        },
+        content: [
+          {
+            body: 'message-2-2-1',
+            contentType: 'text',
+          },
+        ],
         parent: '2-2',
         children: ['2-2-2'],
         sibling: ['2-2-1'],
@@ -575,10 +669,12 @@ describe('convertMessageMapToArray', () => {
         id: '2-2-2',
         role: 'user',
         model: 'claude-v2',
-        content: {
-          body: 'message-2-2-2',
-          contentType: 'text',
-        },
+        content: [
+          {
+            body: 'message-2-2-2',
+            contentType: 'text',
+          },
+        ],
         parent: '2-2-1',
         children: ['2-2-2-1', '2-2-2-2'],
         sibling: ['2-2-2'],
@@ -587,10 +683,12 @@ describe('convertMessageMapToArray', () => {
         id: '2-2-2-1',
         role: 'user',
         model: 'claude-v2',
-        content: {
-          body: 'message-2-2-2-1',
-          contentType: 'text',
-        },
+        content: [
+          {
+            body: 'message-2-2-2-1',
+            contentType: 'text',
+          },
+        ],
         parent: '2-2-2',
         children: [],
         sibling: ['2-2-2-1', '2-2-2-2'],
@@ -605,30 +703,36 @@ describe('convertMessageMapToArray', () => {
       system: {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-1',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-1',
+          },
+        ],
         parent: null,
         children: ['1'],
       },
       '1': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-1',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-1',
+          },
+        ],
         parent: 'system',
         children: ['2'],
       },
       '2': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-2',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-2',
+          },
+        ],
         parent: '1',
         children: [],
       },
@@ -638,10 +742,12 @@ describe('convertMessageMapToArray', () => {
         id: '1',
         role: 'user',
         model: 'claude-v2',
-        content: {
-          body: 'message-1',
-          contentType: 'text',
-        },
+        content: [
+          {
+            body: 'message-1',
+            contentType: 'text',
+          },
+        ],
         parent: 'system',
         children: ['2'],
         sibling: ['1'],
@@ -650,10 +756,12 @@ describe('convertMessageMapToArray', () => {
         id: '2',
         role: 'user',
         model: 'claude-v2',
-        content: {
-          body: 'message-2',
-          contentType: 'text',
-        },
+        content: [
+          {
+            body: 'message-2',
+            contentType: 'text',
+          },
+        ],
         parent: '1',
         children: [],
         sibling: ['2'],
@@ -668,50 +776,60 @@ describe('convertMessageMapToArray', () => {
       system: {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-1',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-1',
+          },
+        ],
         parent: null,
         children: ['1-1', '1-2'],
       },
       '1-1': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-1-1',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-1-1',
+          },
+        ],
         parent: 'system',
         children: ['1-1-1'],
       },
       '1-2': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-1-2',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-1-2',
+          },
+        ],
         parent: 'system',
         children: ['1-2-1'],
       },
       '1-1-1': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-1-1-1',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-1-1-1',
+          },
+        ],
         parent: '1-1',
         children: [],
       },
       '1-2-1': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-1-2-1',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-1-2-1',
+          },
+        ],
         parent: '1-2',
         children: [],
       },
@@ -721,10 +839,12 @@ describe('convertMessageMapToArray', () => {
         id: '1-1',
         role: 'user',
         model: 'claude-v2',
-        content: {
-          body: 'message-1-1',
-          contentType: 'text',
-        },
+        content: [
+          {
+            body: 'message-1-1',
+            contentType: 'text',
+          },
+        ],
         parent: 'system',
         children: ['1-1-1'],
         sibling: ['1-1', '1-2'],
@@ -733,10 +853,12 @@ describe('convertMessageMapToArray', () => {
         id: '1-1-1',
         role: 'user',
         model: 'claude-v2',
-        content: {
-          body: 'message-1-1-1',
-          contentType: 'text',
-        },
+        content: [
+          {
+            body: 'message-1-1-1',
+            contentType: 'text',
+          },
+        ],
         parent: '1-1',
         children: [],
         sibling: ['1-1-1'],
@@ -751,50 +873,60 @@ describe('convertMessageMapToArray', () => {
       system: {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-1',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-1',
+          },
+        ],
         parent: null,
         children: ['1-1', '1-2'],
       },
       '1-1': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-1-1',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-1-1',
+          },
+        ],
         parent: 'system',
         children: ['1-1-1'],
       },
       '1-2': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-1-2',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-1-2',
+          },
+        ],
         parent: 'system',
         children: ['1-2-1'],
       },
       '1-1-1': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-1-1-1',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-1-1-1',
+          },
+        ],
         parent: '1-1',
         children: [],
       },
       '1-2-1': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-1-2-1',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-1-2-1',
+          },
+        ],
         parent: '1-2',
         children: [],
       },
@@ -804,10 +936,12 @@ describe('convertMessageMapToArray', () => {
         id: '1-2',
         role: 'user',
         model: 'claude-v2',
-        content: {
-          body: 'message-1-2',
-          contentType: 'text',
-        },
+        content: [
+          {
+            body: 'message-1-2',
+            contentType: 'text',
+          },
+        ],
         parent: 'system',
         children: ['1-2-1'],
         sibling: ['1-1', '1-2'],
@@ -816,10 +950,12 @@ describe('convertMessageMapToArray', () => {
         id: '1-2-1',
         role: 'user',
         model: 'claude-v2',
-        content: {
-          body: 'message-1-2-1',
-          contentType: 'text',
-        },
+        content: [
+          {
+            body: 'message-1-2-1',
+            contentType: 'text',
+          },
+        ],
         parent: '1-2',
         children: [],
         sibling: ['1-2-1'],
@@ -834,50 +970,60 @@ describe('convertMessageMapToArray', () => {
       system: {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-1',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-1',
+          },
+        ],
         parent: null,
         children: ['1-1', '1-2'],
       },
       '1-1': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-1-1',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-1-1',
+          },
+        ],
         parent: 'system',
         children: ['1-1-1'],
       },
       '1-2': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-1-2',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-1-2',
+          },
+        ],
         parent: 'system',
         children: ['1-2-1'],
       },
       '1-1-1': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-1-1-1',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-1-1-1',
+          },
+        ],
         parent: '1-1',
         children: [],
       },
       '1-2-1': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-1-2-1',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-1-2-1',
+          },
+        ],
         parent: '1-2',
         children: [],
       },
@@ -887,10 +1033,12 @@ describe('convertMessageMapToArray', () => {
         id: '1-1',
         role: 'user',
         model: 'claude-v2',
-        content: {
-          body: 'message-1-1',
-          contentType: 'text',
-        },
+        content: [
+          {
+            body: 'message-1-1',
+            contentType: 'text',
+          },
+        ],
         parent: 'system',
         children: ['1-1-1'],
         sibling: ['1-1', '1-2'],
@@ -899,10 +1047,12 @@ describe('convertMessageMapToArray', () => {
         id: '1-1-1',
         role: 'user',
         model: 'claude-v2',
-        content: {
-          body: 'message-1-1-1',
-          contentType: 'text',
-        },
+        content: [
+          {
+            body: 'message-1-1-1',
+            contentType: 'text',
+          },
+        ],
         parent: '1-1',
         children: [],
         sibling: ['1-1-1'],
@@ -924,50 +1074,60 @@ describe('convertMessageMapToArray', () => {
       '1': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-1',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-1',
+          },
+        ],
         parent: null,
         children: ['2-1', '2-2'],
       },
       '2-1': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-2-1',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-2-1',
+          },
+        ],
         parent: '1',
         children: ['3-1', '3-2'],
       },
       '2-2': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-2-2',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-2-2',
+          },
+        ],
         parent: '1',
         children: [],
       },
       '3-1': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-3-1',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-3-1',
+          },
+        ],
         parent: '2-1',
         children: [],
       },
       '3-2': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-3-2',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-3-2',
+          },
+        ],
         parent: '2-1',
         children: [],
       },
@@ -977,10 +1137,12 @@ describe('convertMessageMapToArray', () => {
         id: '1',
         role: 'user',
         model: 'claude-v2',
-        content: {
-          body: 'message-1',
-          contentType: 'text',
-        },
+        content: [
+          {
+            body: 'message-1',
+            contentType: 'text',
+          },
+        ],
         parent: null,
         children: ['2-1', '2-2'],
         sibling: ['1'],
@@ -989,10 +1151,12 @@ describe('convertMessageMapToArray', () => {
         id: '2-1',
         role: 'user',
         model: 'claude-v2',
-        content: {
-          body: 'message-2-1',
-          contentType: 'text',
-        },
+        content: [
+          {
+            body: 'message-2-1',
+            contentType: 'text',
+          },
+        ],
         parent: '1',
         children: ['3-1', '3-2'],
         sibling: ['2-1', '2-2'],
@@ -1001,10 +1165,12 @@ describe('convertMessageMapToArray', () => {
         id: '3-1',
         role: 'user',
         model: 'claude-v2',
-        content: {
-          body: 'message-3-1',
-          contentType: 'text',
-        },
+        content: [
+          {
+            body: 'message-3-1',
+            contentType: 'text',
+          },
+        ],
         parent: '2-1',
         children: [],
         sibling: ['3-1', '3-2'],
@@ -1020,30 +1186,36 @@ describe('convertMessageMapToArray', () => {
       '1': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-1',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-1',
+          },
+        ],
         parent: null,
         children: ['2'],
       },
       '2': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-2',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-2',
+          },
+        ],
         parent: 'dummy',
         children: ['3'],
       },
       '3': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-3',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-3',
+          },
+        ],
         parent: '2',
         children: [],
       },
@@ -1053,10 +1225,12 @@ describe('convertMessageMapToArray', () => {
         id: '2',
         role: 'user',
         model: 'claude-v2',
-        content: {
-          body: 'message-2',
-          contentType: 'text',
-        },
+        content: [
+          {
+            body: 'message-2',
+            contentType: 'text',
+          },
+        ],
         parent: null,
         children: ['3'],
         sibling: ['2'],
@@ -1065,10 +1239,12 @@ describe('convertMessageMapToArray', () => {
         id: '3',
         role: 'user',
         model: 'claude-v2',
-        content: {
-          body: 'message-3',
-          contentType: 'text',
-        },
+        content: [
+          {
+            body: 'message-3',
+            contentType: 'text',
+          },
+        ],
         parent: '2',
         children: [],
         sibling: ['3'],
@@ -1084,30 +1260,36 @@ describe('convertMessageMapToArray', () => {
       '1': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-1',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-1',
+          },
+        ],
         parent: null,
         children: ['2'],
       },
       '2': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-2',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-2',
+          },
+        ],
         parent: '1',
         children: ['4'],
       },
       '3': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-3',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-3',
+          },
+        ],
         parent: '2',
         children: [],
       },
@@ -1117,10 +1299,12 @@ describe('convertMessageMapToArray', () => {
         id: '1',
         role: 'user',
         model: 'claude-v2',
-        content: {
-          body: 'message-1',
-          contentType: 'text',
-        },
+        content: [
+          {
+            body: 'message-1',
+            contentType: 'text',
+          },
+        ],
         parent: null,
         children: ['2'],
         sibling: ['1'],
@@ -1129,10 +1313,12 @@ describe('convertMessageMapToArray', () => {
         id: '2',
         role: 'user',
         model: 'claude-v2',
-        content: {
-          body: 'message-2',
-          contentType: 'text',
-        },
+        content: [
+          {
+            body: 'message-2',
+            contentType: 'text',
+          },
+        ],
         parent: '1',
         children: [],
         sibling: ['2'],
@@ -1148,30 +1334,36 @@ describe('convertMessageMapToArray', () => {
       '1': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-1',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-1',
+          },
+        ],
         parent: null,
         children: ['3'],
       },
       '2': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-2',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-2',
+          },
+        ],
         parent: '3',
         children: ['3'],
       },
       '3': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-3',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-3',
+          },
+        ],
         parent: '2',
         children: [],
       },
@@ -1181,10 +1373,12 @@ describe('convertMessageMapToArray', () => {
         id: '2',
         role: 'user',
         model: 'claude-v2',
-        content: {
-          body: 'message-2',
-          contentType: 'text',
-        },
+        content: [
+          {
+            body: 'message-2',
+            contentType: 'text',
+          },
+        ],
         parent: null,
         children: ['3'],
         sibling: ['2'],
@@ -1193,10 +1387,12 @@ describe('convertMessageMapToArray', () => {
         id: '3',
         role: 'user',
         model: 'claude-v2',
-        content: {
-          body: 'message-3',
-          contentType: 'text',
-        },
+        content: [
+          {
+            body: 'message-3',
+            contentType: 'text',
+          },
+        ],
         parent: '2',
         children: [],
         sibling: ['3'],
@@ -1212,30 +1408,36 @@ describe('convertMessageMapToArray', () => {
       '1': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-1',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-1',
+          },
+        ],
         parent: null,
         children: ['2'],
       },
       '2': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-2',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-2',
+          },
+        ],
         parent: '1',
         children: ['1'],
       },
       '3': {
         role: 'user',
         model: 'claude-v2',
-        content: {
-          contentType: 'text',
-          body: 'message-3',
-        },
+        content: [
+          {
+            contentType: 'text',
+            body: 'message-3',
+          },
+        ],
         parent: '2',
         children: [],
       },
@@ -1245,10 +1447,12 @@ describe('convertMessageMapToArray', () => {
         id: '1',
         role: 'user',
         model: 'claude-v2',
-        content: {
-          body: 'message-1',
-          contentType: 'text',
-        },
+        content: [
+          {
+            body: 'message-1',
+            contentType: 'text',
+          },
+        ],
         parent: null,
         children: ['2'],
         sibling: ['1'],
@@ -1257,10 +1461,12 @@ describe('convertMessageMapToArray', () => {
         id: '2',
         role: 'user',
         model: 'claude-v2',
-        content: {
-          body: 'message-2',
-          contentType: 'text',
-        },
+        content: [
+          {
+            body: 'message-2',
+            contentType: 'text',
+          },
+        ],
         parent: '1',
         children: [],
         sibling: ['2'],