Add npm script for Docker dev and improve UI feedback

- Add 'docker:dev' npm script for development Docker Compose setup
- Fix npm script naming consistency (build-css:prod)
- Update Docker Compose command to use modern 'docker compose' syntax
- Increase SEARCH_TERM_MIN_LENGTH to 3 in dev config
- Add warning/info emojis to search feedback messages

Author: codebude

docker-compose-dev.yml

@@ -8,5 +8,5 @@ services:
       - ./db.json:/data/db.json:ro
     environment:
       - SEARCH_HIGHLIGHT_LIMIT=10
-      - SEARCH_TERM_MIN_LENGTH=2
+      - SEARCH_TERM_MIN_LENGTH=3
     restart: unless-stopped

package.json

@@ -4,10 +4,11 @@
   "description": "A web interface for takeCode",
   "main": "index.js",
   "scripts": {
-    "build": "rm -f public/styles.css && npm run version:sync && npm run build-css-prod && echo '✅ Build completed successfully'",
+    "build": "rm -f public/styles.css && npm run version:sync && npm run build-css:prod && echo '✅ Build completed successfully'",
     "dev": "npm run build-css & cd public && python3 -m http.server 8000",
+    "docker:dev": "docker compose -f docker-compose-dev.yml up --build",
     "build-css": "tailwindcss -i ./src/input.css -o ./public/styles.css",
-    "build-css-prod": "tailwindcss -i ./src/input.css -o ./public/styles.css --minify",
+    "build-css:prod": "tailwindcss -i ./src/input.css -o ./public/styles.css --minify",
     "version:sync": "node -e \"const fs = require('fs'); const { execSync } = require('child_process'); const tag = execSync('git describe --tags --abbrev=0').toString().trim().replace(/^v/, ''); const pkg = JSON.parse(fs.readFileSync('package.json')); pkg.version = tag; fs.writeFileSync('package.json', JSON.stringify(pkg, null, 2) + '\\n'); console.log('Updated version to:', tag);\""
   },
   "devDependencies": {

public/js/app.js

@@ -251,7 +251,7 @@ document.addEventListener('DOMContentLoaded', () => {
             }));
 
             // Show message about minimum length
-            searchInfoBar.innerHTML = `Search term too short (minimum ${minLength} characters)`;
+            searchInfoBar.innerHTML = `⚠️ Search term too short (minimum ${minLength} characters)`;
             searchInfoBar.classList.remove('hidden');
         } else {
             // Filter snippets and determine which tab should be active
@@ -332,7 +332,7 @@ document.addEventListener('DOMContentLoaded', () => {
                 });
             });
 
-            searchInfoBar.innerHTML = `${totalMatches} match${totalMatches !== 1 ? 'es' : ''} found in ${snippetCount} snippet${snippetCount !== 1 ? 's' : ''}`;
+            searchInfoBar.innerHTML = `ℹ️ ${totalMatches} match${totalMatches !== 1 ? 'es' : ''} found in ${snippetCount} snippet${snippetCount !== 1 ? 's' : ''}`;
             searchInfoBar.classList.remove('hidden');
         }