From de3a25cc656879f6edb069eb799bb82cef90f6f2 Mon Sep 17 00:00:00 2001
From: Tatsu723 <hiro723moto@gmail.com>
Date: Fri, 22 Aug 2025 09:47:32 +0900
Subject: [PATCH 1/2] =?UTF-8?q?AI=E8=A7=A3=E7=AD=94=E3=81=AEmarkdown?=
 =?UTF-8?q?=E5=BD=A2=E5=BC=8F=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/[docs_id]/chatForm.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/[docs_id]/chatForm.tsx b/app/[docs_id]/chatForm.tsx
index de56ece..6a451f1 100644
--- a/app/[docs_id]/chatForm.tsx
+++ b/app/[docs_id]/chatForm.tsx
@@ -2,6 +2,7 @@
 
 import { useState, FormEvent } from "react";
 import { askAI } from "@/app/actions/chatActions";
+import { StyledMarkdown } from "./markdown";
 
 export function ChatForm({ documentContent }: { documentContent: string }) {
   const [inputValue, setInputValue] = useState("");
@@ -82,8 +83,8 @@ export function ChatForm({ documentContent }: { documentContent: string }) {
         <article>
           <h3 className="text-lg font-semibold mb-2">AIの回答</h3>
           <div className="chat chat-start">
-            <div className="chat-bubble chat-bubble-primary">
-              <div className="response-container">{response}</div>
+            <div className="chat-bubble bg-secondary-content text-black" style={{maxWidth: "100%", wordBreak: "break-word"}}>
+              <div className="response-container"><StyledMarkdown content={response}/></div>
             </div>
           </div>
         </article>

From 18138d368f01565763a155eda00a08dd6be805bb Mon Sep 17 00:00:00 2001
From: Tatsu723 <hiro723moto@gmail.com>
Date: Fri, 22 Aug 2025 18:23:19 +0900
Subject: [PATCH 2/2] =?UTF-8?q?=E3=83=87=E3=82=B6=E3=82=A4=E3=83=B3?=
 =?UTF-8?q?=E3=81=AE=E5=86=8D=E8=AA=BF=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/[docs_id]/chatForm.tsx | 4 ++--
 app/[docs_id]/markdown.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/[docs_id]/chatForm.tsx b/app/[docs_id]/chatForm.tsx
index 6a451f1..53c6e23 100644
--- a/app/[docs_id]/chatForm.tsx
+++ b/app/[docs_id]/chatForm.tsx
@@ -31,7 +31,7 @@ export function ChatForm({ documentContent }: { documentContent: string }) {
   return (
     <>
       {isFormVisible && (
-      <form className="border border-2 border-primary shadow-xl p-6 rounded-lg bg-base-100" style={{width:"100%", textAlign:"center", boxShadow:"-moz-initial"}} onSubmit={handleSubmit}>
+      <form className="border border-2 border-secondary shadow-xl p-6 rounded-lg bg-base-100" style={{width:"100%", textAlign:"center", boxShadow:"-moz-initial"}} onSubmit={handleSubmit}>
           <h2 className="text-xl font-bold mb-4 text-left relative -top-2 font-mono h-2">
             AIへ質問
           </h2>
@@ -59,7 +59,7 @@ export function ChatForm({ documentContent }: { documentContent: string }) {
             <div className="right-controls">
               <button
                 type="submit"
-                className="btn btn-soft btn-circle btn-primary rounded-full"
+                className="btn btn-soft btn-circle btn-accent border-2 border-accent rounded-full"
                 title="送信"
               style={{marginTop:"10px"}}
                 disabled={isLoading}
diff --git a/app/[docs_id]/markdown.tsx b/app/[docs_id]/markdown.tsx
index 55aec9f..303b66e 100644
--- a/app/[docs_id]/markdown.tsx
+++ b/app/[docs_id]/markdown.tsx
@@ -118,7 +118,7 @@ const components: Components = {
       // inline
       return (
         <code
-          className="bg-base-200 border border-base-300 px-1 py-0.5 rounded text-sm "
+          className="bg-base-200/60 border border-base-300 px-1 py-0.5 rounded text-sm "
           {...props}
         />
       );