Add service filter, batch operations, and snapshot features

- Service Filter Bar: search by name, filter by status (online/offline)
- Batch Operations: multi-select containers for start/stop/restart
- Container Snapshots: create and manage Docker checkpoints
- Added filter bar and batch action bar to index.html
- Added snapshot button to Admin tools section
- New JS modules: service-filter.js, batch-operations.js, snapshot.js
- Updated build.js to include new modules in bundle

status/index.html

@@ -164,6 +164,7 @@
           <div class="tools-section-items">
             <button id="manage-tokens" aria-label="Manage API tokens">🔑 Tokens</button>
             <button id="backup-restore-btn" aria-label="Backup and restore">💾 Backup</button>
+            <button id="snapshot-btn" aria-label="Container snapshots">💾 Snapshots</button>
             <button id="license-btn" aria-label="License management">🔑 License</button>
             <button id="api-docs-btn" aria-label="API documentation">📖 API</button>
             <button id="help-errors-btn" aria-label="Troubleshooting guide">❓ Help</button>
@@ -247,6 +248,29 @@
     </div>
   </div>
 
+  <!-- Service Filter Bar -->
+  <div id="service-filter-bar" style="display: flex; gap: 12px; align-items: center; margin-bottom: 16px; padding: 12px 16px; background: var(--card-base); border: 1px solid var(--border); border-radius: var(--radius); flex-wrap: wrap;">
+    <input type="text" id="service-filter-search" placeholder="🔍 Filter services..." style="flex: 1; min-width: 180px; padding: 8px 12px; background: var(--bg); border: 1px solid var(--border); border-radius: 6px; color: var(--fg); font-size: 0.9rem;" />
+    <select id="service-filter-status" style="padding: 8px 12px; background: var(--bg); border: 1px solid var(--border); border-radius: 6px; color: var(--fg); font-size: 0.9rem;">
+      <option value="all">All Status</option>
+      <option value="on">🟢 Online</option>
+      <option value="off">🔴 Offline</option>
+    </select>
+    <button id="batch-operations-btn" class="btn-sm" style="padding: 8px 12px;">☰ Batch Operations</button>
+    <span id="service-filter-count" style="color: var(--muted); font-size: 0.85rem; white-space: nowrap;"></span>
+  </div>
+
+  <!-- Batch Operations Bar (hidden by default) -->
+  <div id="batch-action-bar" style="display: none; margin-bottom: 16px; padding: 12px 16px; background: var(--accent-bg, #1a3a5c); border: 1px solid var(--accent, #3498db); border-radius: var(--radius);">
+    <div style="display: flex; align-items: center; gap: 12px; flex-wrap: wrap;">
+      <span id="batch-selected-count" style="font-weight: 500;">0 selected</span>
+      <button id="batch-start-btn" class="btn-sm" style="background: var(--ok-fg, #27ae60);">▶ Start All</button>
+      <button id="batch-stop-btn" class="btn-sm" style="background: var(--bad-fg, #e74c3c);">⬛ Stop All</button>
+      <button id="batch-restart-btn" class="btn-sm" style="background: #f39c12;">🔄 Restart All</button>
+      <button id="batch-cancel-btn" class="btn-sm">Cancel</button>
+    </div>
+  </div>
+
   <!-- App/service grid -->
   <div id="cards" class="grid"></div>