docs: update README and landing page with new features and AI screenshot

- Add AI Assistant, No Password Prompts, Real-time Logs feature cards
- Update DNS Management description for dnsmasq/hosts support
- Add aichat.png screenshot to both README and docs page
- Mark completed roadmap items (AI, password-free, auto DNS)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: unkownpr

README.md

@@ -41,11 +41,12 @@ Manage **PHP**, **Nginx**, **MariaDB**, **SSL certificates**, and **DNS** from o
 ## Features
 
 - **Multi-version PHP** — Install and run PHP 8.1, 8.2, 8.3, and 8.4 side-by-side. Switch versions per site. Manage extensions and `php.ini` from the UI.
-- **Nginx Web Server** — Auto-configured virtual hosts, SSL support, and phpMyAdmin integration out of the box.
+- **Nginx Web Server** — Auto-configured virtual hosts, SSL support, and phpMyAdmin integration out of the box. Runs on port 8080 — no password prompts.
 - **MariaDB Database** — One-click install, initialize, and manage databases. Comes with phpMyAdmin for visual database management.
 - **Site Management** — Create `.test` domains with a single click. Each site gets its own Nginx config, PHP version, and optional SSL. Built-in templates for **WordPress**, **Laravel**, and **Fat-Free Framework** to scaffold projects instantly.
 - **SSL Certificates** — Auto-generate trusted local SSL certificates via [mkcert](https://github.com/FiloSottile/mkcert). HTTPS just works.
-- **DNS Management** — Automatic `/etc/hosts` management so your `.test` domains resolve instantly.
+- **DNS Management** — Automatic DNS resolution via dnsmasq (macOS) or `/etc/hosts` (Windows). Your `.test` domains resolve instantly with zero manual configuration.
+- **AI Assistant** — Built-in AI chat powered by [OpenRouter](https://openrouter.ai). Ask it to start services, create sites, write files, and more — with tool calling support.
 - **Real-time Logs** — Tail Nginx access/error logs and PHP-FPM logs live from the dashboard.
 - **Lightweight & Native** — Built with Tauri 2.0, the app is under 15 MB. No Electron, no bundled Chromium, no bloat.
 
@@ -61,12 +62,12 @@ Manage **PHP**, **Nginx**, **MariaDB**, **SSL certificates**, and **DNS** from o
     <td><img src="screenshots/php-management.png" width="450" alt="PHP Management"></td>
   </tr>
   <tr>
+    <td align="center"><strong>AI Assistant</strong></td>
     <td align="center"><strong>Settings</strong></td>
-    <td></td>
   </tr>
   <tr>
+    <td><img src="screenshots/aichat.png" width="450" alt="AI Assistant"></td>
     <td><img src="screenshots/settings.png" width="450" alt="Settings"></td>
-    <td></td>
   </tr>
 </table>
 
@@ -180,6 +181,9 @@ The Rust backend hot-reloads on save. The React frontend uses Vite HMR.
 - [x] Site templates (Laravel, WordPress, Fat-Free Framework)
 - [ ] Import/export environment configurations
 - [x] Auto-update mechanism
+- [x] AI Assistant (OpenRouter integration with tool calling)
+- [x] Password-free operation (no sudo for start/stop)
+- [x] Auto DNS resolver (dnsmasq on macOS)
 
 ## License
 

docs/index.html

@@ -725,7 +725,28 @@ <h3>SSL Certificates</h3>
             <svg width="20" height="20" fill="none" viewBox="0 0 24 24" stroke="#fff" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"/></svg>
           </div>
           <h3>DNS Management</h3>
-          <p>Automatic /etc/hosts management so your .test domains resolve instantly. No more manual file editing.</p>
+          <p>Automatic DNS via dnsmasq (macOS) or hosts file (Windows). Your .test domains resolve instantly with zero configuration.</p>
+        </div>
+        <div class="feature-card">
+          <div class="feature-icon">
+            <svg width="20" height="20" fill="none" viewBox="0 0 24 24" stroke="#fff" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M8 10h.01M12 10h.01M16 10h.01M9 16H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-5l-5 5v-5z"/></svg>
+          </div>
+          <h3>AI Assistant</h3>
+          <p>Built-in AI chat via OpenRouter. Start services, create sites, write files, and manage your environment through natural language.</p>
+        </div>
+        <div class="feature-card">
+          <div class="feature-icon">
+            <svg width="20" height="20" fill="none" viewBox="0 0 24 24" stroke="#fff" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"/></svg>
+          </div>
+          <h3>No Password Prompts</h3>
+          <p>Nginx runs on port 8080 and dnsmasq on port 5353 — no sudo needed for daily operations. Start and stop services freely.</p>
+        </div>
+        <div class="feature-card">
+          <div class="feature-icon">
+            <svg width="20" height="20" fill="none" viewBox="0 0 24 24" stroke="#fff" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 17v-2m3 2v-4m3 4v-6m2 10H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/></svg>
+          </div>
+          <h3>Real-time Logs</h3>
+          <p>Tail Nginx access/error logs and PHP-FPM logs live from the dashboard. Debug issues without touching the terminal.</p>
         </div>
       </div>
     </div>
@@ -948,8 +969,10 @@ <h2>Screenshots</h2>
           <img src="https://raw.githubusercontent.com/unkownpr/lokcalDev/main/screenshots/php-management.png" alt="PHP Management" loading="lazy">
           <div class="caption">PHP Management</div>
         </div>
-      </div>
-      <div class="screenshot-single">
+        <div class="screenshot-card">
+          <img src="https://raw.githubusercontent.com/unkownpr/lokcalDev/main/screenshots/aichat.png" alt="AI Assistant" loading="lazy">
+          <div class="caption">AI Assistant</div>
+        </div>
         <div class="screenshot-card">
           <img src="https://raw.githubusercontent.com/unkownpr/lokcalDev/main/screenshots/settings.png" alt="Settings" loading="lazy">
           <div class="caption">Settings</div>