MESHCENTRAL_SUMMARY.md

@@ -1,138 +0,0 @@
-# ✅ MeshCentral Remote Desktop - Hoàn thành!
-
-## 🎯 Đã implement
-
-**MeshCentral Remote Desktop** nhúng trong **iframe** với **backend proxy** để giải quyết third-party cookies blocking.
-
----
-
-## 📁 Files đã thay đổi/tạo mới
-
-### Backend (C#)
-
-1. ✅ **`MeshCentralProxyController.cs`** (NEW)
-   - HTTP proxy: `/api/meshcentral/proxy/**`
-   - WebSocket proxy: `/api/meshcentral/proxy/meshrelay.ashx`
-
-2. ✅ **`MeshCentralWebSocketProxyController.cs`** (NEW)
-   - WebSocket proxy: `/control.ashx`, `/commander.ashx`, `/mesh.ashx`
-
-3. ✅ **`Program.cs`** (MODIFIED)
-   - HttpClient factory config
-   - WebSocket middleware enabled
-
-### Frontend (React + TypeScript)
-
-4. ✅ **`remote-control/index.tsx`** (MODIFIED)
-   - iframe component với proxy URL
-   - Fullscreen support
-   - Clean UI (removed popup option)
-
-5. ✅ **`switch.tsx`** (NEW)
-   - shadcn/ui Switch component (đã add)
-
----
-
-## 🔧 Cách hoạt động
-
-```
-User nhập nodeID → Click Connect
-    ↓
-Frontend call API → Backend tạo token
-    ↓
-Backend return URL → Frontend transform to proxy URL
-    ↓
-iframe load → Same-origin request to proxy ✅
-    ↓
-Backend proxy → Forward to MeshCentral
-    ↓
-WebSocket connections → Proxy bidirectionally
-    ↓
-Remote Desktop work! 🎉
-```
-
----
-
-## 🚀 Cách sử dụng
-
-### 1. Start Backend
-```bash
-cd f:\TTMT.ComputerManagement\TTMT.CompManageWeb
-dotnet run
-```
-
-### 2. Start Frontend
-```bash
-cd f:\TTMT.ManageWebGUI
-npm run dev
-```
-
-### 3. Test Remote
-1. Mở `http://localhost:3000`
-2. Navigate → "Điều khiển trực tiếp"
-3. Nhập nodeID: `node//xxxxx`
-4. Click **Connect**
-5. Modal xuất hiện → Remote desktop load!
-
----
-
-## ✅ Features
-
-- 🖥️ **Remote Desktop** - Screen streaming
-- 💻 **Terminal** - Interactive shell
-- 📁 **Files** - File manager
-- 📋 **Clipboard** - Copy/paste sync
-- 🎛️ **All MeshCentral features** work!
-
----
-
-## 📊 Endpoints Summary
-
-| Endpoint | Type | Purpose |
-|----------|------|---------|
-| `/api/meshcentral/proxy/**` | HTTP | Proxy all HTTP requests |
-| `/api/meshcentral/proxy/meshrelay.ashx` | WebSocket | Desktop/Terminal/Files |
-| `/control.ashx` | WebSocket | Main control channel |
-| `/commander.ashx` | WebSocket | Command channel |
-| `/mesh.ashx` | WebSocket | Mesh relay |
-
----
-
-## 🐛 Common Issues
-
-### 404 Not Found
-- **Fix:** Restart backend để load controllers mới
-
-### WebSocket Error
-- **Fix:** Check protocol conversion (HTTPS → WSS)
-
-### Authentication Failed
-- **Fix:** Verify credentials trong `appsettings.json`
-
----
-
-## 📚 Documentation
-
-**Chi tiết đầy đủ:** Xem file `COMPLETE_IMPLEMENTATION_GUIDE.md`
-
-Bao gồm:
-- Architecture details
-- Flow diagrams
-- Code explanations
-- Troubleshooting guide
-- Performance tips
-- Security considerations
-
----
-
-## 🎉 Kết quả
-
-✅ iframe remote desktop **hoạt động 100%**
-✅ Cookies **không bị block** (same-origin via proxy)
-✅ Tất cả features **available**
-✅ Code **clean & maintainable**
-✅ **Production-ready**!
-
----
-
-**Chúc mừng! Implementation hoàn chỉnh!** 🚀

MESH_IFRAME.md

@@ -1,302 +0,0 @@
-# MeshCentral Remote Desktop - Implementation Summary
-
-## 🎯 Overview
-
-Đã implement **MeshCentral Remote Desktop** nhúng trong **iframe** với **backend proxy** để giải quyết vấn đề third-party cookies blocking.
-
----
-
-## 📁 Files Changed
-
-### Backend (C#)
-
-**Location:** `f:\TTMT.ComputerManagement\TTMT.CompManageWeb\Controllers\APIs\`
-
-1. ✅ **`MeshCentralProxyController.cs`** (NEW - 230 lines)
-   - HTTP proxy cho `/api/meshcentral/proxy/**`
-   - WebSocket proxy cho `meshrelay.ashx`
-   - Tự động inject `x-meshauth` header
-
-2. ✅ **`MeshCentralWebSocketProxyController.cs`** (NEW - 180 lines)
-   - WebSocket proxy cho `/control.ashx`, `/commander.ashx`, `/mesh.ashx`
-   - Bidirectional message relay
-   - Protocol conversion (HTTPS → WSS)
-
-3. ✅ **`Program.cs`** (MODIFIED)
-   - HttpClient factory configuration
-   - WebSocket middleware enabled (`app.UseWebSockets()`)
-
-### Frontend (React + TypeScript)
-
-**Location:** `f:\TTMT.ManageWebGUI\src\routes\_auth\remote-control\`
-
-4. ✅ **`index.tsx`** (MODIFIED - cleaned up)
-   - iframe component với proxy URL
-   - Fullscreen support
-   - Removed popup option (chỉ giữ iframe)
-
----
-
-## 🔧 How It Works
-
-### Flow Diagram
-
-```
-User nhập nodeID → Click Connect
-        ↓
-Frontend call API
-GET /api/meshcentral/devices/{nodeId}/remote-desktop
-        ↓
-Backend tạo temporary token (expire 5 phút)
-MeshCentral.createLoginToken()
-        ↓
-Backend return URL
-https://my-mesh-test.com/login?user=~t:xxx&pass=yyy&node=...
-        ↓
-Frontend transform to proxy URL
-http://localhost:5218/api/meshcentral/proxy/login?user=~t:xxx&pass=yyy&...
-        ↓
-iframe render với proxy URL (same-origin ✅)
-        ↓
-Backend HTTP Proxy
-- Accept request
-- Inject x-meshauth header
-- Forward to MeshCentral
-        ↓
-MeshCentral validate token → Set cookies → Return page
-        ↓
-iframe load MeshCentral client
-        ↓
-Client create WebSocket connections:
-- ws://localhost:5218/control.ashx
-- ws://localhost:5218/api/meshcentral/proxy/meshrelay.ashx
-        ↓
-Backend WebSocket Proxy
-- Accept client WebSocket
-- Convert protocol (HTTPS → WSS)
-- Connect to MeshCentral server
-- Inject x-meshauth header
-- Bidirectional relay messages
-        ↓
-✅ Remote Desktop Session Established!
-```
-
----
-
-## 🚀 Usage
-
-### 1. Start Backend
-
-```bash
-cd f:\TTMT.ComputerManagement\TTMT.CompManageWeb
-dotnet run
-```
-
-Backend runs on: `http://localhost:5218`
-
-### 2. Start Frontend
-
-```bash
-cd f:\TTMT.ManageWebGUI
-npm run dev
-```
-
-Frontend runs on: `http://localhost:3000`
-
-### 3. Test Remote Desktop
-
-1. Mở browser → `http://localhost:3000`
-2. Navigate → "Điều khiển trực tiếp"
-3. Nhập nodeID: `node//xxxxx` (replace với nodeID thật)
-4. Click **Connect**
-5. Modal xuất hiện với iframe
-6. 🎉 Remote desktop load và hoạt động!
-
----
-
-## ✅ Features Available
-
-- 🖥️ **Remote Desktop** - Screen streaming với mouse/keyboard control
-- 💻 **Terminal** - Interactive shell session
-- 📁 **Files** - File browser, upload/download
-- 📋 **Clipboard** - Sync clipboard giữa local và remote
-- 🎛️ **All MeshCentral features** đều work!
-
----
-
-## 📊 Proxy Endpoints
-
-### HTTP Proxy
-
-| Frontend Request | Backend Forward To | Purpose |
-|-----------------|-------------------|---------|
-| `http://localhost:5218/api/meshcentral/proxy/login?...` | `https://my-mesh-test.com/login?...` | Login page |
-| `http://localhost:5218/api/meshcentral/proxy/**` | `https://my-mesh-test.com/**` | All resources |
-
-### WebSocket Proxy
-
-| Frontend Connect | Backend Forward To | Purpose |
-|-----------------|-------------------|---------|
-| `ws://localhost:5218/control.ashx` | `wss://my-mesh-test.com/control.ashx` | Main control channel |
-| `ws://localhost:5218/commander.ashx` | `wss://my-mesh-test.com/commander.ashx` | Command channel |
-| `ws://localhost:5218/mesh.ashx` | `wss://my-mesh-test.com/mesh.ashx` | Mesh relay |
-| `ws://localhost:5218/api/meshcentral/proxy/meshrelay.ashx` | `wss://my-mesh-test.com/meshrelay.ashx` | Desktop/Terminal/Files relay |
-
----
-
-## 🔑 Configuration
-
-### Backend - appsettings.json
-
-```json
-{
-  "MeshCentral": {
-    "ServerUrl": "https://my-mesh-test.com",
-    "Username": "~t:khXUGsHAPKvs3oLs",
-    "Password": "r4Ks7OUX40K5PLZh4jZO",
-    "LoginTokenKey": "e5ffe284c480581056188cabb28bebc2647f44a3...",
-    "AllowInvalidTlsCertificate": true
-  }
-}
-```
-
-### Frontend - .env
-
-```env
-VITE_API_URL_DEV=http://localhost:5218/api
-```
-
----
-
-## 🐛 Troubleshooting
-
-### Issue 1: 404 Not Found trong iframe
-
-**Symptom:** iframe hiển thị trang 404
-
-**Cause:** Backend chưa restart sau khi thêm proxy controllers
-
-**Solution:**
-```bash
-# Stop backend (Ctrl+C)
-cd f:\TTMT.ComputerManagement\TTMT.CompManageWeb
-dotnet run
-```
-
-### Issue 2: "Unable to connect web socket"
-
-**Symptom:** Error message trong iframe
-
-**Possible Causes:**
-1. Backend proxy controller chưa load → Restart backend
-2. WebSocket endpoint not found → Check controllers exist
-3. Protocol mismatch (HTTPS vs WSS) → Already fixed in code
-
-**Solution:**
-- Restart backend
-- Check backend logs cho `[MeshProxy]` hoặc `[MeshWSProxy]`
-
-### Issue 3: Authentication Failed
-
-**Symptom:** Login loop hoặc error
-
-**Check:**
-1. `appsettings.json` → MeshCentral credentials correct?
-2. Backend logs → `x-meshauth` header được inject?
-3. MeshCentral server online và credentials valid?
-
-### Issue 4: 502 Bad Gateway
-
-**Symptom:** Backend returns 502
-
-**Cause:** Backend không connect được đến MeshCentral server
-
-**Check:**
-1. MeshCentral ServerUrl correct trong appsettings.json?
-2. Network/firewall blocking connection?
-3. MeshCentral server đang chạy?
-
----
-
-## 📝 Verify Logs
-
-### Expected Backend Logs (khi connect)
-
-```
-[MeshProxy] Proxying meshrelay WebSocket to: wss://my-mesh-test.com/meshrelay.ashx?...
-[MeshProxy] meshrelay WebSocket connected, starting bidirectional relay
-[MeshWSProxy] Proxying WebSocket to: wss://my-mesh-test.com/control.ashx
-[MeshWSProxy] WebSocket connected for control.ashx, starting relay
-```
-
-### Browser DevTools (F12 → Network → WS tab)
-
-Expected WebSocket connections:
-- ✅ `control.ashx` - Status: 101 Switching Protocols
-- ✅ `meshrelay.ashx` - Status: 101 Switching Protocols
-- ✅ Messages flowing (green arrows in Chrome DevTools)
-
----
-
-## 🔒 Security Notes
-
-### Authentication
-
-- ✅ Backend stores credentials (not exposed to client)
-- ✅ Temporary tokens expire after 5 minutes
-- ✅ `x-meshauth` header injected by backend automatically
-- ⚠️ Consider adding JWT authentication for proxy endpoints in production
-
-### Network
-
-- ✅ HTTPS between client-backend (production)
-- ✅ WSS (WebSocket Secure) to MeshCentral
-- ✅ CORS configured (currently AllowAll)
-- ⚠️ Restrict CORS to specific origins in production
-
----
-
-## 📈 Performance
-
-### Single Session
-
-- Memory: ~50-100 MB (backend + websockets)
-- CPU: ~5-10% (1 core)
-- Network: ~1-5 Mbps (depends on screen resolution)
-
-### Multiple Sessions
-
-- Linear scaling (each session independent)
-- Recommended: Max 50 concurrent sessions per backend instance
-- For more: Deploy multiple backend instances with load balancer
-
----
-
-## 🎉 Result
-
-✅ **iframe remote desktop hoạt động 100%**
-✅ **Cookies không bị block** (same-origin via proxy)
-✅ **Tất cả MeshCentral features available**
-✅ **Code clean & maintainable**
-✅ **Production-ready!**
-
----
-
-## 📚 Additional Documentation
-
-Chi tiết đầy đủ về implementation có trong session workspace:
-
-**Location:** `C:\Users\psydu\.copilot\session-state\c87806ca-6b49-41de-8573-1504efb7be1f\`
-
-- `COMPLETE_IMPLEMENTATION_GUIDE.md` (18KB) - Architecture, flow, technical details
-- `SUMMARY.md` (3KB) - Quick reference
-- `FIX_*.md` - Troubleshooting guides từng issue cụ thể
-
----
-
-**Chúc mừng! Implementation hoàn chỉnh!** 🚀
-
----
-
-_Last updated: 2026-03-28_
-_Version: 1.0_

nginx/nginx.conf

@@ -58,14 +58,4 @@ server {
         proxy_cache off;
         proxy_read_timeout 1h;
     }
-
-    location /mesh-proxy/ {
-        proxy_pass https://202.191.59.59/; 
-        proxy_cookie_path / "/; HTTPOnly; Secure; SameSite=None";
-        
-        # Cấu hình WebSocket cho commander.ashx
-        proxy_http_version 1.1;
-        proxy_set_header Upgrade $http_upgrade;
-        proxy_set_header Connection "upgrade";
-    }
 }

package-lock.json

@@ -18,7 +18,6 @@
         "@radix-ui/react-select": "^2.2.6",
         "@radix-ui/react-separator": "^1.1.7",
         "@radix-ui/react-slot": "^1.2.3",
-        "@radix-ui/react-switch": "^1.2.6",
         "@radix-ui/react-tooltip": "^1.2.7",
         "@tailwindcss/vite": "^4.1.11",
         "@tanstack/react-form": "^1.23.0",
@@ -51,7 +50,6 @@
         "@types/node": "^24.1.0",
         "@types/react": "^19.0.8",
         "@types/react-dom": "^19.0.3",
-        "@vitejs/plugin-basic-ssl": "^2.3.0",
         "@vitejs/plugin-react": "^4.3.4",
         "jsdom": "^26.0.0",
         "tw-animate-css": "^1.3.6",
@@ -3970,19 +3968,6 @@
       "resolved": "https://registry.npmjs.org/@types/tough-cookie/-/tough-cookie-4.0.5.tgz",
       "integrity": "sha512-/Ad8+nIOV7Rl++6f1BdKxFSMgmoqEoYbHRpPcx3JEfv8VRsQe9Z4mCXeJBzxs7mbHY/XOZZuXlRNfhpVPbs6ZA=="
     },
-    "node_modules/@vitejs/plugin-basic-ssl": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/@vitejs/plugin-basic-ssl/-/plugin-basic-ssl-2.3.0.tgz",
-      "integrity": "sha512-bdyo8rB3NnQbikdMpHaML9Z1OZPBu6fFOBo+OtxsBlvMJtysWskmBcnbIDhUqgC8tcxNv/a+BcV5U+2nQMm1OQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "^18.0.0 || ^20.0.0 || >=22.0.0"
-      },
-      "peerDependencies": {
-        "vite": "^6.0.0 || ^7.0.0 || ^8.0.0"
-      }
-    },
     "node_modules/@vitejs/plugin-react": {
       "version": "4.7.0",
       "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.7.0.tgz",

package.json

@@ -22,7 +22,6 @@
     "@radix-ui/react-select": "^2.2.6",
     "@radix-ui/react-separator": "^1.1.7",
     "@radix-ui/react-slot": "^1.2.3",
-    "@radix-ui/react-switch": "^1.2.6",
     "@radix-ui/react-tooltip": "^1.2.7",
     "@tailwindcss/vite": "^4.1.11",
     "@tanstack/react-form": "^1.23.0",
@@ -55,7 +54,6 @@
     "@types/node": "^24.1.0",
     "@types/react": "^19.0.8",
     "@types/react-dom": "^19.0.3",
-    "@vitejs/plugin-basic-ssl": "^2.3.0",
     "@vitejs/plugin-react": "^4.3.4",
     "jsdom": "^26.0.0",
     "tw-animate-css": "^1.3.6",

src/components/ui/switch.tsx

@@ -1,27 +0,0 @@
-import * as React from "react"
-import * as SwitchPrimitives from "@radix-ui/react-switch"
-
-import { cn } from "@/lib/utils"
-
-const Switch = React.forwardRef<
-  React.ElementRef<typeof SwitchPrimitives.Root>,
-  React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>
->(({ className, ...props }, ref) => (
-  <SwitchPrimitives.Root
-    className={cn(
-      "peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
-      className
-    )}
-    {...props}
-    ref={ref}
-  >
-    <SwitchPrimitives.Thumb
-      className={cn(
-        "pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"
-      )}
-    />
-  </SwitchPrimitives.Root>
-))
-Switch.displayName = SwitchPrimitives.Root.displayName
-
-export { Switch }

src/config/api.ts

@@ -4,10 +4,6 @@ export const BASE_URL = isDev
   ? import.meta.env.VITE_API_URL_DEV
   : "/api";
 
-export const BASE_MESH_URL = isDev
-  ? import.meta.env.VITE_API_MESH_DEV
-  : "/meshapi";
-
 export const API_ENDPOINTS = {
   AUTH: {
     LOGIN: `${BASE_URL}/login`,
@@ -86,10 +82,6 @@ export const API_ENDPOINTS = {
     TOGGLE_PERMISSION: (roleId: number, permissionId: number) =>
       `${BASE_URL}/Role/${roleId}/permissions/${permissionId}/toggle`,
   },
-  MESH_CENTRAL: {
-    GET_REMOTE_DESKTOP: (deviceId: string) =>
-      `${BASE_URL}/MeshCentral/devices/${encodeURIComponent(deviceId)}/remote-desktop`,
-  },
   DASHBOARD: 
   {
     

src/routeTree.gen.ts

@@ -14,7 +14,6 @@ import { Route as IndexRouteImport } from './routes/index'
 import { Route as AuthUserIndexRouteImport } from './routes/_auth/user/index'
 import { Route as AuthRoomsIndexRouteImport } from './routes/_auth/rooms/index'
 import { Route as AuthRoleIndexRouteImport } from './routes/_auth/role/index'
-import { Route as AuthRemoteControlIndexRouteImport } from './routes/_auth/remote-control/index'
 import { Route as AuthDeviceIndexRouteImport } from './routes/_auth/device/index'
 import { Route as AuthDashboardIndexRouteImport } from './routes/_auth/dashboard/index'
 import { Route as AuthCommandsIndexRouteImport } from './routes/_auth/commands/index'
@@ -58,11 +57,6 @@ const AuthRoleIndexRoute = AuthRoleIndexRouteImport.update({
   path: '/role/',
   getParentRoute: () => AuthRoute,
 } as any)
-const AuthRemoteControlIndexRoute = AuthRemoteControlIndexRouteImport.update({
-  id: '/remote-control/',
-  path: '/remote-control/',
-  getParentRoute: () => AuthRoute,
-} as any)
 const AuthDeviceIndexRoute = AuthDeviceIndexRouteImport.update({
   id: '/device/',
   path: '/device/',
@@ -169,7 +163,6 @@ export interface FileRoutesByFullPath {
   '/commands': typeof AuthCommandsIndexRoute
   '/dashboard': typeof AuthDashboardIndexRoute
   '/device': typeof AuthDeviceIndexRoute
-  '/remote-control': typeof AuthRemoteControlIndexRoute
   '/role': typeof AuthRoleIndexRoute
   '/rooms': typeof AuthRoomsIndexRoute
   '/user': typeof AuthUserIndexRoute
@@ -194,7 +187,6 @@ export interface FileRoutesByTo {
   '/commands': typeof AuthCommandsIndexRoute
   '/dashboard': typeof AuthDashboardIndexRoute
   '/device': typeof AuthDeviceIndexRoute
-  '/remote-control': typeof AuthRemoteControlIndexRoute
   '/role': typeof AuthRoleIndexRoute
   '/rooms': typeof AuthRoomsIndexRoute
   '/user': typeof AuthUserIndexRoute
@@ -221,7 +213,6 @@ export interface FileRoutesById {
   '/_auth/commands/': typeof AuthCommandsIndexRoute
   '/_auth/dashboard/': typeof AuthDashboardIndexRoute
   '/_auth/device/': typeof AuthDeviceIndexRoute
-  '/_auth/remote-control/': typeof AuthRemoteControlIndexRoute
   '/_auth/role/': typeof AuthRoleIndexRoute
   '/_auth/rooms/': typeof AuthRoomsIndexRoute
   '/_auth/user/': typeof AuthUserIndexRoute
@@ -248,7 +239,6 @@ export interface FileRouteTypes {
     | '/commands'
     | '/dashboard'
     | '/device'
-    | '/remote-control'
     | '/role'
     | '/rooms'
     | '/user'
@@ -273,7 +263,6 @@ export interface FileRouteTypes {
     | '/commands'
     | '/dashboard'
     | '/device'
-    | '/remote-control'
     | '/role'
     | '/rooms'
     | '/user'
@@ -299,7 +288,6 @@ export interface FileRouteTypes {
     | '/_auth/commands/'
     | '/_auth/dashboard/'
     | '/_auth/device/'
-    | '/_auth/remote-control/'
     | '/_auth/role/'
     | '/_auth/rooms/'
     | '/_auth/user/'
@@ -358,13 +346,6 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof AuthRoleIndexRouteImport
       parentRoute: typeof AuthRoute
     }
-    '/_auth/remote-control/': {
-      id: '/_auth/remote-control/'
-      path: '/remote-control'
-      fullPath: '/remote-control'
-      preLoaderRoute: typeof AuthRemoteControlIndexRouteImport
-      parentRoute: typeof AuthRoute
-    }
     '/_auth/device/': {
       id: '/_auth/device/'
       path: '/device'
@@ -502,7 +483,6 @@ interface AuthRouteChildren {
   AuthCommandsIndexRoute: typeof AuthCommandsIndexRoute
   AuthDashboardIndexRoute: typeof AuthDashboardIndexRoute
   AuthDeviceIndexRoute: typeof AuthDeviceIndexRoute
-  AuthRemoteControlIndexRoute: typeof AuthRemoteControlIndexRoute
   AuthRoleIndexRoute: typeof AuthRoleIndexRoute
   AuthRoomsIndexRoute: typeof AuthRoomsIndexRoute
   AuthUserIndexRoute: typeof AuthUserIndexRoute
@@ -526,7 +506,6 @@ const AuthRouteChildren: AuthRouteChildren = {
   AuthCommandsIndexRoute: AuthCommandsIndexRoute,
   AuthDashboardIndexRoute: AuthDashboardIndexRoute,
   AuthDeviceIndexRoute: AuthDeviceIndexRoute,
-  AuthRemoteControlIndexRoute: AuthRemoteControlIndexRoute,
   AuthRoleIndexRoute: AuthRoleIndexRoute,
   AuthRoomsIndexRoute: AuthRoomsIndexRoute,
   AuthUserIndexRoute: AuthUserIndexRoute,

src/routes/_auth/remote-control/index.tsx

@@ -1,157 +0,0 @@
-import { createFileRoute } from "@tanstack/react-router";
-import { useState } from "react";
-import { useMutation } from "@tanstack/react-query";
-import { LoaderCircle, Monitor, X, Maximize2 } from "lucide-react";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
-import { Input } from "@/components/ui/input";
-import { Button } from "@/components/ui/button";
-import { getRemoteDesktopUrl } from "@/services/remote-control.service";
-import { BASE_URL } from "@/config/api";
-
-
-export const Route = createFileRoute("/_auth/remote-control/")({
-  head: () => ({ meta: [{ title: "Điều khiển trực tiếp" }] }),
-  component: RemoteControlPage,
-  loader: async ({ context }) => {
-    context.breadcrumbs = [
-      { title: "Điều khiển từ xa", path: "/_auth/remote-control/" },
-      { title: "Điều khiển trực tiếp", path: "/_auth/remote-control/" },
-    ];
-  },
-});
-
-function RemoteControlPage() {
-  const [nodeId, setNodeId] = useState("");
-  const [errorMessage, setErrorMessage] = useState<string | null>(null);
-  const [showRemote, setShowRemote] = useState(false);
-  const [proxyUrl, setProxyUrl] = useState<string | null>(null);
-
-  const connectMutation = useMutation({
-    mutationFn: async (nodeIdValue: string) => {
-      // Gọi API để lấy URL remote desktop
-      const response = await getRemoteDesktopUrl(nodeIdValue);
-      return response;
-    },
-    onSuccess: (data) => {
-      setErrorMessage(null);
-      
-      // Chuyển URL MeshCentral thành proxy URL
-      const originalUrl = new URL(data.url);
-      const pathAndQuery = originalUrl.pathname + originalUrl.search;
-      const cleanPath = pathAndQuery.startsWith('/') ? pathAndQuery.substring(1) : pathAndQuery;
-      const baseWithoutApi = BASE_URL.replace('/api', '');
-      const proxyUrlFull = `${baseWithoutApi}/api/meshcentral/proxy/${cleanPath}`;
-      
-      console.log("[RemoteControl] Proxy URL:", proxyUrlFull);
-      setProxyUrl(proxyUrlFull);
-      setShowRemote(true);
-    },
-    onError: (error: any) => {
-      console.error("[RemoteControl] Error:", error);
-      setErrorMessage(error?.response?.data?.message || "Lỗi không xác định khi kết nối remote.");
-    },
-  });
-
-  const handleConnect = (event: React.FormEvent<HTMLFormElement>) => {
-    event.preventDefault();
-    const trimmedNodeId = nodeId.trim();
-    if (!trimmedNodeId) {
-      setErrorMessage("Vui lòng nhập nodeID.");
-      return;
-    }
-    setErrorMessage(null);
-    connectMutation.mutate(trimmedNodeId);
-  };
-
-  const handleClose = () => {
-    setShowRemote(false);
-    setProxyUrl(null);
-  };
-
-  const handleFullscreen = () => {
-    const iframe = document.getElementById("mesh-iframe") as HTMLIFrameElement;
-    if (iframe?.requestFullscreen) {
-      iframe.requestFullscreen();
-    }
-  };
-
-  return (
-    <div className="w-full max-w-4xl space-y-4">
-      <Card>
-        <CardHeader>
-          <CardTitle className="flex items-center gap-2 text-lg">
-            <Monitor className="h-5 w-5" />
-            Điều khiển trực tiếp
-          </CardTitle>
-          <CardDescription>
-            Nhập nodeID thiết bị và nhấn Connect để mở phiên remote desktop.
-          </CardDescription>
-        </CardHeader>
-        <CardContent>
-          <form onSubmit={handleConnect} className="space-y-3">
-            <Input
-              placeholder="Nhập nodeID (ví dụ: node//xxxxxx)"
-              value={nodeId}
-              onChange={(event) => setNodeId(event.target.value)}
-              disabled={connectMutation.isPending}
-            />
-            <Button type="submit" disabled={connectMutation.isPending}>
-              {connectMutation.isPending ? (
-                <>
-                  <LoaderCircle className="h-4 w-4 animate-spin" />
-                  Đang kết nối...
-                </>
-              ) : (
-                <>
-                  <Monitor className="h-4 w-4 mr-2" />
-                  Connect
-                </>
-              )}
-            </Button>
-          </form>
-          {errorMessage && (
-            <p className="mt-3 text-sm font-medium text-destructive">{errorMessage}</p>
-          )}
-        </CardContent>
-      </Card>
-
-      {showRemote && proxyUrl && (
-        <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/65 p-4">
-          <div className="relative h-[90vh] w-[90vw] overflow-hidden rounded-lg border bg-background shadow-2xl">
-            <div className="flex items-center justify-between border-b bg-muted/50 px-3 py-2">
-              <p className="text-sm font-medium">Remote Session</p>
-              <div className="flex gap-1">
-                <Button
-                  variant="ghost"
-                  size="icon"
-                  type="button"
-                  onClick={handleFullscreen}
-                  title="Fullscreen"
-                >
-                  <Maximize2 className="h-4 w-4" />
-                </Button>
-                <Button
-                  variant="ghost"
-                  size="icon"
-                  type="button"
-                  onClick={handleClose}
-                  aria-label="Đóng"
-                >
-                  <X className="h-4 w-4" />
-                </Button>
-              </div>
-            </div>
-            <iframe
-              id="mesh-iframe"
-              title="Remote Desktop"
-              src={proxyUrl}
-              className="h-[calc(90vh-44px)] w-full border-0"
-              allowFullScreen
-              allow="clipboard-read; clipboard-write; camera; microphone"
-            />
-          </div>
-        </div>
-      )}
-    </div>
-  );
-}

src/services/index.ts

@@ -17,7 +17,4 @@ export * as permissionService from "./permission.service";
 export * as roleService from "./role.service";
 
 // Mesh Central API Services
-export * as meshCentralService from "./meshcentral.service";
+export * as meshCentralService from "./meshcentral.service";
-
-// Remote Control API Services
-export * as remoteControlService from "./remote-control.service";

src/services/remote-control.service.ts

@@ -1,13 +0,0 @@
-import axios from "@/config/axios";
-import { API_ENDPOINTS } from "@/config/api";
-
-export type RemoteDesktopResponse = {
-  url: string;
-};
-
-export async function getRemoteDesktopUrl(nodeId: string): Promise<RemoteDesktopResponse> {
-  const response = await axios.get<RemoteDesktopResponse>(
-    API_ENDPOINTS.MESH_CENTRAL.GET_REMOTE_DESKTOP(nodeId.trim())
-  );
-  return response.data;
-}

src/types/app-sidebar.ts

@@ -1,4 +1,4 @@
-import { AppWindow, Building, CircleX, ClipboardList, Folder, Home, Monitor, ShieldCheck, Terminal, UserPlus} from "lucide-react";
+import { AppWindow, Building, CircleX, ClipboardList, Folder, Home, ShieldCheck, Terminal, UserPlus} from "lucide-react";
 import { PermissionEnum } from "./permission";
 
 enum AppSidebarSectionCode {
@@ -12,7 +12,6 @@ enum AppSidebarSectionCode {
   LIST_ROLES = 8,
   LIST_PERMISSIONS = 9,
   LIST_USERS = 10,
-  REMOTE_LIVE_CONTROL = 11,
 }
 
 export const appSidebarSection = {
@@ -95,18 +94,6 @@ export const appSidebarSection = {
         }
       ]
     },
-    {
-      title: "Điều khiển từ xa",
-      items: [
-        {
-          title: "Điều khiển trực tiếp",
-          url: "/remote-control",
-          code: AppSidebarSectionCode.REMOTE_LIVE_CONTROL,
-          icon: Monitor,
-          permissions: [PermissionEnum.ALLOW_ALL],
-        }
-      ]
-    },
     {
       title: "Audits",
       items: [

vite.config.ts

@@ -4,7 +4,6 @@ import react from '@vitejs/plugin-react'
 import { tanstackRouter } from '@tanstack/router-plugin/vite'
 import tailwindcss from "@tailwindcss/vite"
 import path from 'path'
-import basicSsl from '@vitejs/plugin-basic-ssl'
 
 // https://vitejs.dev/config/
 export default defineConfig({
@@ -16,8 +15,7 @@ export default defineConfig({
     }),
     
     react(),
-    tailwindcss(),
+    tailwindcss()
-    basicSsl()
     // ...,
   ],
   resolve: {
@@ -25,28 +23,4 @@ export default defineConfig({
       "@": path.resolve(__dirname, "./src"),
     },
   },
-  server: {
-    proxy: {
-      '/mesh-api': {
-        target: 'https://my-mesh-test.com',
-        changeOrigin: true,
-        rewrite: (path) => path.replace(/^\/mesh-api/, ''),
-        secure: false, // Bỏ qua lỗi SSL của MeshCentral
-        configure: (proxy, options) => {
-          proxy.on('proxyRes', (proxyRes) => {
-          const setCookie = proxyRes.headers['set-cookie'];
-          if (setCookie) {
-            // Sửa toàn bộ Cookie trả về: Đổi Lax -> None, thêm Secure
-            proxyRes.headers['set-cookie'] = setCookie.map(cookie => {
-              // Nếu gặp cookie trống (e30=), ta có thể bỏ qua hoặc giữ nhưng phải ép None
-              return cookie
-                .replace(/SameSite=Lax/gi, 'SameSite=None')
-                .replace(/SameSite=Strict/gi, 'SameSite=None') + '; Secure';
-            });
-          }
-        });
-        },
-      },
-    },
-  },
 })