diff --git a/backend/apps/webui/routers/chats.py b/backend/apps/webui/routers/chats.py
index 5d52f40c9..e7d176fd2 100644
--- a/backend/apps/webui/routers/chats.py
+++ b/backend/apps/webui/routers/chats.py
@@ -288,6 +288,32 @@ async def delete_chat_by_id(request: Request, id: str, user=Depends(get_current_
return result
+############################
+# CloneChat
+############################
+
+
+@router.get("/{id}/clone", response_model=Optional[ChatResponse])
+async def clone_chat_by_id(id: str, user=Depends(get_current_user)):
+ chat = Chats.get_chat_by_id_and_user_id(id, user.id)
+ if chat:
+
+ chat_body = json.loads(chat.chat)
+ updated_chat = {
+ **chat_body,
+ "originalChatId": chat.id,
+ "branchPointMessageId": chat_body["history"]["currentId"],
+ "title": f"Clone of {chat.title}",
+ }
+
+ chat = Chats.insert_new_chat(user.id, ChatForm(**{"chat": updated_chat}))
+ return ChatResponse(**{**chat.model_dump(), "chat": json.loads(chat.chat)})
+ else:
+ raise HTTPException(
+ status_code=status.HTTP_401_UNAUTHORIZED, detail=ERROR_MESSAGES.DEFAULT()
+ )
+
+
############################
# ArchiveChat
############################
diff --git a/src/lib/apis/chats/index.ts b/src/lib/apis/chats/index.ts
index 834e29d29..648e3580e 100644
--- a/src/lib/apis/chats/index.ts
+++ b/src/lib/apis/chats/index.ts
@@ -325,6 +325,44 @@ export const getChatByShareId = async (token: string, share_id: string) => {
return res;
};
+export const cloneChatById = async (token: string, id: string) => {
+ let error = null;
+
+ const res = await fetch(`${WEBUI_API_BASE_URL}/chats/${id}/clone`, {
+ method: 'GET',
+ headers: {
+ Accept: 'application/json',
+ 'Content-Type': 'application/json',
+ ...(token && { authorization: `Bearer ${token}` })
+ }
+ })
+ .then(async (res) => {
+ if (!res.ok) throw await res.json();
+ return res.json();
+ })
+ .then((json) => {
+ return json;
+ })
+ .catch((err) => {
+ error = err;
+
+ if ('detail' in err) {
+ error = err.detail;
+ } else {
+ error = err;
+ }
+
+ console.log(err);
+ return null;
+ });
+
+ if (error) {
+ throw error;
+ }
+
+ return res;
+};
+
export const shareChatById = async (token: string, id: string) => {
let error = null;
diff --git a/src/lib/components/icons/DocumentDuplicate.svelte b/src/lib/components/icons/DocumentDuplicate.svelte
new file mode 100644
index 000000000..a208fefc8
--- /dev/null
+++ b/src/lib/components/icons/DocumentDuplicate.svelte
@@ -0,0 +1,19 @@
+
+
+
diff --git a/src/lib/components/layout/Sidebar.svelte b/src/lib/components/layout/Sidebar.svelte
index c746e343a..0bf00e472 100644
--- a/src/lib/components/layout/Sidebar.svelte
+++ b/src/lib/components/layout/Sidebar.svelte
@@ -22,7 +22,8 @@
getChatListByTagName,
updateChatById,
getAllChatTags,
- archiveChatById
+ archiveChatById,
+ cloneChatById
} from '$lib/apis/chats';
import { toast } from 'svelte-sonner';
import { fade, slide } from 'svelte/transition';
@@ -182,6 +183,18 @@
}
};
+ const cloneChatHandler = async (id) => {
+ const res = await cloneChatById(localStorage.token, id).catch((error) => {
+ toast.error(error);
+ return null;
+ });
+
+ if (res) {
+ goto(`/c/${res.id}`);
+ await chats.set(await getChatList(localStorage.token));
+ }
+ };
+
const saveSettings = async (updated) => {
await settings.set({ ...$settings, ...updated });
await updateUserSettings(localStorage.token, { ui: $settings });
@@ -601,6 +614,9 @@
{
+ cloneChatHandler(chat.id);
+ }}
shareHandler={() => {
shareChatId = selectedChatId;
showShareChatModal = true;
diff --git a/src/lib/components/layout/Sidebar/ChatMenu.svelte b/src/lib/components/layout/Sidebar/ChatMenu.svelte
index a47502a41..db264f352 100644
--- a/src/lib/components/layout/Sidebar/ChatMenu.svelte
+++ b/src/lib/components/layout/Sidebar/ChatMenu.svelte
@@ -10,10 +10,12 @@
import Tags from '$lib/components/chat/Tags.svelte';
import Share from '$lib/components/icons/Share.svelte';
import ArchiveBox from '$lib/components/icons/ArchiveBox.svelte';
+ import DocumentDuplicate from '$lib/components/icons/DocumentDuplicate.svelte';
const i18n = getContext('i18n');
export let shareHandler: Function;
+ export let cloneChatHandler: Function;
export let archiveChatHandler: Function;
export let renameHandler: Function;
export let deleteHandler: Function;
@@ -38,22 +40,12 @@
- {
- shareHandler();
- }}
- >
-
- {$i18n.t('Share')}
-
-
{
@@ -64,6 +56,16 @@
{$i18n.t('Rename')}
+ {
+ cloneChatHandler();
+ }}
+ >
+
+ {$i18n.t('Clone')}
+
+
{
@@ -74,6 +76,16 @@
{$i18n.t('Archive')}
+ {
+ shareHandler();
+ }}
+ >
+
+ {$i18n.t('Share')}
+
+
{
diff --git a/src/lib/components/workspace/Models/ModelMenu.svelte b/src/lib/components/workspace/Models/ModelMenu.svelte
index 364893229..bde54e709 100644
--- a/src/lib/components/workspace/Models/ModelMenu.svelte
+++ b/src/lib/components/workspace/Models/ModelMenu.svelte
@@ -10,6 +10,7 @@
import Tags from '$lib/components/chat/Tags.svelte';
import Share from '$lib/components/icons/Share.svelte';
import ArchiveBox from '$lib/components/icons/ArchiveBox.svelte';
+ import DocumentDuplicate from '$lib/components/icons/DocumentDuplicate.svelte';
const i18n = getContext('i18n');
@@ -60,20 +61,7 @@
cloneHandler();
}}
>
-
+
{$i18n.t('Clone')}