feat: implement kubernetes deployment system with worker queue

- Add deployment worker with background job processing
- Integrate kubernetes service for k8s deployments
- Update deployment models with job queue support
- Add frontend pages for deployment management
- Update database schema for deployment tracking
- Configure deployment sender channel in app state

Author: secus

.sqlx/query-418ecaef4e8144de092974ac916d4cd62cf1ad745507e4f266a4b63de3d52333.json

@@ -7,6 +7,7 @@ license = "MIT"
 repository = "https://github.com/ngocbd/Open-Container-Engine"
 
 [dependencies]
+
 # Web framework
 axum = { version = "0.7", features = ["macros", "tracing"] }
 tokio = { version = "1.0", features = ["full"] }
@@ -15,7 +16,10 @@ tower-http = { version = "0.5", features = ["fs", "trace", "cors"] }
 
 # Database
 sqlx = { version = "0.8", features = ["runtime-tokio-rustls", "postgres", "uuid", "chrono", "migrate"] }
-
+# Kube client
+kube = { version = "2.0.1", features = ["runtime", "derive"] }
+k8s-openapi = { version = "0.26.0", features = ["latest", "schemars"] }
+schemars = { version = "1" }
 # Redis
 redis = { version = "0.25", features = ["tokio-comp"] }
 
@@ -58,10 +62,6 @@ validator = { version = "0.18", features = ["derive"] }
 # Regex
 regex = "1.0"
 
-# Kubernetes client (for container orchestration)
-kube = { version = "0.95", features = ["runtime", "derive"] }
-k8s-openapi = { version = "0.23", features = ["latest"] }
-
 # OpenAPI documentation
 utoipa = { version = "4.0", features = ["axum_extras", "chrono", "uuid"] }
 utoipa-swagger-ui = { version = "4.0", features = ["axum"] }

.sqlx/query-6fd2256f4838df3a629d064ad4cf991dfd4ebd8250f347133741faad5e547e78.json

@@ -13,9 +13,11 @@
     "@heroicons/react": "^2.2.0",
     "@tailwindcss/vite": "^4.1.13",
     "axios": "^1.12.2",
+    "date-fns": "^4.1.0",
     "react": "^19.1.1",
     "react-dom": "^19.1.1",
     "react-router-dom": "^7.9.1",
+    "react-toastify": "^11.0.5",
     "tailwindcss": "^4.1.13"
   },
   "devDependencies": {

.sqlx/query-afe81e45436b88f983369c7c3527eace663e0f97d05ebe16712ba0cef8b8f85f.json

@@ -10,27 +10,33 @@ import DeploymentDetailPage from './pages/DeploymentDetailPage';
 import ApiKeysPage from './pages/ApiKeysPage';
 import AccountSettingsPage from './pages/AccountSettingsPage';
 import ProtectedRoute from './components/ProtectedRoute';
+import { ToastContainer, toast } from 'react-toastify';
+import 'react-toastify/dist/ReactToastify.css';
 
 function App() {
   return (
-    <AuthProvider>
-      <Router>
-        <Routes>
-          <Route path="/auth" element={<AuthPage />} />
-          
-          {/* Protected Routes */}
-          <Route path="/dashboard" element={<ProtectedRoute><DashboardPage /></ProtectedRoute>} />
-          <Route path="/deployments" element={<ProtectedRoute><DeploymentsPage /></ProtectedRoute>} />
-          <Route path="/deployments/new" element={<ProtectedRoute><NewDeploymentPage /></ProtectedRoute>} />
-          <Route path="/deployments/:deploymentId" element={<ProtectedRoute><DeploymentDetailPage /></ProtectedRoute>} />
-          <Route path="/api-keys" element={<ProtectedRoute><ApiKeysPage /></ProtectedRoute>} />
-          <Route path="/settings" element={<ProtectedRoute><AccountSettingsPage /></ProtectedRoute>} />
-          
-          {/* Default route */}
-          <Route path="*" element={<Navigate to="/dashboard" />} />
-        </Routes>
-      </Router>
-    </AuthProvider>
+    <>
+      <ToastContainer position="top-center" />
+      <AuthProvider>
+        <Router>
+          <Routes>
+            <Route path="/auth" element={<AuthPage />} />
+
+            {/* Protected Routes */}
+            <Route path="/dashboard" element={<ProtectedRoute><DashboardPage /></ProtectedRoute>} />
+            <Route path="/deployments" element={<ProtectedRoute><DeploymentsPage /></ProtectedRoute>} />
+            <Route path="/deployments/new" element={<ProtectedRoute><NewDeploymentPage /></ProtectedRoute>} />
+            <Route path="/deployments/:deploymentId" element={<ProtectedRoute><DeploymentDetailPage /></ProtectedRoute>} />
+            <Route path="/api-keys" element={<ProtectedRoute><ApiKeysPage /></ProtectedRoute>} />
+            <Route path="/settings" element={<ProtectedRoute><AccountSettingsPage /></ProtectedRoute>} />
+
+            {/* Default route */}
+            <Route path="*" element={<Navigate to="/dashboard" />} />
+          </Routes>
+        </Router>
+      </AuthProvider>
+    </>
+
   );
 }
 

Cargo.toml

@@ -47,11 +47,6 @@ const BellIcon = () => (
   </svg>
 );
 
-const UserIcon = () => (
-  <svg className="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-    <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" />
-  </svg>
-);
 
 const MenuIcon = () => (
   <svg className="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">

apps/container-engine-frontend/package-lock.json

@@ -87,7 +87,7 @@ const AccountSettingsPage: React.FC = () => {
                 <input type="password" id="confirmNewPassword" value={password.confirmNewPassword} onChange={e => setPassword({ ...password, confirmNewPassword: e.target.value })} required className="mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md" />
               </div>
               <div className="flex justify-end pt-2">
-                <button type="submit" className="px-4 py-2 bg-primary text-white rounded-md">Change Password</button>
+                <button type="submit" className="px-4 py-2 bg-primary text-black rounded-md hover:text-blue-700">Change Password</button>
               </div>
               {passwordMessage.text && <p className={`text-sm mt-2 ${passwordMessage.type === 'success' ? 'text-green-600' : 'text-red-600'}`}>{passwordMessage.text}</p>}
             </form>