feat: add setting option to disable content pasting

scripts/populate.ts

@@ -150,9 +150,9 @@ async function seed() {
 				createdAt: faker.date.recent({ days: 30 }),
 				updatedAt: faker.date.recent({ days: 30 }),
 				disableStream: faker.datatype.boolean(0.25),
+				directPaste: faker.datatype.boolean(0.25),
 				customPrompts: {},
 				assistants: [],
-				disableStream: faker.datatype.boolean(0.25),
 			};
 			await collections.settings.updateOne(
 				{ userId: user._id },

src/lib/components/chat/ChatWindow.svelte

@@ -92,7 +92,7 @@
 	const onPaste = (e: ClipboardEvent) => {
 		const textContent = e.clipboardData?.getData("text");
 
-		if (textContent && textContent.length > 256) {
+		if (!$settings.directPaste && textContent && textContent.length > 256) {
 			e.preventDefault();
 			pastedLongContent = true;
 			setTimeout(() => {

src/lib/stores/settings.ts

@@ -17,6 +17,7 @@ type SettingsStore = {
 	assistants: Array<ObjectId | string>;
 	tools?: Array<string>;
 	disableStream: boolean;
+	directPaste: boolean;
 };
 
 type SettingsStoreWritable = Writable<SettingsStore> & {

src/lib/types/Settings.ts

@@ -23,6 +23,7 @@ export interface Settings extends Timestamps {
 	assistants?: Assistant["_id"][];
 	tools?: string[];
 	disableStream: boolean;
+	directPaste: boolean;
 }
 
 export type SettingsEditable = Omit<Settings, "ethicsModalAcceptedAt" | "createdAt" | "updatedAt">;
@@ -35,4 +36,5 @@ export const DEFAULT_SETTINGS = {
 	assistants: [],
 	tools: [],
 	disableStream: false,
+	directPaste: false,
 } satisfies SettingsEditable;

src/routes/+layout.server.ts

@@ -174,6 +174,7 @@ export const load: LayoutServerLoad = async ({ locals, depends }) => {
 					.filter((el) => !el.isHidden && el.isOnByDefault)
 					.map((el) => el._id.toString()),
 			disableStream: settings?.disableStream ?? DEFAULT_SETTINGS.disableStream,
+			directPaste: settings?.directPaste ?? DEFAULT_SETTINGS.directPaste,
 		},
 		models: models.map((model) => ({
 			id: model.id,

src/routes/settings/(nav)/+page.svelte

@@ -25,7 +25,7 @@
 			>
 		</span>
 	</div>
-	<div class="flex h-full flex-col gap-2 max-sm:pt-0">
+	<div class="flex h-full max-w-2xl flex-col gap-2 max-sm:pt-0">
 		{#if envPublic.PUBLIC_APP_DATA_SHARING === "1"}
 			<!-- svelte-ignore a11y-label-has-associated-control -->
 			<label class="flex items-center">
@@ -45,19 +45,34 @@
 		<!-- svelte-ignore a11y-label-has-associated-control -->
 		<label class="mt-6 flex items-center">
 			<Switch name="hideEmojiOnSidebar" bind:checked={$settings.hideEmojiOnSidebar} />
-			<div class="inline cursor-pointer select-none items-center gap-2 pl-2">
+			<div class="inline cursor-pointer select-none items-center gap-2 pl-2 font-semibold">
 				Hide emoticons in conversation topics
+				<p class="text-sm font-normal text-gray-500">
+					Emoticons are shown in the sidebar by default, enable this to hide them.
+				</p>
 			</div>
 		</label>
 
 		<!-- svelte-ignore a11y-label-has-associated-control -->
 		<label class="mt-6 flex items-center">
 			<Switch name="disableStream" bind:checked={$settings.disableStream} />
-			<div class="inline cursor-pointer select-none items-center gap-2 pl-2">
+			<div class="inline cursor-pointer select-none items-center gap-2 pl-2 font-semibold">
 				Disable streaming tokens
 			</div>
 		</label>
 
+		<!-- svelte-ignore a11y-label-has-associated-control -->
+		<label class="mt-6 flex items-center">
+			<Switch name="directPaste" bind:checked={$settings.directPaste} />
+			<div class="inline cursor-pointer select-none items-center gap-2 pl-2 font-semibold">
+				Paste text directly into chat
+				<p class="text-sm font-normal text-gray-500">
+					By default, when pasting long text into the chat, we treat it as a plaintext file. Enable
+					this to paste directly into the chat instead.
+				</p>
+			</div>
+		</label>
+
 		<div class="mt-12 flex flex-col gap-3">
 			<a
 				href="https://huggingface.co/spaces/huggingchat/chat-ui/discussions"

src/routes/settings/(nav)/+server.ts

@@ -19,6 +19,7 @@ export async function POST({ request, locals }) {
 			customPrompts: z.record(z.string()).default({}),
 			tools: z.array(z.string()).optional(),
 			disableStream: z.boolean().default(false),
+			directPaste: z.boolean().default(false),
 		})
 		.parse(body) satisfies SettingsEditable;