Login on focus (#1969)

* login on focus too

* fix: fetch url logs

* fix: fetch url logs

* include the dropdown

* lint

---------

Co-authored-by: rtrm <remy.trompier@gmail.com>

Dockerfile

@@ -90,4 +90,6 @@ ENV BODY_SIZE_LIMIT=15728640
 COPY --from=builder --chown=1000 /app/build /app/build
 COPY --from=builder --chown=1000 /app/node_modules /app/node_modules
 
+RUN apt -y update && apt-get install -y curl dnsutils
+
 CMD ["/bin/bash", "-c", "/app/entrypoint.sh"]

src/lib/components/chat/ChatInput.svelte

@@ -25,6 +25,7 @@
 		toggleServer,
 	} from "$lib/stores/mcpServers";
 	import { getMcpServerFaviconUrl } from "$lib/utils/favicon";
+	import { page } from "$app/state";
 
 	interface Props {
 		files?: File[];
@@ -76,6 +77,7 @@
 	let fileInputEl: HTMLInputElement | undefined = $state();
 	let isUrlModalOpen = $state(false);
 	let isMcpManagerOpen = $state(false);
+	let isDropdownOpen = $state(false);
 
 	function openPickerWithAccept(accept: string) {
 		if (!fileInputEl) return;
@@ -107,6 +109,7 @@
 			: Promise.resolve();
 
 	async function focusTextarea() {
+		if (page.data.shared && page.data.loginEnabled && !page.data.user) return;
 		if (!textareaElement || textareaElement.disabled || isVirtualKeyboard()) return;
 		if (typeof document !== "undefined" && document.activeElement === textareaElement) return;
 
@@ -177,6 +180,9 @@
 	}
 
 	function handleFocus() {
+		if (requireAuthUser()) {
+			return;
+		}
 		if (blurTimeout) {
 			clearTimeout(blurTimeout);
 			blurTimeout = null;
@@ -251,7 +257,16 @@
 						accept={mimeTypes.join(",")}
 					/>
 
-					<DropdownMenu.Root>
+					<DropdownMenu.Root
+						bind:open={isDropdownOpen}
+						onOpenChange={(open) => {
+							if (open && requireAuthUser()) {
+								isDropdownOpen = false;
+								return;
+							}
+							isDropdownOpen = open;
+						}}
+					>
 						<DropdownMenu.Trigger
 							class="btn size-7 rounded-full border bg-white text-black shadow transition-none enabled:hover:bg-white enabled:hover:shadow-inner dark:border-transparent dark:bg-gray-600/50 dark:text-white dark:hover:enabled:bg-gray-600"
 							disabled={loading}

src/lib/components/chat/UrlFetchModal.svelte

@@ -82,8 +82,7 @@
 				const txt = await res.text();
 				throw new Error(txt || `Failed to fetch (${res.status})`);
 			}
-			const forwardedType =
-				res.headers.get("x-forwarded-content-type");
+			const forwardedType = res.headers.get("x-forwarded-content-type");
 			const blob = await res.blob();
 			const mimeType = pickSafeMime(forwardedType, blob.type, trimmed);
 			// Optional client-side mime filter (same wildcard semantics as dropzone)

src/lib/utils/loadAttachmentsFromUrls.ts

@@ -91,8 +91,7 @@ export async function loadAttachmentsFromUrls(
 					return;
 				}
 
-				const forwardedType =
-					response.headers.get("x-forwarded-content-type");
+				const forwardedType = response.headers.get("x-forwarded-content-type");
 				const blob = await response.blob();
 				const mimeType = pickSafeMime(forwardedType, blob.type, url);
 				const contentDisposition = response.headers.get("content-disposition");