feat: add sidebar toggle to workspace and admin models pages (#20176)

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

@@ -13,8 +13,10 @@
 	import DocumentDuplicate from '$lib/components/icons/DocumentDuplicate.svelte';
 	import Download from '$lib/components/icons/Download.svelte';
 	import ArrowUpCircle from '$lib/components/icons/ArrowUpCircle.svelte';
+	import Pin from '$lib/components/icons/Pin.svelte';
+	import PinSlash from '$lib/components/icons/PinSlash.svelte';
 
-	import { config } from '$lib/stores';
+	import { config, settings } from '$lib/stores';
 	import Link from '$lib/components/icons/Link.svelte';
 
 	const i18n = getContext('i18n');
@@ -24,6 +26,7 @@
 
 	export let exportHandler: Function;
 	export let hideHandler: Function;
+	export let pinModelHandler: Function;
 	export let copyLinkHandler: Function;
 	export let cloneHandler: Function;
 
@@ -104,6 +107,27 @@
 				</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={() => {
+					pinModelHandler(model?.id);
+				}}
+			>
+				{#if ($settings?.pinnedModels ?? []).includes(model?.id)}
+					<PinSlash />
+				{:else}
+					<Pin />
+				{/if}
+
+				<div class="flex items-center">
+					{#if ($settings?.pinnedModels ?? []).includes(model?.id)}
+						{$i18n.t('Hide from Sidebar')}
+					{:else}
+						{$i18n.t('Keep in Sidebar')}
+					{/if}
+				</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={() => {