Add node registration API and UI

Author: richiemcilroy

apps/admin/src/app/api/servers/[serverId]/register-node/route.ts

@@ -0,0 +1,61 @@
+import { NextResponse } from 'next/server'
+import { eq } from 'drizzle-orm'
+import { getDb } from '@/lib/db'
+import { adminServers } from '@sandchest/db/schema'
+import { bytesToId, NODE_PREFIX } from '@sandchest/contract'
+
+export async function POST(
+  _request: Request,
+  { params }: { params: Promise<{ serverId: string }> },
+) {
+  const { serverId } = await params
+  const db = getDb()
+  const serverIdBuf = Buffer.from(serverId, 'hex') as unknown as Uint8Array
+
+  const [server] = await db
+    .select()
+    .from(adminServers)
+    .where(eq(adminServers.id, serverIdBuf))
+    .limit(1)
+
+  if (!server) {
+    return NextResponse.json({ error: 'Server not found' }, { status: 404 })
+  }
+
+  if (!server.nodeId) {
+    return NextResponse.json({ error: 'No node ID — deploy the daemon first' }, { status: 400 })
+  }
+
+  const nodeId = bytesToId(NODE_PREFIX, server.nodeId as unknown as Uint8Array)
+  const apiUrl = process.env.API_URL ?? 'https://api.sandchest.com'
+  const apiToken = process.env.ADMIN_API_TOKEN
+
+  const res = await fetch(`${apiUrl}/v1/admin/nodes`, {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json',
+      ...(apiToken ? { Authorization: `Bearer ${apiToken}` } : {}),
+    },
+    body: JSON.stringify({
+      id: nodeId,
+      name: server.name ?? server.ip,
+      hostname: server.ip,
+    }),
+  })
+
+  if (!res.ok) {
+    const text = await res.text().catch(() => '')
+    return NextResponse.json(
+      { error: `API registration failed (${res.status}): ${text}` },
+      { status: 502 },
+    )
+  }
+
+  const data = await res.json() as Record<string, unknown>
+  return NextResponse.json({
+    success: true,
+    node_id: nodeId,
+    hostname: server.ip,
+    upserted: data.upserted ?? false,
+  })
+}

apps/admin/src/app/servers/[serverId]/page.tsx

@@ -151,6 +151,20 @@ export default function ServerDetailPage({
     },
   })
 
+  const registerMutation = useMutation({
+    mutationFn: async () => {
+      const res = await fetch(`/api/servers/${serverId}/register-node`, { method: 'POST' })
+      if (!res.ok) {
+        const data = await res.json().catch(() => ({ error: 'Registration failed' })) as { error: string }
+        throw new Error(data.error)
+      }
+      return res.json() as Promise<{ node_id: string; hostname: string; upserted: boolean }>
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['server', serverId] })
+    },
+  })
+
   const destroyAllVmsMutation = useMutation({
     mutationFn: async () => {
       const res = await fetch(`/api/servers/${serverId}/destroy-all-vms`, { method: 'POST' })
@@ -359,6 +373,13 @@ export default function ServerDetailPage({
           <div style={{ display: 'flex', gap: '0.5rem', flexWrap: 'wrap' }}>
             <button
               className="btn btn-primary btn-sm"
+              onClick={() => registerMutation.mutate()}
+              disabled={registerMutation.isPending}
+            >
+              {registerMutation.isPending ? <><span className="spinner" style={{ width: '0.75rem', height: '0.75rem', marginRight: '0.375rem' }} /> Registering…</> : 'Register Node'}
+            </button>
+            <button
+              className="btn btn-sm"
               onClick={() => deployMutation.mutate()}
               disabled={deployMutation.isPending}
             >
@@ -407,6 +428,17 @@ export default function ServerDetailPage({
               All VMs destroyed and daemon restarted.
             </div>
           )}
+          {registerMutation.isError && (
+            <div className="feedback-card feedback-danger" style={{ marginTop: '0.75rem' }}>
+              {registerMutation.error.message}
+            </div>
+          )}
+          {registerMutation.isSuccess && (
+            <div className="feedback-card feedback-success" style={{ marginTop: '0.75rem' }}>
+              Node registered — hostname: {server.ip}, ID: {registerMutation.data?.node_id}
+              {registerMutation.data?.upserted ? ' (updated)' : ' (created)'}
+            </div>
+          )}
         </div>
       )}
 

apps/admin/src/app/smoke/layout.tsx

@@ -0,0 +1,5 @@
+import AdminShell from '@/components/AdminShell'
+
+export default function SmokeLayout({ children }: { children: React.ReactNode }) {
+  return <AdminShell>{children}</AdminShell>
+}