- MainLayout: replace inner <Layout> with row-flex div so sidebar and
session tabs appear side-by-side instead of stacked vertically
- global.css: add Ant Design Tabs CSS overrides so tab pane content
fills available height (SSH terminal and RDP canvas sized correctly)
- rdp.ts: send guacd's ready-UUID as first WebSocket message so
Guacamole.WebSocketTunnel completes its tunnel handshake correctly
- RdpTab: add connecting/error/disconnected status overlays for
visibility when RDP fails
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Inline tsconfig.base.json settings into frontend/tsconfig.json (same
Docker context issue as backend — only frontend/ is copied)
- Upgrade @types/react and @types/react-dom to ^19.0.0 to satisfy
antd 5.20.x which references React.ActionDispatch (React 19 type);
React 18 runtime is unchanged
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Sets up the complete mRemotify project — a browser-based remote
connection manager — with a working pnpm workspace monorepo:
Frontend (React + TypeScript + Vite + Ant Design 5):
- Login page with JWT auth
- Resizable sidebar with drag-and-drop connection tree (folders + connections)
- Tabbed session area (SSH via xterm.js, RDP via guacamole-common-js)
- Connection CRUD modal with SSH/RDP-specific fields
- Zustand store for auth, tree data, and open sessions
Backend (Fastify + TypeScript + Prisma + PostgreSQL):
- JWT authentication (login + /me endpoint)
- Full CRUD REST API for folders (self-referencing) and connections
- AES-256-CBC password encryption at rest
- WebSocket proxy for SSH sessions (ssh2 <-> xterm.js)
- WebSocket proxy for RDP sessions (guacd TCP handshake + bidirectional relay)
- Admin user seeding on first start
Infrastructure:
- Docker Compose: postgres (healthcheck) + guacd + backend + frontend/nginx
- nginx: serves SPA, proxies /api and /ws (with WebSocket upgrade) to backend
- .env.example with all required variables documented
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
