easy-devops 0.1.0

package/dashboard/views/partials/domains-panel.ejs

@@ -0,0 +1,66 @@
+<!-- Domains List Page -->
+<div v-show="page === 'domains'" class="max-w-6xl mx-auto">
+  <div class="flex items-center justify-between mb-2">
+    <h2 class="text-2xl font-bold">Domains</h2>
+    <button @click="toggleDomainForm()" class="btn btn-primary">
+      <svg v-if="!domains.showForm" class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4" />
+      </svg>
+      {{ domains.showForm ? 'Cancel' : 'Add Domain' }}
+    </button>
+  </div>
+  <p class="text-slate-400 mb-8">Nginx reverse proxy configurations</p>
+
+  <!-- Domain Form (included from domain-form.ejs) -->
+  <%- include('domain-form.ejs') %>
+
+  <!-- Domain List -->
+  <div v-if="domains.loading" class="text-slate-500">Loading...</div>
+  <div v-else-if="domains.list.length === 0" class="card p-12 text-center">
+    <p class="text-slate-500">No domains configured. Click "Add Domain" to get started.</p>
+  </div>
+  <div v-else class="card overflow-hidden">
+    <table class="data-table">
+      <thead>
+        <tr>
+          <th>Domain</th>
+          <th>Port</th>
+          <th>Type</th>
+          <th>SSL</th>
+          <th>Cert</th>
+          <th class="text-right">Actions</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr v-for="d in domains.list" :key="d.name">
+          <td class="font-mono font-medium">{{ d.name }}</td>
+          <td class="font-mono text-slate-400">:{{ d.port }}</td>
+          <td><span class="badge badge-neutral">{{ (d.upstreamType || 'http').toUpperCase() }}</span></td>
+          <td>
+            <span :class="d.ssl?.enabled ? 'badge badge-success' : 'badge badge-neutral'">
+              {{ d.ssl?.enabled ? 'HTTPS' : 'HTTP' }}
+            </span>
+          </td>
+          <td class="font-mono text-slate-400">
+            {{ d.daysLeft != null ? d.daysLeft + 'd' : '—' }}
+          </td>
+          <td class="text-right">
+            <div class="flex justify-end gap-2">
+              <button @click="editDomain(d.name)" class="btn btn-secondary btn-sm">Edit</button>
+              <button @click="reloadDomain(d.name)" class="btn btn-secondary btn-sm btn-icon" title="Reload">
+                <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" />
+                </svg>
+              </button>
+              <button @click="deleteDomain(d.name)" class="btn btn-danger btn-sm btn-icon" title="Delete">
+                <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />
+                </svg>
+              </button>
+            </div>
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+</div>

package/dashboard/views/partials/login.ejs

@@ -0,0 +1,50 @@
+<!-- Login Page -->
+<div v-if="!authenticated" class="min-h-screen flex items-center justify-center p-4">
+  <div class="w-full max-w-md">
+    <div class="text-center mb-10">
+      <div class="inline-flex items-center justify-center w-16 h-16 rounded-2xl bg-gradient-to-br from-brand-400 to-brand-600 mb-4">
+        <svg class="w-8 h-8 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z" />
+        </svg>
+      </div>
+      <h1 class="text-2xl font-bold text-white">Easy DevOps</h1>
+      <p class="text-slate-400 mt-2">Sign in to access your dashboard</p>
+    </div>
+
+    <div class="card p-8">
+      <div class="space-y-5">
+        <div class="input-group">
+          <input v-model="login.password" type="password" placeholder=" " @keyup.enter="doLogin" />
+          <label>Password</label>
+        </div>
+
+        <p v-if="login.error" class="text-red-400 text-sm flex items-center gap-2">
+          <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
+          </svg>
+          {{ login.error }}
+        </p>
+
+        <button @click="doLogin" :disabled="login.loading" class="btn btn-primary w-full">
+          <svg v-if="login.loading" class="w-4 h-4 animate-spin" fill="none" viewBox="0 0 24 24">
+            <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
+            <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"></path>
+          </svg>
+          {{ login.loading ? 'Signing in...' : 'Sign In' }}
+        </button>
+      </div>
+
+      <p class="text-center text-xs text-slate-500 mt-6">No password set? Leave blank and press Sign In.</p>
+    </div>
+
+    <button @click="toggleTheme" class="mx-auto mt-6 flex items-center gap-2 text-sm text-slate-500 hover:text-slate-300 transition">
+      <svg v-if="isDark" class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z" />
+      </svg>
+      <svg v-else class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z" />
+      </svg>
+      {{ isDark ? 'Light mode' : 'Dark mode' }}
+    </button>
+  </div>
+</div>

package/dashboard/views/partials/nginx-panel.ejs

@@ -0,0 +1,90 @@
+<!-- Nginx Page -->
+<div v-show="page === 'nginx'" class="max-w-6xl mx-auto">
+  <div class="flex items-center justify-between mb-2">
+    <h2 class="text-2xl font-bold">Nginx</h2>
+    <button @click="loadNginxStatus" class="btn btn-secondary btn-sm">
+      <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" />
+      </svg>
+      Refresh
+    </button>
+  </div>
+  <p class="text-slate-400 mb-8">Control, configure and monitor nginx</p>
+
+  <!-- Status Bar -->
+  <div class="card p-6 mb-6">
+    <div class="flex items-center justify-between flex-wrap gap-4">
+      <div class="flex items-center gap-4">
+        <span :class="nginx.status?.running ? 'status-dot online' : 'status-dot offline'" class="w-4 h-4"></span>
+        <div>
+          <span class="text-xl font-semibold">{{ nginx.status?.running ? 'Running' : 'Stopped' }}</span>
+          <span v-if="nginx.status?.version" class="text-slate-400 ml-2 font-mono text-sm">{{ nginx.status.version }}</span>
+        </div>
+      </div>
+      <div class="flex gap-2">
+        <button v-if="!nginx.status?.running" @click="nginxAction('start')" class="btn btn-primary">
+          <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z" />
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
+          </svg>
+          Start
+        </button>
+        <template v-else>
+          <button @click="nginxAction('reload')" class="btn btn-primary btn-sm">Reload</button>
+          <button @click="nginxAction('restart')" class="btn btn-secondary btn-sm">Restart</button>
+          <button @click="nginxAction('stop')" class="btn btn-danger btn-sm">Stop</button>
+        </template>
+        <button @click="nginxAction('test')" class="btn btn-secondary btn-sm">Test Config</button>
+      </div>
+    </div>
+
+    <div v-if="nginx.actionMsg" class="mt-4 p-4 rounded-xl bg-brand-500/10 border border-brand-500/20 text-brand-400 text-sm font-mono">
+      {{ nginx.actionMsg }}
+    </div>
+    <div v-if="nginx.actionError" class="mt-4 p-4 rounded-xl bg-red-500/10 border border-red-500/20 text-red-400 text-sm font-mono">
+      {{ nginx.actionError }}
+    </div>
+  </div>
+
+  <!-- Config Editor -->
+  <div class="card mb-6">
+    <div class="flex items-center justify-between p-4 border-b border-slate-800">
+      <h3 class="font-semibold">Config Editor</h3>
+      <div class="flex gap-2">
+        <select v-model="nginx.selectedConfig" @change="selectConfig(nginx.selectedConfig)" class="input-group bg-slate-800 border border-slate-700 rounded-lg px-3 py-2 text-sm font-mono focus:outline-none focus:ring-2 focus:ring-brand-500">
+          <option value="" disabled>Select file...</option>
+          <option v-for="c in nginx.configs" :key="c" :value="c">{{ c }}</option>
+        </select>
+        <button @click="saveNginxConfig" :disabled="!nginx.selectedConfig || nginx.configSaving" class="btn btn-primary btn-sm">
+          {{ nginx.configSaving ? 'Saving...' : 'Save' }}
+        </button>
+      </div>
+    </div>
+    <div class="p-4">
+      <textarea v-model="nginx.configContent" :disabled="!nginx.selectedConfig" rows="16"
+        class="w-full bg-slate-900 border border-slate-800 rounded-xl p-4 font-mono text-sm text-slate-300 focus:outline-none focus:ring-2 focus:ring-brand-500 disabled:opacity-40 resize-y"
+        placeholder="Select a config file to start editing..."></textarea>
+      <p v-if="nginx.configMsg" class="mt-2 text-sm font-mono" :class="nginx.configMsg.includes('pass') ? 'text-brand-400' : 'text-red-400'">
+        {{ nginx.configMsg }}
+      </p>
+    </div>
+  </div>
+
+  <!-- Error Log -->
+  <div class="card">
+    <div class="flex items-center justify-between p-4 border-b border-slate-800">
+      <h3 class="font-semibold">Error Log</h3>
+      <button @click="loadNginxLogs" class="btn btn-secondary btn-sm">
+        <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" />
+        </svg>
+        Refresh
+      </button>
+    </div>
+    <div class="p-4 max-h-64 overflow-y-auto">
+      <div v-if="nginx.logsLoading" class="text-slate-500 text-sm">Loading...</div>
+      <div v-else-if="nginx.logs.length === 0" class="text-slate-500 text-sm">No errors logged.</div>
+      <pre v-else class="text-xs text-slate-400 font-mono leading-relaxed">{{ nginx.logs.join('\n') }}</pre>
+    </div>
+  </div>
+</div>

package/dashboard/views/partials/overview.ejs

@@ -0,0 +1,67 @@
+<!-- Overview Page -->
+<div v-show="page === 'overview'" class="max-w-6xl mx-auto">
+  <h2 class="text-2xl font-bold mb-2">Dashboard</h2>
+  <p class="text-slate-400 mb-8">System status at a glance</p>
+
+  <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
+    <!-- Nginx Card -->
+    <div class="card p-6">
+      <div class="flex items-start justify-between mb-4">
+        <div class="w-12 h-12 rounded-xl bg-slate-800 flex items-center justify-center">
+          <svg class="w-6 h-6 text-brand-400" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14M5 12a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v4a2 2 0 01-2 2M5 12a2 2 0 00-2 2v4a2 2 0 002 2h14a2 2 0 002-2v-4a2 2 0 00-2-2m-2-4h.01M17 16h.01" />
+          </svg>
+        </div>
+        <span v-if="nginx.status" :class="nginx.status.running ? 'status-dot online' : 'status-dot offline'"></span>
+      </div>
+      <h3 class="font-semibold text-lg">Nginx</h3>
+      <p v-if="nginx.status" class="text-slate-400 text-sm mt-1">{{ nginx.status.running ? 'Running' : 'Stopped' }}</p>
+      <p v-else class="text-slate-500 text-sm mt-1">Checking...</p>
+      <button @click="loadPage('nginx')" class="mt-4 text-sm text-brand-400 hover:text-brand-300 font-medium flex items-center gap-1">
+        Manage
+        <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
+        </svg>
+      </button>
+    </div>
+
+    <!-- SSL Card -->
+    <div class="card p-6">
+      <div class="flex items-start justify-between mb-4">
+        <div class="w-12 h-12 rounded-xl bg-slate-800 flex items-center justify-center">
+          <svg class="w-6 h-6 text-brand-400" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 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.044-.133-2.05-.382-3.016z" />
+          </svg>
+        </div>
+        <span v-if="expiringCount > 0" class="badge badge-warning">{{ expiringCount }} expiring</span>
+      </div>
+      <h3 class="font-semibold text-lg">SSL Certificates</h3>
+      <p class="text-slate-400 text-sm mt-1">{{ ssl.certs.length }} certificate{{ ssl.certs.length !== 1 ? 's' : '' }}</p>
+      <button @click="loadPage('ssl')" class="mt-4 text-sm text-brand-400 hover:text-brand-300 font-medium flex items-center gap-1">
+        Manage
+        <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
+        </svg>
+      </button>
+    </div>
+
+    <!-- Domains Card -->
+    <div class="card p-6">
+      <div class="flex items-start justify-between mb-4">
+        <div class="w-12 h-12 rounded-xl bg-slate-800 flex items-center justify-center">
+          <svg class="w-6 h-6 text-brand-400" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1" />
+          </svg>
+        </div>
+      </div>
+      <h3 class="font-semibold text-lg">Domains</h3>
+      <p class="text-slate-400 text-sm mt-1">{{ domains.list.length }} domain{{ domains.list.length !== 1 ? 's' : '' }}</p>
+      <button @click="loadPage('domains')" class="mt-4 text-sm text-brand-400 hover:text-brand-300 font-medium flex items-center gap-1">
+        Manage
+        <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
+        </svg>
+      </button>
+    </div>
+  </div>
+</div>

package/dashboard/views/partials/settings-panel.ejs

@@ -0,0 +1,37 @@
+<!-- Settings Page -->
+<div v-show="page === 'settings'" class="max-w-2xl mx-auto">
+  <h2 class="text-2xl font-bold mb-2">Settings</h2>
+  <p class="text-slate-400 mb-8">Dashboard configuration and service paths</p>
+
+  <div class="card p-6 space-y-6">
+    <div class="input-group">
+      <input v-model.number="settings.dashboardPort" type="number" placeholder=" " />
+      <label>Dashboard Port</label>
+      <p class="text-xs text-slate-500 mt-1 ml-1">Restart dashboard after changing</p>
+    </div>
+
+    <div class="input-group">
+      <input v-model="settings.nginxDir" placeholder=" " />
+      <label>Nginx Directory</label>
+    </div>
+
+    <div class="input-group">
+      <input v-model="settings.certbotDir" placeholder=" " />
+      <label>Certbot Directory</label>
+    </div>
+
+    <div class="input-group">
+      <input v-model="settings.password" type="password" placeholder=" " />
+      <label>New Password</label>
+      <p class="text-xs text-slate-500 mt-1 ml-1">Leave blank to keep current</p>
+    </div>
+
+    <div class="flex items-center gap-4 pt-2">
+      <button @click="saveSettings" :disabled="settings.loading" class="btn btn-primary">
+        {{ settings.loading ? 'Saving...' : 'Save Settings' }}
+      </button>
+      <span v-if="settings.msg" class="text-brand-400 text-sm">{{ settings.msg }}</span>
+      <span v-if="settings.error" class="text-red-400 text-sm">{{ settings.error }}</span>
+    </div>
+  </div>
+</div>

package/dashboard/views/partials/sidebar.ejs

@@ -0,0 +1,45 @@
+<!-- Sidebar Navigation -->
+<aside class="w-60 flex-shrink-0 bg-slate-900 border-r border-slate-800 flex flex-col">
+  <div class="p-5 border-b border-slate-800">
+    <div class="flex items-center gap-3">
+      <div class="w-10 h-10 rounded-xl bg-gradient-to-br from-brand-400 to-brand-600 flex items-center justify-center">
+        <svg class="w-5 h-5 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z" />
+        </svg>
+      </div>
+      <div>
+        <h1 class="font-bold text-white">Easy DevOps</h1>
+        <p class="text-xs text-slate-500">v0.1.0</p>
+      </div>
+    </div>
+  </div>
+
+  <nav class="flex-1 p-3 space-y-1 overflow-y-auto">
+    <button v-for="item in navItems" :key="item.id" @click="navigateTo(item.id)"
+      :class="['w-full flex items-center gap-3 px-3 py-2.5 rounded-xl text-sm font-medium transition-all',
+        page === item.id
+          ? 'bg-brand-500/10 text-brand-400'
+          : 'text-slate-400 hover:text-white hover:bg-slate-800']">
+      <span v-html="item.icon"></span>
+      {{ item.label }}
+    </button>
+  </nav>
+
+  <div class="p-3 border-t border-slate-800 space-y-1">
+    <button @click="toggleTheme" class="w-full flex items-center gap-3 px-3 py-2.5 rounded-xl text-sm text-slate-400 hover:text-white hover:bg-slate-800 transition">
+      <svg v-if="isDark" class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z" />
+      </svg>
+      <svg v-else class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z" />
+      </svg>
+      {{ isDark ? 'Light mode' : 'Dark mode' }}
+    </button>
+    <button @click="doLogout" class="w-full flex items-center gap-3 px-3 py-2.5 rounded-xl text-sm text-slate-400 hover:text-red-400 hover:bg-red-500/10 transition">
+      <svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1" />
+      </svg>
+      Sign out
+    </button>
+  </div>
+</aside>

package/dashboard/views/partials/ssl-panel.ejs

@@ -0,0 +1,53 @@
+<!-- SSL Page -->
+<div v-show="page === 'ssl'" class="max-w-6xl mx-auto">
+  <div class="flex items-center justify-between mb-2">
+    <h2 class="text-2xl font-bold">SSL Certificates</h2>
+    <button @click="renewAll" :disabled="ssl.renewingDomain !== null" class="btn btn-primary btn-sm">
+      {{ ssl.renewingDomain === 'all' ? 'Renewing...' : 'Renew Expiring' }}
+    </button>
+  </div>
+  <p class="text-slate-400 mb-8">Let's Encrypt certificates managed by certbot</p>
+
+  <div v-if="ssl.error" class="card p-4 mb-6 bg-red-500/10 border-red-500/20 text-red-400">
+    {{ ssl.error }}
+  </div>
+
+  <div v-if="ssl.loading" class="text-slate-500">Loading certificates...</div>
+
+  <div v-else-if="ssl.certs.length === 0" class="card p-12 text-center">
+    <p class="text-slate-500">No certificates found. Use the CLI to issue certificates.</p>
+  </div>
+
+  <div v-else class="card overflow-hidden">
+    <table class="data-table">
+      <thead>
+        <tr>
+          <th>Domain</th>
+          <th>Expires</th>
+          <th>Days Left</th>
+          <th>Status</th>
+          <th class="text-right">Actions</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr v-for="cert in ssl.certs" :key="cert.domain">
+          <td class="font-mono text-sm">{{ cert.domain }}</td>
+          <td class="text-slate-400">{{ cert.expiry ? new Date(cert.expiry).toLocaleDateString() : '—' }}</td>
+          <td>
+            <span :class="certDaysColor(cert)" class="font-mono font-semibold">
+              {{ cert.daysLeft !== null ? cert.daysLeft + 'd' : '—' }}
+            </span>
+          </td>
+          <td>
+            <span :class="'badge badge-' + certBadgeType(cert)">{{ certStatus(cert) }}</span>
+          </td>
+          <td class="text-right">
+            <button @click="renewCert(cert.domain)" :disabled="ssl.renewingDomain !== null" class="btn btn-secondary btn-sm" :class="{ 'opacity-50': ssl.renewingDomain !== null }">
+              {{ ssl.renewingDomain === cert.domain ? 'Renewing...' : 'Renew' }}
+            </button>
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+</div>

package/install.bat

@@ -0,0 +1,41 @@
+@echo off
+:: install.bat — Easy DevOps Bootstrap Installer (Windows)
+:: Thin launcher: checks for PowerShell 5.1+ and delegates to install.ps1
+::
+:: Usage:
+::   install.bat [OPTIONS]
+::
+:: Options are passed through to install.ps1:
+::   --help            Print usage and exit
+::   --version VERSION Skip picker; use the specified Node.js version
+::   --keep-node       Skip Node.js management
+
+setlocal EnableDelayedExpansion
+
+:: Check that PowerShell is available
+where powershell.exe >nul 2>&1
+if errorlevel 1 (
+    echo Error: PowerShell is required but was not found on PATH. >&2
+    echo Please install PowerShell 5.1 or later: >&2
+    echo   https://github.com/PowerShell/PowerShell/releases >&2
+    exit /b 1
+)
+
+:: Verify minimum PowerShell version (5.1)
+for /f "usebackq tokens=*" %%v in (
+    `powershell.exe -NoProfile -Command "$PSVersionTable.PSVersion.Major" 2^>nul`
+) do set PS_MAJOR=%%v
+
+if not defined PS_MAJOR (
+    echo Error: Could not determine PowerShell version. >&2
+    exit /b 1
+)
+if %PS_MAJOR% LSS 5 (
+    echo Error: PowerShell 5.1 or later is required. Found version %PS_MAJOR%. >&2
+    echo Please upgrade PowerShell: https://github.com/PowerShell/PowerShell/releases >&2
+    exit /b 1
+)
+
+:: Delegate to install.ps1 in the same directory
+powershell.exe -NoProfile -ExecutionPolicy Bypass -File "%~dp0install.ps1" %*
+exit /b %ERRORLEVEL%