Add ScreenConnect-parity features (high + medium)

Viewer:
- Toolbar: Ctrl+Alt+Del, clipboard paste, monitor picker, file transfer, chat, WoL buttons
- Multi-monitor: agent sends monitor_list on connect, viewer can switch via dropdown
- Clipboard sync: agent polls local clipboard → sends to viewer; viewer paste → agent sets remote clipboard
- File transfer panel: drag-drop upload to agent, directory browser, download files from remote
- Chat panel: bidirectional text chat forwarded through relay

Agent:
- Multi-monitor capture with set_monitor/set_quality message handlers
- exec_key_combo for Ctrl+Alt+Del and arbitrary combos
- Clipboard polling via pyperclip (both directions)
- File upload/download/list_files with base64 chunked protocol
- Attended mode (--attended): zenity/kdialog/PowerShell consent dialog before accepting stream
- Auto-update: heartbeat checks version, downloads new binary and exec-replaces self (Linux)
- Reports MAC address on registration (for WoL)

Relay:
- Forwards monitor_list, clipboard_content, file_chunk, file_list, chat_message agent→viewer
- Session recording: when RECORDING_DIR env set, saves JPEG frames as .remrec files
- ALLOWED_ORIGINS CORS now set from NEXT_PUBLIC_APP_URL in docker-compose

Database:
- groups table (id, name, description, created_by)
- machines: group_id, mac_address, notes, tags text[]
- Migration 0003 applied

Dashboard:
- Machines page: search, tag filter, group filter, inline notes/tags/rename editing
- MachineCard: inline tag management, group picker, notes textarea
- Admin page: new Groups tab (create/list/delete groups)
- API: PATCH /api/machines/[id] (name, notes, tags, groupId)
- API: GET/POST/DELETE /api/groups
- API: POST /api/machines/wol (broadcast magic packet)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
monoadmin
2026-04-10 23:57:47 -07:00
parent 27673daa63
commit 61edbf59bf
20 changed files with 1881 additions and 241 deletions

View File

@@ -0,0 +1,60 @@
import { auth } from '@/auth'
import { db } from '@/lib/db'
import { machines } from '@/lib/db/schema'
import { and, eq } from 'drizzle-orm'
import { NextRequest, NextResponse } from 'next/server'
import { createSocket } from 'dgram'
function buildMagicPacket(mac: string): Buffer {
// Normalise: strip separators, expect 12 hex chars
const hex = mac.replace(/[:\-]/g, '').toLowerCase()
if (hex.length !== 12 || !/^[0-9a-f]+$/.test(hex)) {
throw new Error('Invalid MAC address')
}
const macBytes = Buffer.from(hex, 'hex')
// Magic packet: 6x 0xFF + 16x MAC
const packet = Buffer.alloc(6 + 16 * 6)
packet.fill(0xff, 0, 6)
for (let i = 0; i < 16; i++) macBytes.copy(packet, 6 + i * 6)
return packet
}
async function sendMagicPacket(mac: string): Promise<void> {
const packet = buildMagicPacket(mac)
return new Promise((resolve, reject) => {
const sock = createSocket('udp4')
sock.once('error', reject)
sock.bind(() => {
sock.setBroadcast(true)
sock.send(packet, 0, packet.length, 9, '255.255.255.255', () => {
sock.close()
resolve()
})
})
})
}
export async function POST(request: NextRequest) {
const session = await auth()
if (!session?.user?.id) return NextResponse.json({ error: 'Unauthorized' }, { status: 401 })
const { machineId } = await request.json()
if (!machineId) return NextResponse.json({ error: 'machineId required' }, { status: 400 })
const result = await db
.select({ macAddress: machines.macAddress, name: machines.name })
.from(machines)
.where(and(eq(machines.id, machineId), eq(machines.userId, session.user.id)))
.limit(1)
const machine = result[0]
if (!machine) return NextResponse.json({ error: 'Machine not found' }, { status: 404 })
if (!machine.macAddress) return NextResponse.json({ error: 'No MAC address recorded for this machine. Agent must reconnect at least once.' }, { status: 422 })
try {
await sendMagicPacket(machine.macAddress)
return NextResponse.json({ success: true, message: `Magic packet sent to ${machine.macAddress}` })
} catch (e) {
return NextResponse.json({ error: String(e) }, { status: 500 })
}
}