@promptbook/cli 0.112.0-96 → 0.112.0-98

package/apps/agents-server/src/app/admin/servers/ServersClient.tsx

@@ -2,7 +2,7 @@
 
 import { Plus } from 'lucide-react';
 import { useSearchParams } from 'next/navigation';
-import { useCallback, useEffect } from 'react';
+import { useCallback, useEffect, useMemo } from 'react';
 import { Card } from '../../../components/Homepage/Card';
 import { Section } from '../../../components/Homepage/Section';
 import { useUnsavedChangesGuard } from '../../../components/utils/useUnsavedChangesGuard';
@@ -35,6 +35,7 @@ export function ServersClient() {
         deletingServerId,
         error,
         hasDirtyServerDrafts,
+        isStandaloneVps,
         isServerDraftDirty,
         loading,
         migrateServer,
@@ -52,6 +53,10 @@ export function ServersClient() {
         onServerCreated: reloadServers,
     });
     const hasUnsavedChanges = hasDirtyServerDrafts || (createServerWizard.isDialogOpen && createServerWizard.isDirty);
+    const serversWithDnsIssues = useMemo(
+        () => servers.filter((server) => server.dnsDiagnostic && server.dnsDiagnostic.status !== 'verified'),
+        [servers],
+    );
     const { confirmBeforeNavigation, allowNextNavigation } = useUnsavedChangesGuard({
         hasUnsavedChanges,
         preventInAppNavigation: true,
@@ -117,11 +122,28 @@ export function ServersClient() {
                 </Card>
             ) : null}
 
+            {isStandaloneVps && serversWithDnsIssues.length > 0 ? (
+                <Card className="border-amber-200 bg-amber-50 hover:border-amber-200 hover:shadow-md">
+                    <div className="space-y-2 text-sm text-amber-900">
+                        <p className="font-semibold">
+                            DNS setup is incomplete for {serversWithDnsIssues.length}{' '}
+                            {serversWithDnsIssues.length === 1 ? 'domain' : 'domains'}.
+                        </p>
+                        <p>
+                            Automatic nginx and SSL setup already ran, but these domains do not resolve to this VPS yet.
+                            Review the DNS instructions in the affected server rows below, update the records at your DNS
+                            provider, and refresh this page after propagation.
+                        </p>
+                    </div>
+                </Card>
+            ) : null}
+
             <Section title="Registered servers" gridClassName="grid gap-6">
                 <Card className="hover:border-gray-200 hover:shadow-md">
                     <ServersRegistryTable
                         currentServerId={currentServerId}
                         canEdit={canEdit}
+                        isStandaloneVps={isStandaloneVps}
                         loading={loading}
                         migratingServerId={migratingServerId}
                         navigatingServerId={navigatingServerId}
@@ -139,27 +161,17 @@ export function ServersClient() {
 
             {canEdit ? (
                 <CreateServerDialog
-                    addAdditionalUser={createServerWizard.addAdditionalUser}
-                    derivedWizardTablePrefix={createServerWizard.derivedWizardTablePrefix}
                     handleCreateServer={createServerWizard.handleCreateServer}
                     handleIconUpload={createServerWizard.handleIconUpload}
-                    handleWizardBack={createServerWizard.handleWizardBack}
-                    handleWizardNext={createServerWizard.handleWizardNext}
-                    handleWizardStepSelection={createServerWizard.handleWizardStepSelection}
                     iconInputRef={createServerWizard.iconInputRef}
                     isCreatingServer={createServerWizard.isCreatingServer}
                     isOpen={createServerWizard.isDialogOpen}
                     isUploadingIcon={createServerWizard.isUploadingIcon}
-                    removeAdditionalUser={createServerWizard.removeAdditionalUser}
                     requestClose={createServerWizard.requestClose}
                     resetWizard={createServerWizard.resetWizard}
-                    updateAdditionalUser={createServerWizard.updateAdditionalUser}
-                    updateAdminUser={createServerWizard.updateAdminUser}
-                    updateInitialSetting={createServerWizard.updateInitialSetting}
                     updateWizardField={createServerWizard.updateWizardField}
                     wizardError={createServerWizard.wizardError}
                     wizardState={createServerWizard.wizardState}
-                    wizardStep={createServerWizard.wizardStep}
                 />
             ) : null}
 

package/apps/agents-server/src/app/admin/servers/ServersRegistryApi.ts

@@ -22,6 +22,11 @@ type ManagedServersReadResponse = {
      */
     readonly canEdit: boolean;
 
+    /**
+     * Whether the registry is backed by standalone VPS `SERVERS` configuration.
+     */
+    readonly isStandaloneVps?: boolean;
+
     /**
      * Optional failure message returned by the API.
      */

package/apps/agents-server/src/app/admin/servers/ServersRegistryDnsTypes.ts

@@ -0,0 +1,87 @@
+/**
+ * Supported DNS verification states shown for standalone VPS domains.
+ *
+ * @private shared type for the `/admin/servers` registry flow
+ */
+export type ManagedServerDnsStatus = 'verified' | 'pending' | 'misconfigured' | 'unavailable';
+
+/**
+ * One DNS record instruction rendered in the admin UI.
+ *
+ * @private shared type for the `/admin/servers` registry flow
+ */
+export type ManagedServerDnsExpectedRecord = {
+    /**
+     * DNS record type.
+     */
+    readonly type: 'A' | 'AAAA' | 'CNAME';
+
+    /**
+     * Hostname/record name that should be configured.
+     */
+    readonly name: string;
+
+    /**
+     * Expected record target value.
+     */
+    readonly value: string;
+
+    /**
+     * Optional note clarifying when to use the record.
+     */
+    readonly note: string | null;
+};
+
+/**
+ * One external DNS-provider help link shown with the setup guidance.
+ *
+ * @private shared type for the `/admin/servers` registry flow
+ */
+export type ManagedServerDnsProviderGuide = {
+    /**
+     * Human-readable provider label.
+     */
+    readonly label: string;
+
+    /**
+     * Official provider help URL.
+     */
+    readonly href: string;
+};
+
+/**
+ * DNS diagnostic payload returned for one standalone VPS domain.
+ *
+ * @private shared type for the `/admin/servers` registry flow
+ */
+export type ManagedServerDnsDiagnostic = {
+    /**
+     * Overall DNS verification state for the domain.
+     */
+    readonly status: ManagedServerDnsStatus;
+
+    /**
+     * Short human-readable explanation of the current state.
+     */
+    readonly summary: string;
+
+    /**
+     * Public IP address expected for direct DNS records.
+     */
+    readonly publicIpAddress: string | null;
+
+    /**
+     * Addresses currently returned by DNS for the configured domain.
+     */
+    readonly resolvedAddresses: ReadonlyArray<string>;
+
+    /**
+     * DNS records that the user can add at their provider.
+     */
+    readonly expectedRecords: ReadonlyArray<ManagedServerDnsExpectedRecord>;
+
+    /**
+     * Provider documentation links for updating DNS records.
+     */
+    readonly providerGuides: ReadonlyArray<ManagedServerDnsProviderGuide>;
+};

package/apps/agents-server/src/app/admin/servers/ServersRegistryTable.tsx

@@ -1,5 +1,6 @@
 'use client';
 
+import { Fragment } from 'react';
 import { ArrowRightLeft, Loader2, RefreshCcw, Save } from 'lucide-react';
 import moment from 'moment';
 import {
@@ -55,6 +56,11 @@ type ServersRegistryTableProps = {
      */
     readonly loading: boolean;
 
+    /**
+     * Whether rows are standalone VPS domains instead of database `_Server` records.
+     */
+    readonly isStandaloneVps: boolean;
+
     /**
      * Server id currently running migrations.
      */
@@ -116,6 +122,7 @@ type ServersRegistryTableRowProps = {
     readonly currentServerId: number | null;
     readonly draft: ServerDraft | undefined;
     readonly isDirty: boolean;
+    readonly isStandaloneVps: boolean;
     readonly isMigrating: boolean;
     readonly isNavigating: boolean;
     readonly isSaving: boolean;
@@ -172,6 +179,7 @@ function ServersRegistryTableRow(props: ServersRegistryTableRowProps) {
         canEdit,
         draft,
         isDirty,
+        isStandaloneVps,
         isMigrating,
         isNavigating,
         isSaving,
@@ -182,109 +190,213 @@ function ServersRegistryTableRow(props: ServersRegistryTableRowProps) {
         server,
     } = props;
     const isCurrent = server.id === currentServerId;
+    const dnsDiagnostic = server.dnsDiagnostic || null;
+    const hasDnsIssue = Boolean(dnsDiagnostic && dnsDiagnostic.status !== 'verified');
+    const columnCount = isStandaloneVps ? 6 : 8;
 
     return (
-        <tr className={isCurrent ? 'bg-blue-50/40' : 'hover:bg-gray-50'}>
-            <td className="px-4 py-3 align-top">
-                <input
-                    type="text"
-                    value={draft?.name || ''}
-                    onChange={(event) => onUpdateServerDraft(server.id, 'name', event.target.value)}
-                    className={INPUT_CLASS_NAME}
-                    disabled={!canEdit}
-                    aria-label={`Server name for ${server.name}`}
-                />
-            </td>
-            <td className="px-4 py-3 align-top">
-                <select
-                    value={draft?.environment || server.environment}
-                    onChange={(event) =>
-                        onUpdateServerDraft(server.id, 'environment', event.target.value as ManagedServerEnvironment)
-                    }
-                    className={INPUT_CLASS_NAME}
-                    disabled={!canEdit}
-                    aria-label={`Environment for ${server.name}`}
-                >
-                    {MANAGED_SERVER_ENVIRONMENT_OPTIONS.map((environment) => (
-                        <option key={environment} value={environment}>
-                            {environment}
-                        </option>
-                    ))}
-                </select>
-            </td>
-            <td className="px-4 py-3 align-top">
-                <input
-                    type="text"
-                    value={draft?.domain || ''}
-                    onChange={(event) => onUpdateServerDraft(server.id, 'domain', event.target.value)}
-                    className={INPUT_CLASS_NAME}
-                    disabled={!canEdit}
-                    aria-label={`Domain for ${server.name}`}
-                />
-            </td>
-            <td className="px-4 py-3 align-top">
-                <input
-                    type="text"
-                    value={draft?.tablePrefix || ''}
-                    onChange={(event) => onUpdateServerDraft(server.id, 'tablePrefix', event.target.value)}
-                    className={`${INPUT_CLASS_NAME} font-mono`}
-                    disabled={!canEdit}
-                    aria-label={`Table prefix for ${server.name}`}
-                />
-            </td>
-            <td className="px-4 py-3 align-top">
-                <div className="flex flex-wrap gap-2">
-                    {isCurrent ? <ServerStatusBadge label="Current" tone="green" /> : null}
-                    {isDirty ? <ServerStatusBadge label="Unsaved" tone="blue" /> : null}
-                    {!isCurrent && !isDirty ? <span className="text-xs text-gray-400">-</span> : null}
-                </div>
-            </td>
-            <td className="px-4 py-3 align-top text-xs text-gray-600">
-                <span className="whitespace-nowrap font-mono">{formatDateTime(server.createdAt)}</span>
-            </td>
-            <td className="px-4 py-3 align-top text-xs text-gray-600">
-                <span className="whitespace-nowrap font-mono">{formatDateTime(server.updatedAt)}</span>
-            </td>
-            <td className="px-4 py-3 align-top">
-                <div className="flex flex-wrap justify-end gap-2">
-                    <button
-                        type="button"
-                        onClick={() => void onSaveServer(server.id)}
-                        disabled={!canEdit || !isDirty || isSaving}
-                        className={`${PRIMARY_BUTTON_CLASS_NAME} px-2 py-1 text-xs`}
-                    >
-                        {isSaving ? <Loader2 className="h-3.5 w-3.5 animate-spin" /> : <Save className="h-3.5 w-3.5" />}
-                        Save
-                    </button>
-                    <button
-                        type="button"
-                        onClick={() => void onMigrateServer(server.id)}
-                        disabled={!canEdit || isMigrating}
-                        className={`${SECONDARY_BUTTON_CLASS_NAME} px-2 py-1 text-xs`}
-                    >
-                        {isMigrating ? (
-                            <Loader2 className="h-3.5 w-3.5 animate-spin" />
-                        ) : (
-                            <RefreshCcw className="h-3.5 w-3.5" />
-                        )}
-                        Migrate
-                    </button>
-                    <button
-                        type="button"
-                        onClick={() => void onSwitchServer(server)}
-                        disabled={isNavigating}
-                        className={`${SECONDARY_BUTTON_CLASS_NAME} px-2 py-1 text-xs`}
-                    >
-                        {isNavigating ? (
-                            <Loader2 className="h-3.5 w-3.5 animate-spin" />
-                        ) : (
-                            <ArrowRightLeft className="h-3.5 w-3.5" />
-                        )}
-                        Switch
-                    </button>
-                </div>
-            </td>
-        </tr>
+        <>
+            <tr className={isCurrent ? 'bg-blue-50/40' : 'hover:bg-gray-50'}>
+                <td className="px-4 py-3 align-top">
+                    <input
+                        type="text"
+                        value={draft?.name || ''}
+                        onChange={(event) => onUpdateServerDraft(server.id, 'name', event.target.value)}
+                        className={INPUT_CLASS_NAME}
+                        disabled={!canEdit}
+                        aria-label={`Server name for ${server.name}`}
+                    />
+                </td>
+                {!isStandaloneVps ? (
+                    <td className="px-4 py-3 align-top">
+                        <select
+                            value={draft?.environment || server.environment}
+                            onChange={(event) =>
+                                onUpdateServerDraft(
+                                    server.id,
+                                    'environment',
+                                    event.target.value as ManagedServerEnvironment,
+                                )
+                            }
+                            className={INPUT_CLASS_NAME}
+                            disabled={!canEdit}
+                            aria-label={`Environment for ${server.name}`}
+                        >
+                            {MANAGED_SERVER_ENVIRONMENT_OPTIONS.map((environment) => (
+                                <option key={environment} value={environment}>
+                                    {environment}
+                                </option>
+                            ))}
+                        </select>
+                    </td>
+                ) : null}
+                <td className="px-4 py-3 align-top">
+                    <input
+                        type="text"
+                        value={draft?.domain || ''}
+                        onChange={(event) => onUpdateServerDraft(server.id, 'domain', event.target.value)}
+                        className={INPUT_CLASS_NAME}
+                        disabled={!canEdit}
+                        aria-label={`Domain for ${server.name}`}
+                    />
+                </td>
+                {!isStandaloneVps ? (
+                    <td className="px-4 py-3 align-top">
+                        <input
+                            type="text"
+                            value={draft?.tablePrefix || ''}
+                            onChange={(event) => onUpdateServerDraft(server.id, 'tablePrefix', event.target.value)}
+                            className={`${INPUT_CLASS_NAME} font-mono`}
+                            disabled={!canEdit}
+                            aria-label={`Table prefix for ${server.name}`}
+                        />
+                    </td>
+                ) : null}
+                <td className="px-4 py-3 align-top">
+                    <div className="flex flex-wrap gap-2">
+                        {isCurrent ? <ServerStatusBadge label="Current" tone="green" /> : null}
+                        {isDirty ? <ServerStatusBadge label="Unsaved" tone="blue" /> : null}
+                        {dnsDiagnostic?.status === 'verified' ? (
+                            <ServerStatusBadge label="DNS ready" tone="green" />
+                        ) : null}
+                        {hasDnsIssue ? <ServerStatusBadge label="DNS issue" tone="amber" /> : null}
+                        {!isCurrent && !isDirty && !dnsDiagnostic ? <span className="text-xs text-gray-400">-</span> : null}
+                    </div>
+                </td>
+                <td className="px-4 py-3 align-top text-xs text-gray-600">
+                    <span className="whitespace-nowrap font-mono">{formatDateTime(server.createdAt)}</span>
+                </td>
+                <td className="px-4 py-3 align-top text-xs text-gray-600">
+                    <span className="whitespace-nowrap font-mono">{formatDateTime(server.updatedAt)}</span>
+                </td>
+                <td className="px-4 py-3 align-top">
+                    <div className="flex flex-wrap justify-end gap-2">
+                        <button
+                            type="button"
+                            onClick={() => void onSaveServer(server.id)}
+                            disabled={!canEdit || !isDirty || isSaving}
+                            className={`${PRIMARY_BUTTON_CLASS_NAME} px-2 py-1 text-xs`}
+                        >
+                            {isSaving ? (
+                                <Loader2 className="h-3.5 w-3.5 animate-spin" />
+                            ) : (
+                                <Save className="h-3.5 w-3.5" />
+                            )}
+                            Save
+                        </button>
+                        <button
+                            type="button"
+                            onClick={() => void onMigrateServer(server.id)}
+                            disabled={!canEdit || isMigrating}
+                            className={`${SECONDARY_BUTTON_CLASS_NAME} px-2 py-1 text-xs`}
+                        >
+                            {isMigrating ? (
+                                <Loader2 className="h-3.5 w-3.5 animate-spin" />
+                            ) : (
+                                <RefreshCcw className="h-3.5 w-3.5" />
+                            )}
+                            Migrate
+                        </button>
+                        <button
+                            type="button"
+                            onClick={() => void onSwitchServer(server)}
+                            disabled={isNavigating}
+                            className={`${SECONDARY_BUTTON_CLASS_NAME} px-2 py-1 text-xs`}
+                        >
+                            {isNavigating ? (
+                                <Loader2 className="h-3.5 w-3.5 animate-spin" />
+                            ) : (
+                                <ArrowRightLeft className="h-3.5 w-3.5" />
+                            )}
+                            Switch
+                        </button>
+                    </div>
+                </td>
+            </tr>
+            {hasDnsIssue ? (
+                <tr className="bg-amber-50/70">
+                    <td colSpan={columnCount} className="px-4 py-4">
+                        <div className="space-y-4 rounded-xl border border-amber-200 bg-amber-50 px-4 py-4 text-sm text-amber-900">
+                            <div className="space-y-1">
+                            <p className="font-semibold">
+                                DNS setup needs attention for <span className="font-mono">{server.domain}</span>
+                            </p>
+                            <p>{dnsDiagnostic?.summary}</p>
+                                {dnsDiagnostic?.resolvedAddresses.length ? (
+                                    <p className="text-xs text-amber-800">
+                                        Currently resolves to:{' '}
+                                        <span className="font-mono">{dnsDiagnostic.resolvedAddresses.join(', ')}</span>
+                                    </p>
+                                ) : null}
+                            </div>
+
+                            {dnsDiagnostic?.expectedRecords.length ? (
+                                <div className="overflow-x-auto rounded-lg border border-amber-200 bg-white">
+                                    <table className="min-w-full divide-y divide-amber-100 text-xs">
+                                        <thead className="bg-amber-100/60 text-amber-900">
+                                            <tr>
+                                                <th className="px-3 py-2 text-left font-semibold">Type</th>
+                                                <th className="px-3 py-2 text-left font-semibold">Name</th>
+                                                <th className="px-3 py-2 text-left font-semibold">Value</th>
+                                                <th className="px-3 py-2 text-left font-semibold">When to use</th>
+                                            </tr>
+                                        </thead>
+                                        <tbody className="divide-y divide-amber-100">
+                                            {dnsDiagnostic.expectedRecords.map((record) => (
+                                                <tr key={`${record.type}-${record.name}-${record.value}`}>
+                                                    <td className="px-3 py-2 font-mono font-semibold text-amber-900">
+                                                        {record.type}
+                                                    </td>
+                                                    <td className="px-3 py-2 font-mono text-slate-800">
+                                                        {record.name}
+                                                    </td>
+                                                    <td className="px-3 py-2 font-mono text-slate-800">
+                                                        {record.value}
+                                                    </td>
+                                                    <td className="px-3 py-2 text-amber-900">
+                                                        {record.note || 'Required.'}
+                                                    </td>
+                                                </tr>
+                                            ))}
+                                        </tbody>
+                                    </table>
+                                </div>
+                            ) : null}
+
+                            <div className="space-y-2">
+                                <p className="font-medium">How to fix it</p>
+                                <ol className="list-decimal space-y-1 pl-5 text-amber-900">
+                                    <li>Open your DNS provider for this domain.</li>
+                                    <li>
+                                        Add one of the records above for{' '}
+                                        <span className="font-mono">{server.domain}</span>.
+                                    </li>
+                                    <li>Remove conflicting A, AAAA, or CNAME records for the same hostname.</li>
+                                    <li>Wait for DNS propagation, then refresh this page.</li>
+                                </ol>
+                            </div>
+
+                            <div className="space-y-2">
+                                <p className="font-medium">Provider guides</p>
+                                <div className="flex flex-wrap gap-3 text-xs">
+                                    {dnsDiagnostic?.providerGuides.map((guide) => (
+                                        <a
+                                            key={guide.href}
+                                            href={guide.href}
+                                            target="_blank"
+                                            rel="noreferrer"
+                                            className="font-semibold text-amber-700 underline decoration-amber-400 underline-offset-2 hover:text-amber-900"
+                                        >
+                                            {guide.label}
+                                        </a>
+                                    ))}
+                                </div>
+                            </div>
+                        </div>
+                    </td>
+                </tr>
+            ) : null}
+        </>
     );
 }
 
@@ -300,6 +412,7 @@ export function ServersRegistryTable(props: ServersRegistryTableProps) {
     const {
         currentServerId,
         canEdit,
+        isStandaloneVps,
         isServerDraftDirty,
         loading,
         migratingServerId,
@@ -329,22 +442,37 @@ export function ServersRegistryTable(props: ServersRegistryTableProps) {
             ) : (
                 <div className="mt-4 overflow-x-auto rounded-xl border border-gray-200">
                     <table className="min-w-full table-fixed divide-y divide-gray-200 text-sm">
-                        <colgroup>
-                            <col className="w-[16rem]" />
-                            <col className="w-[10rem]" />
-                            <col className="w-[18rem]" />
-                            <col className="w-[13rem]" />
-                            <col className="w-[10rem]" />
-                            <col className="w-[11rem]" />
-                            <col className="w-[11rem]" />
-                            <col className="w-[12rem]" />
-                        </colgroup>
+                        {isStandaloneVps ? (
+                            <colgroup>
+                                <col className="w-[16rem]" />
+                                <col className="w-[18rem]" />
+                                <col className="w-[10rem]" />
+                                <col className="w-[11rem]" />
+                                <col className="w-[11rem]" />
+                                <col className="w-[12rem]" />
+                            </colgroup>
+                        ) : (
+                            <colgroup>
+                                <col className="w-[16rem]" />
+                                <col className="w-[10rem]" />
+                                <col className="w-[18rem]" />
+                                <col className="w-[13rem]" />
+                                <col className="w-[10rem]" />
+                                <col className="w-[11rem]" />
+                                <col className="w-[11rem]" />
+                                <col className="w-[12rem]" />
+                            </colgroup>
+                        )}
                         <thead className="bg-gray-50 text-xs uppercase tracking-wide text-gray-500">
                             <tr>
                                 <th className="px-4 py-3 text-left font-semibold">Name</th>
-                                <th className="px-4 py-3 text-left font-semibold">Environment</th>
+                                {!isStandaloneVps ? (
+                                    <th className="px-4 py-3 text-left font-semibold">Environment</th>
+                                ) : null}
                                 <th className="px-4 py-3 text-left font-semibold">Domain</th>
-                                <th className="px-4 py-3 text-left font-semibold">Table prefix</th>
+                                {!isStandaloneVps ? (
+                                    <th className="px-4 py-3 text-left font-semibold">Table prefix</th>
+                                ) : null}
                                 <th className="px-4 py-3 text-left font-semibold">Status</th>
                                 <th className="px-4 py-3 text-left font-semibold">Created</th>
                                 <th className="px-4 py-3 text-left font-semibold">Updated</th>
@@ -353,21 +481,23 @@ export function ServersRegistryTable(props: ServersRegistryTableProps) {
                         </thead>
                         <tbody className="divide-y divide-gray-200 bg-white">
                             {servers.map((server) => (
-                                <ServersRegistryTableRow
-                                    key={server.id}
-                                    currentServerId={currentServerId}
-                                    canEdit={canEdit}
-                                    draft={serverDrafts[server.id]}
-                                    isDirty={isServerDraftDirty(server)}
-                                    isMigrating={migratingServerId === server.id}
-                                    isNavigating={navigatingServerId === server.id}
-                                    isSaving={savingServerId === server.id}
-                                    onMigrateServer={onMigrateServer}
-                                    onSaveServer={onSaveServer}
-                                    onSwitchServer={onSwitchServer}
-                                    onUpdateServerDraft={onUpdateServerDraft}
-                                    server={server}
-                                />
+                                <Fragment key={server.id}>
+                                    <ServersRegistryTableRow
+                                        currentServerId={currentServerId}
+                                        canEdit={canEdit}
+                                        draft={serverDrafts[server.id]}
+                                        isDirty={isServerDraftDirty(server)}
+                                        isStandaloneVps={isStandaloneVps}
+                                        isMigrating={migratingServerId === server.id}
+                                        isNavigating={navigatingServerId === server.id}
+                                        isSaving={savingServerId === server.id}
+                                        onMigrateServer={onMigrateServer}
+                                        onSaveServer={onSaveServer}
+                                        onSwitchServer={onSwitchServer}
+                                        onUpdateServerDraft={onUpdateServerDraft}
+                                        server={server}
+                                    />
+                                </Fragment>
                             ))}
                         </tbody>
                     </table>