refac

src/lib/components/chat/Placeholder.svelte

@@ -74,8 +74,14 @@
 
 	$: models = selectedModels.map((id) => $_models.find((m) => m.id === id));
 
-	// True when viewing a shared folder the current user doesn't own
-	$: folderReadOnly = $selectedFolder != null && $selectedFolder.user_id !== $user?.id;
+	// True when viewing a shared folder the current user doesn't own AND lacks write access
+	$: folderReadOnly =
+		$selectedFolder != null &&
+		$selectedFolder.user_id !== $user?.id &&
+		$selectedFolder.permission !== 'write';
+
+	// True when the current user does NOT own this folder (hide management menus)
+	$: folderNotOwned = $selectedFolder != null && $selectedFolder.user_id !== $user?.id;
 </script>
 
 <div class="m-auto w-full max-w-6xl px-2 @2xl:px-20 translate-y-6 py-24 text-center">
@@ -97,19 +103,19 @@
 		<div class="w-full flex flex-col justify-center items-center">
 			{#if $selectedFolder}
 				<FolderTitle
-				folder={$selectedFolder}
-				readOnly={folderReadOnly}
-				onUpdate={async (folder) => {
-					await chats.set(await getChatList(localStorage.token, $currentChatPage));
-					currentChatPage.set(1);
-				}}
-				onDelete={async () => {
-					await chats.set(await getChatList(localStorage.token, $currentChatPage));
-					currentChatPage.set(1);
+					folder={$selectedFolder}
+					readOnly={folderNotOwned}
+					onUpdate={async (folder) => {
+						await chats.set(await getChatList(localStorage.token, $currentChatPage));
+						currentChatPage.set(1);
+					}}
+					onDelete={async () => {
+						await chats.set(await getChatList(localStorage.token, $currentChatPage));
+						currentChatPage.set(1);
 
-					selectedFolder.set(null);
-				}}
-			/>
+						selectedFolder.set(null);
+					}}
+				/>
 			{:else}
 				<div class="flex flex-row justify-center gap-2.5 @sm:gap-3 w-fit px-5 max-w-xl">
 					<div class="flex shrink-0 justify-center">