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

src/lib/components/workspace/Models.svelte

@@ -24,6 +24,7 @@
 
 	import { getModels } from '$lib/apis';
 	import { getGroups } from '$lib/apis/groups';
+	import { updateUserSettings } from '$lib/apis/users';
 
 	import { capitalizeFirstLetter, copyToClipboard } from '$lib/utils';
 
@@ -215,6 +216,19 @@
 		saveAs(blob, `${model.id}-${Date.now()}.json`);
 	};
 
+	const pinModelHandler = async (modelId) => {
+		let pinnedModels = $settings?.pinnedModels ?? [];
+
+		if (pinnedModels.includes(modelId)) {
+			pinnedModels = pinnedModels.filter((id) => id !== modelId);
+		} else {
+			pinnedModels = [...new Set([...pinnedModels, modelId])];
+		}
+
+		settings.set({ ...$settings, pinnedModels: pinnedModels });
+		await updateUserSettings(localStorage.token, { ui: $settings });
+	};
+
 	onMount(async () => {
 		viewOption = localStorage.workspaceViewOption ?? '';
 		page = 1;
@@ -547,6 +561,9 @@
 																		hideHandler={() => {
 																			hideModelHandler(model);
 																		}}
+																		pinModelHandler={() => {
+																			pinModelHandler(model.id);
+																		}}
 																		copyLinkHandler={() => {
 																			copyLinkHandler(model);
 																		}}