Added delete confirmation dialogs for Prompts, Tools, and Functions.

src/lib/components/workspace/Functions.svelte

@@ -27,6 +27,7 @@
 	import ValvesModal from './common/ValvesModal.svelte';
 	import ManifestModal from './common/ManifestModal.svelte';
 	import Heart from '../icons/Heart.svelte';
+	import DeleteConfirmDialog from '$lib/components/common/ConfirmDialog.svelte';
 
 	const i18n = getContext('i18n');
 
@@ -40,6 +41,10 @@
 	let showValvesModal = false;
 	let selectedFunction = null;
 
+
+	let showDeleteConfirm = false;
+	let deleteFunction = null;
+
 	const shareHandler = async (tool) => {
 		console.log(tool);
 	};
@@ -245,8 +250,9 @@
 					exportHandler={() => {
 						exportHandler(func);
 					}}
-					deleteHandler={async () => {
-						deleteHandler(func);
+					deleteHandler={async () => {						
+						deleteFunction = func;
+						showDeleteConfirm = true;
 					}}
 					onClose={() => {}}
 				>
@@ -386,6 +392,18 @@
 	</a>
 </div>
 
+<DeleteConfirmDialog
+	bind:show={showDeleteConfirm}
+	title={$i18n.t('Delete function?')}
+	on:confirm={() => {
+		deleteHandler(deleteFunction);
+	}}
+>
+	<div class=" text-sm text-gray-500">
+		{$i18n.t('This will delete')} <span class="  font-semibold">{deleteFunction.name}</span>.
+	</div>
+</DeleteConfirmDialog>
+
 <ManifestModal bind:show={showManifestModal} manifest={selectedFunction?.meta?.manifest ?? {}} />
 <ValvesModal
 	bind:show={showValvesModal}