auto focus textarea.

README.md

@@ -1,3 +1,12 @@
+# Valet
+
+run `npm run build` and cd into build folder and run `valet link ollama-webui`
+
+# Proxy setup for HTTP
+
+run `valet proxy ollama.test http://localhost:11434 --secure`  
+allow CORS with `launchctl setenv OLLAMA_ORIGINS "https://ollama.test"` restart app
+
 # Ollama Web UI Lite 🦙
 
 Ollama Web UI Lite is a streamlined version of [Ollama Web UI](https://github.com/ollama-webui/ollama-webui), designed to offer a simplified user interface with minimal features and reduced complexity. The primary focus of this project is on achieving cleaner code through a full TypeScript migration, adopting a more modular architecture, ensuring comprehensive test coverage, and implementing a robust CI/CD pipeline.
@@ -20,7 +29,7 @@ We are committed to maintaining this repository and progressively working throug
 
 Before proceeding with the installation, ensure that you have the following prerequisites:
 
-- Ollama (see [here](https://ollama.ai/)) running at http://localhost:11434/api. 
+- Ollama (see [here](https://ollama.ai/)) running at http://localhost:11434/api.
 - Node.js
 - npm
 

package.json

@@ -3,7 +3,7 @@
 	"version": "0.0.1",
 	"private": true,
 	"scripts": {
-		"dev": "vite dev --host --port 3000",
+		"dev": "vite dev --host --port 3100",
 		"build": "vite build",
 		"fmt": "npm run prettier:svelte && npm run prettier",
 		"prettier:svelte": "npx -p prettier@2 -- prettier --plugin-search-dir . --write .",

src/app.html

@@ -4,7 +4,15 @@
 		<meta charset="utf-8" />
 		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
 		<link rel="manifest" href="%sveltekit.assets%/manifest.json" />
-		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+		<meta
+			name="viewport"
+			content="initial-scale=1, viewport-fit=cover, width=device-width, user-scalable=no, viewport-fit=cover"
+		/>
+		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+		<meta name="theme-color" content="#343541" />
+		<meta name="color-scheme" content="light" />
+		<link rel="apple-touch-icon" sizes="256x256" href="%sveltekit.assets%/favicon.png" />
+		<meta name="apple-mobile-web-app-capable" content="yes" />
 		<script>
 			// On page load or when changing themes, best to add inline in `head` to avoid FOUC
 			if (

src/lib/components/chat/MessageInput.svelte

@@ -46,6 +46,7 @@
 				>
 					<div class=" flex">
 						<textarea
+							autofocus
 							id="chat-textarea"
 							class=" dark:bg-gray-800 dark:text-gray-100 outline-none w-full py-3 px-2 pl-4 rounded-xl resize-none"
 							placeholder="Send a message"

src/lib/components/layout/Sidebar.svelte

@@ -25,7 +25,7 @@
 
 	onMount(async () => {
 		if (window.innerWidth > 1280) {
-			show = true;
+			show = false;
 		}
 
 		await chats.set(await $db.getChats());