diff --git a/src/assets/locale/en/common.json b/src/assets/locale/en/common.json
index 47bcd67..fe6fae2 100644
--- a/src/assets/locale/en/common.json
+++ b/src/assets/locale/en/common.json
@@ -95,5 +95,6 @@
         "rephrase": "Rephrase",
         "translate": "Translate",
         "custom": "Custom"
-    }
+    },
+    "citations": "Citations"
 }
\ No newline at end of file
diff --git a/src/assets/locale/es/common.json b/src/assets/locale/es/common.json
index 9f1950c..37378d6 100644
--- a/src/assets/locale/es/common.json
+++ b/src/assets/locale/es/common.json
@@ -94,5 +94,6 @@
         "explain": "Explicar",
         "rephrase": "Reformular",
         "translate": "Traducir"
-    }
+    },
+    "citations": "Citas"
 }
\ No newline at end of file
diff --git a/src/assets/locale/fa/common.json b/src/assets/locale/fa/common.json
index 3e9635b..7ea892f 100644
--- a/src/assets/locale/fa/common.json
+++ b/src/assets/locale/fa/common.json
@@ -88,5 +88,6 @@
             }
         },
         "advanced": "تنظیمات بیشتر مدل"
-    }
+    },
+    "citations": "منابع"
 }
\ No newline at end of file
diff --git a/src/assets/locale/fr/common.json b/src/assets/locale/fr/common.json
index 4833892..5300406 100644
--- a/src/assets/locale/fr/common.json
+++ b/src/assets/locale/fr/common.json
@@ -94,5 +94,6 @@
         "explain": "Expliquer",
         "rephrase": "Reformuler",
         "translate": "Traduire"
-    }
+    },
+    "citations": "Citations"
 }
\ No newline at end of file
diff --git a/src/assets/locale/it/common.json b/src/assets/locale/it/common.json
index e56b203..45f0dee 100644
--- a/src/assets/locale/it/common.json
+++ b/src/assets/locale/it/common.json
@@ -93,5 +93,6 @@
         "explain": "Spiegare",
         "rephrase": "Riformulare",
         "translate": "Tradurre"
-    }
+    },
+    "citations": "Citazioni"
 }
\ No newline at end of file
diff --git a/src/assets/locale/ja-JP/common.json b/src/assets/locale/ja-JP/common.json
index d65ca6d..254c40e 100644
--- a/src/assets/locale/ja-JP/common.json
+++ b/src/assets/locale/ja-JP/common.json
@@ -94,5 +94,6 @@
     "explain": "説明",
     "rephrase": "言い換え",
     "translate": "翻訳"
-  }
+  },
+  "citations": "引用"
 }
\ No newline at end of file
diff --git a/src/assets/locale/ml/common.json b/src/assets/locale/ml/common.json
index 5f03cbc..7e94f1a 100644
--- a/src/assets/locale/ml/common.json
+++ b/src/assets/locale/ml/common.json
@@ -93,5 +93,6 @@
         "explain": "വിശദീകരിക്കുക",
         "rephrase": "പുനഃരൂപീകരിക്കുക",
         "translate": "വിവർത്തനം ചെയ്യുക"
-    }
+    },
+    "citations": "ഉദ്ധരണികൾ"
 }
\ No newline at end of file
diff --git a/src/assets/locale/pt-BR/common.json b/src/assets/locale/pt-BR/common.json
index f9b3609..0fa9e3f 100644
--- a/src/assets/locale/pt-BR/common.json
+++ b/src/assets/locale/pt-BR/common.json
@@ -94,5 +94,6 @@
     "explain": "Explicar",
     "rephrase": "Reformular",
     "translate": "Traduzir"
-  }
+  },
+  "citations": "Citações"
 }
\ No newline at end of file
diff --git a/src/assets/locale/ru/common.json b/src/assets/locale/ru/common.json
index a4262fa..77d423b 100644
--- a/src/assets/locale/ru/common.json
+++ b/src/assets/locale/ru/common.json
@@ -93,5 +93,6 @@
         "explain": "Объяснить",
         "rephrase": "Перефразировать",
         "translate": "Перевести"
-    }
+    },
+    "citations": "Цитаты"
 }
\ No newline at end of file
diff --git a/src/assets/locale/zh/common.json b/src/assets/locale/zh/common.json
index badcec4..eda9d1b 100644
--- a/src/assets/locale/zh/common.json
+++ b/src/assets/locale/zh/common.json
@@ -94,5 +94,6 @@
         "explain": "解释",
         "rephrase": "重述",
         "translate": "翻译"
-    }
+    },
+    "citations": "引用"
 }
\ No newline at end of file
diff --git a/src/components/Common/Playground/Message.tsx b/src/components/Common/Playground/Message.tsx
index b21bbe1..268d0b6 100644
--- a/src/components/Common/Playground/Message.tsx
+++ b/src/components/Common/Playground/Message.tsx
@@ -1,6 +1,6 @@
 import Markdown from "../../Common/Markdown"
 import React from "react"
-import { Tag, Image, Tooltip } from "antd"
+import { Tag, Image, Tooltip, Collapse } from "antd"
 import { WebSearch } from "./WebSearch"
 import {
   CheckIcon,
@@ -127,15 +127,31 @@ export const PlaygroundMessage = (props: Props) => {
               )}
 
             {props.isBot && props?.sources && props?.sources.length > 0 && (
-              <div className="mb-3 flex flex-wrap gap-2">
-                {props?.sources?.map((source, index) => (
-                  <MessageSource
-                    onSourceClick={props.onSourceClick}
-                    key={index}
-                    source={source}
-                  />
-                ))}
-              </div>
+              <Collapse
+                className="mt-6"
+                ghost
+                items={[
+                  {
+                    key: "1",
+                    label: (
+                      <div className="italic text-gray-500 dark:text-gray-400">
+                        {t('citations')}
+                      </div>
+                    ),
+                    children: (
+                      <div className="mb-3 flex flex-wrap gap-2">
+                        {props?.sources?.map((source, index) => (
+                          <MessageSource
+                            onSourceClick={props.onSourceClick}
+                            key={index}
+                            source={source}
+                          />
+                        ))}
+                      </div>
+                    )
+                  }
+                ]}
+              />
             )}
             {!props.isProcessing && !editMode && (
               <div