open-webui/open-webui

class="w-full text-sm bg-transparent disabled:text-gray-500 dark:disabled:text-gray-500 outline-hidden focus:outline-2 focus:outline-offset-2 focus:outline-black dark:focus:outline-white"

<div
	role="status"
	aria-live="polite"
	tabindex="0"
	class="group relative flex gap-2.5 text-left min-w-[var(--width)] w-full dark:bg-gray-850 dark:text-white bg-white text-black border border-gray-100 dark:border-gray-800 rounded-3xl px-4 py-3.5 cursor-pointer select-none"
	on:dragstart|preventDefault
	on:pointerdown={onPointerDown}
	on:pointermove={onPointerMove}
	on:pointerup={onPointerUp}
	on:pointercancel={() => (moved = true)}
	on:keydown={(e) => {
		if (e.key === 'Enter' || e.key === ' ') {
			e.preventDefault();
			clickHandler();
		}
	}}
>

<button
	aria-label="Home"
	aria-current={selected === 'home' ? 'page' : undefined}
	class=" cursor-pointer {selected === 'home' ? 'rounded-2xl' : 'rounded-full'}"
	on:click={() => {
		selected = 'home';

		if (window.electronAPI) {
			window.electronAPI.load('home');
		}
	}}
>

<div id="import-url-label" class=" mb-1 text-xs text-gray-500">{$i18n.t('URL')}</div>

<div class="flex-1">
	<input
		aria-labelledby="import-url-label"
		class="w-full text-sm bg-transparent disabled:text-gray-500 dark:disabled:text-gray-500 outline-hidden"
		type="url"
		bind:value={url}
		placeholder={$i18n.t('Enter the URL to import')}
		required
	/>

class="absolute -top-0.5 -left-0.5 p-0.5 rounded-full opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 focus:opacity-100 bg-gray-50 dark:bg-gray-800 hover:bg-gray-100 dark:hover:bg-gray-700 text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200 transition-opacity z-10"

{#if !prefersReducedMotion}
	<video
		bind:this={videoElement}
		class="absolute inset-0 h-full w-full object-cover"
		src="/assets/welcome.mp4"
		autoplay
		muted
		loop
		playsinline
		preload="auto"
		poster="/assets/welcome.webp"
		aria-hidden="true"
	></video>
{:else}
	<img src="/assets/welcome.webp" class="absolute inset-0 h-full w-full object-cover" alt="" aria-hidden="true" />
{/if}