enh: clone system models

Co-Authored-By: G30 <50341825+silentoplayz@users.noreply.github.com>

src/lib/components/admin/Settings/Models.svelte

@@ -38,6 +38,7 @@
 	import EyeSlash from '$lib/components/icons/EyeSlash.svelte';
 	import Eye from '$lib/components/icons/Eye.svelte';
 	import { WEBUI_API_BASE_URL, WEBUI_BASE_URL } from '$lib/constants';
+	import { goto } from '$app/navigation';
 
 	let shiftKey = false;
 
@@ -200,6 +201,16 @@
 		}
 	};
 
+	const cloneHandler = async (model) => {
+		sessionStorage.model = JSON.stringify({
+			...model,
+			base_model_id: model.id,
+			id: `${model.id}-clone`,
+			name: `${model.name} (Clone)`
+		});
+		goto('/workspace/models/create');
+	};
+
 	const exportModelHandler = async (model) => {
 		let blob = new Blob([JSON.stringify([model])], {
 			type: 'application/json'
@@ -419,6 +430,9 @@
 									copyLinkHandler={() => {
 										copyLinkHandler(model);
 									}}
+									cloneHandler={() => {
+										cloneHandler(model);
+									}}
 									onClose={() => {}}
 								>
 									<button

src/lib/components/admin/Settings/Models/ModelMenu.svelte

@@ -25,6 +25,7 @@
 	export let exportHandler: Function;
 	export let hideHandler: Function;
 	export let copyLinkHandler: Function;
+	export let cloneHandler: Function;
 
 	export let onClose: Function;
 
@@ -114,6 +115,17 @@
 				<div class="flex items-center">{$i18n.t('Copy Link')}</div>
 			</DropdownMenu.Item>
 
+			<DropdownMenu.Item
+				class="flex gap-2 items-center px-3 py-1.5 text-sm  font-medium cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800 rounded-md"
+				on:click={() => {
+					cloneHandler();
+				}}
+			>
+				<DocumentDuplicate />
+
+				<div class="flex items-center">{$i18n.t('Clone')}</div>
+			</DropdownMenu.Item>
+
 			<DropdownMenu.Item
 				class="flex gap-2 items-center px-3 py-1.5 text-sm  font-medium cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800 rounded-md"
 				on:click={() => {