@promptbook/cli 0.113.0-9 → 0.114.0-0

package/apps/agents-server/src/app/{admin → superadmin}/servers/ServersRegistryTable.tsx

@@ -1,10 +1,15 @@
 'use client';
 
 import { Fragment } from 'react';
-import { ArrowRightLeft, Loader2, RefreshCcw, Save } from 'lucide-react';
+import { ArrowRightLeft, Bot, ExternalLink, Loader2, Mail, RefreshCcw, Save } from 'lucide-react';
+import { AgentProjectDnsInstructions } from '../../../components/AgentProjectDnsInstructions/AgentProjectDnsInstructions';
+import { DnsRecordsInstructions } from '../../../components/DnsRecordsInstructions/DnsRecordsInstructions';
 import { useServerLanguage } from '../../../components/ServerLanguage/ServerLanguageProvider';
 import type { ServerLanguageCode } from '../../../languages/ServerLanguageRegistry';
 import { formatServerLanguageHumanReadableDate } from '../../../utils/localization/formatServerLanguageHumanReadableDate';
+import { AdminSortableTableHeaderCell } from '../../admin/_components/AdminSortableTableHeaderCell';
+import { useAdminTableSorting } from '../../admin/_components/adminTableSorting';
+import { isManagedServerDnsDiagnosticIssue } from './ServersRegistryDnsTypes';
 import {
     MANAGED_SERVER_ENVIRONMENT_OPTIONS,
     type ManagedServerEnvironment,
@@ -37,6 +42,27 @@ const SECONDARY_BUTTON_CLASS_NAME =
 const PRIMARY_BUTTON_CLASS_NAME =
     'inline-flex items-center gap-2 rounded-md bg-blue-600 px-3 py-2 text-sm font-semibold text-white hover:bg-blue-700 disabled:cursor-not-allowed disabled:opacity-60';
 
+/**
+ * Sortable registered-server table columns.
+ *
+ * @private function of <ServersClient/>
+ */
+type ServersRegistryTableSortField = 'name' | 'environment' | 'domain' | 'tablePrefix' | 'createdAt' | 'updatedAt';
+
+/**
+ * Sortable project domain columns.
+ *
+ * @private function of <ProjectDomainsPanel/>
+ */
+type ProjectDomainsTableSortField = 'projectName' | 'domain' | 'agentPermanentId';
+
+/**
+ * One project domain row rendered below a managed server.
+ *
+ * @private type of <ProjectDomainsPanel/>
+ */
+type ProjectDomainRow = NonNullable<ManagedServerRow['projectDomains']>[number];
+
 /**
  * Props consumed by `ServersRegistryTable`.
  *
@@ -146,6 +172,27 @@ function formatDateTime(value: string, language: ServerLanguageCode): string {
     return formatServerLanguageHumanReadableDate(value, language);
 }
 
+/**
+ * Resolves a comparable value for one registered-server row.
+ *
+ * @private function of <ServersClient/>
+ */
+function resolveServerRegistrySortValue(
+    server: ManagedServerRow,
+    sortBy: ServersRegistryTableSortField,
+): string | number | boolean | Date | null | undefined {
+    return server[sortBy];
+}
+
+/**
+ * Resolves a comparable value for one project domain row.
+ *
+ * @private function of <ProjectDomainsPanel/>
+ */
+function resolveProjectDomainSortValue(projectDomain: ProjectDomainRow, sortBy: ProjectDomainsTableSortField): string {
+    return projectDomain[sortBy];
+}
+
 /**
  * Renders a small status badge used in the servers table.
  *
@@ -190,12 +237,22 @@ function ServersRegistryTableRow(props: ServersRegistryTableRowProps) {
     } = props;
     const isCurrent = server.id === currentServerId;
     const dnsDiagnostic = server.dnsDiagnostic || null;
-    const hasDnsIssue = Boolean(dnsDiagnostic && dnsDiagnostic.status !== 'verified');
+    const hasDnsIssue = isManagedServerDnsDiagnosticIssue(dnsDiagnostic);
+    const projectDomains = server.projectDomains || [];
+    const projectDomainCount = projectDomains.length;
+    const isProjectDomainAssigned = projectDomainCount > 0;
+    const hasProjectDnsIssue = projectDomains.some((projectDomain) =>
+        isManagedServerDnsDiagnosticIssue(projectDomain.dnsDiagnostic),
+    );
     const columnCount = isStandaloneVps ? 6 : 8;
 
     return (
         <>
-            <tr className={isCurrent ? 'bg-blue-50/40 dark:bg-sky-950/45' : 'hover:bg-gray-50 dark:hover:bg-slate-900/80'}>
+            <tr
+                className={
+                    isCurrent ? 'bg-blue-50/40 dark:bg-sky-950/45' : 'hover:bg-gray-50 dark:hover:bg-slate-900/80'
+                }
+            >
                 <td className="px-4 py-3 align-top">
                     <input
                         type="text"
@@ -259,7 +316,18 @@ function ServersRegistryTableRow(props: ServersRegistryTableRowProps) {
                             <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}
+                        {hasProjectDnsIssue ? <ServerStatusBadge label="Project DNS issue" tone="amber" /> : null}
+                        {isProjectDomainAssigned ? (
+                            <ServerStatusBadge
+                                label={`${projectDomainCount} project ${
+                                    projectDomainCount === 1 ? 'domain' : 'domains'
+                                }`}
+                                tone="blue"
+                            />
+                        ) : null}
+                        {!isCurrent && !isDirty && !dnsDiagnostic && !isProjectDomainAssigned ? (
+                            <span className="text-xs text-gray-400">-</span>
+                        ) : null}
                     </div>
                 </td>
                 <td className="px-4 py-3 align-top text-xs text-gray-600">
@@ -270,6 +338,14 @@ function ServersRegistryTableRow(props: ServersRegistryTableRowProps) {
                 </td>
                 <td className="px-4 py-3 align-top">
                     <div className="flex flex-wrap justify-end gap-2">
+                        <a
+                            href={`https://${server.domain}/admin/email-server`}
+                            className={`${SECONDARY_BUTTON_CLASS_NAME} px-2 py-1 text-xs`}
+                            title={`MX, SPF, DKIM, and DMARC instructions for ${server.domain}`}
+                        >
+                            <Mail className="h-3.5 w-3.5" />
+                            Mail DNS
+                        </a>
                         <button
                             type="button"
                             onClick={() => void onSaveServer(server.id)}
@@ -312,86 +388,33 @@ function ServersRegistryTableRow(props: ServersRegistryTableRowProps) {
                     </div>
                 </td>
             </tr>
-            {hasDnsIssue ? (
+            {isProjectDomainAssigned ? (
+                <tr className="bg-sky-50/50">
+                    <td colSpan={columnCount} className="px-4 py-4">
+                        <ProjectDomainsPanel
+                            projectDomains={projectDomains}
+                            publicIpAddress={dnsDiagnostic?.publicIpAddress}
+                            serverDomain={server.domain}
+                        />
+                    </td>
+                </tr>
+            ) : null}
+            {hasDnsIssue && dnsDiagnostic ? (
                 <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>
+                        <DnsRecordsInstructions
+                            description={dnsDiagnostic.summary}
+                            domain={server.domain}
+                            recordSelection="one"
+                            records={dnsDiagnostic.expectedRecords}
+                            providerGuides={dnsDiagnostic.providerGuides}
+                            resolvedAddresses={dnsDiagnostic.resolvedAddresses}
+                            title={
+                                <>
+                                    DNS setup needs attention for <span className="font-mono">{server.domain}</span>
+                                </>
+                            }
+                        />
                     </td>
                 </tr>
             ) : null}
@@ -399,6 +422,126 @@ function ServersRegistryTableRow(props: ServersRegistryTableRowProps) {
     );
 }
 
+/**
+ * Renders project domains owned by one server.
+ */
+function ProjectDomainsPanel({
+    publicIpAddress,
+    projectDomains,
+    serverDomain,
+}: {
+    readonly publicIpAddress: string | null | undefined;
+    readonly projectDomains: NonNullable<ManagedServerRow['projectDomains']>;
+    readonly serverDomain: string;
+}) {
+    const projectDomainSorting = useAdminTableSorting<ProjectDomainRow, ProjectDomainsTableSortField>({
+        rows: projectDomains,
+        defaultSortBy: 'projectName',
+        resolveSortValue: resolveProjectDomainSortValue,
+    });
+    const generatedProjectDomain = projectDomains.find((projectDomain) => !projectDomain.customDomain)?.domain ?? null;
+    const hasProjectDnsIssue = projectDomains.some((projectDomain) =>
+        isManagedServerDnsDiagnosticIssue(projectDomain.dnsDiagnostic),
+    );
+
+    return (
+        <div className="space-y-3 rounded-lg border border-sky-200 bg-sky-50 px-4 py-4 text-sm text-sky-950">
+            <p className="font-semibold">Project domains</p>
+            <div className="overflow-x-auto rounded-md border border-sky-100 bg-white">
+                <table className="min-w-full divide-y divide-sky-100 text-xs">
+                    <thead className="bg-sky-50 text-sky-900">
+                        <tr>
+                            <AdminSortableTableHeaderCell
+                                className="px-3 py-2 text-left font-semibold"
+                                label="project"
+                                sortBy="projectName"
+                                activeSortBy={projectDomainSorting.sortBy}
+                                sortOrder={projectDomainSorting.sortOrder}
+                                onSortChange={projectDomainSorting.handleSortChange}
+                            >
+                                Project
+                            </AdminSortableTableHeaderCell>
+                            <AdminSortableTableHeaderCell
+                                className="px-3 py-2 text-left font-semibold"
+                                label="domain"
+                                sortBy="domain"
+                                activeSortBy={projectDomainSorting.sortBy}
+                                sortOrder={projectDomainSorting.sortOrder}
+                                onSortChange={projectDomainSorting.handleSortChange}
+                            >
+                                Domain
+                            </AdminSortableTableHeaderCell>
+                            <AdminSortableTableHeaderCell
+                                className="px-3 py-2 text-left font-semibold"
+                                label="agent"
+                                sortBy="agentPermanentId"
+                                activeSortBy={projectDomainSorting.sortBy}
+                                sortOrder={projectDomainSorting.sortOrder}
+                                onSortChange={projectDomainSorting.handleSortChange}
+                            >
+                                Agent
+                            </AdminSortableTableHeaderCell>
+                        </tr>
+                    </thead>
+                    <tbody className="divide-y divide-sky-100">
+                        {projectDomainSorting.sortedRows.map((projectDomain) => (
+                            <tr key={`${projectDomain.agentPermanentId}-${projectDomain.projectName}`}>
+                                <td className="px-3 py-2">
+                                    <a
+                                        href={projectDomain.projectHref}
+                                        className="font-semibold text-sky-800 hover:text-sky-950 hover:underline"
+                                    >
+                                        {projectDomain.projectName}
+                                    </a>
+                                </td>
+                                <td className="px-3 py-2">
+                                    <a
+                                        href={projectDomain.publicUrl}
+                                        target="_blank"
+                                        rel="noreferrer"
+                                        className="inline-flex items-center gap-1 font-mono text-sky-800 hover:text-sky-950 hover:underline"
+                                    >
+                                        {projectDomain.domain}
+                                        <ExternalLink className="h-3.5 w-3.5" aria-hidden />
+                                    </a>
+                                    {projectDomain.customDomain ? (
+                                        <span className="ml-2 rounded-full border border-emerald-200 bg-emerald-50 px-2 py-0.5 font-sans text-[0.7rem] font-semibold text-emerald-700">
+                                            Custom
+                                        </span>
+                                    ) : null}
+                                    {isManagedServerDnsDiagnosticIssue(projectDomain.dnsDiagnostic) ? (
+                                        <span className="ml-2 rounded-full border border-amber-200 bg-amber-50 px-2 py-0.5 font-sans text-[0.7rem] font-semibold text-amber-700">
+                                            DNS setup needed
+                                        </span>
+                                    ) : null}
+                                </td>
+                                <td className="px-3 py-2">
+                                    <a
+                                        href={projectDomain.agentProjectsHref}
+                                        title="Open agent projects"
+                                        className="inline-flex max-w-full items-center gap-1.5 rounded-full border border-sky-200 bg-sky-50 px-2 py-1 font-sans text-xs font-semibold text-sky-800 hover:border-sky-300 hover:bg-sky-100 hover:text-sky-950"
+                                    >
+                                        <Bot className="h-3.5 w-3.5 shrink-0" aria-hidden />
+                                        <span className="truncate">{projectDomain.agentName || 'Agent'}</span>
+                                    </a>
+                                </td>
+                            </tr>
+                        ))}
+                    </tbody>
+                </table>
+            </div>
+            {generatedProjectDomain ? (
+                <AgentProjectDnsInstructions
+                    isDnsIssue={hasProjectDnsIssue}
+                    projectDomain={generatedProjectDomain}
+                    publicIpAddress={publicIpAddress}
+                    serverDomain={serverDomain}
+                />
+            ) : null}
+        </div>
+    );
+}
+
 /**
  * Renders the editable registry table for all same-instance managed servers.
  *
@@ -425,6 +568,11 @@ export function ServersRegistryTable(props: ServersRegistryTableProps) {
         serverDrafts,
         servers,
     } = props;
+    const serverSorting = useAdminTableSorting<ManagedServerRow, ServersRegistryTableSortField>({
+        rows: servers,
+        defaultSortBy: 'name',
+        resolveSortValue: resolveServerRegistrySortValue,
+    });
 
     return (
         <>
@@ -465,22 +613,76 @@ export function ServersRegistryTable(props: ServersRegistryTableProps) {
                         )}
                         <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>
+                                <AdminSortableTableHeaderCell
+                                    className="px-4 py-3 text-left font-semibold"
+                                    label="name"
+                                    sortBy="name"
+                                    activeSortBy={serverSorting.sortBy}
+                                    sortOrder={serverSorting.sortOrder}
+                                    onSortChange={serverSorting.handleSortChange}
+                                >
+                                    Name
+                                </AdminSortableTableHeaderCell>
                                 {!isStandaloneVps ? (
-                                    <th className="px-4 py-3 text-left font-semibold">Environment</th>
+                                    <AdminSortableTableHeaderCell
+                                        className="px-4 py-3 text-left font-semibold"
+                                        label="environment"
+                                        sortBy="environment"
+                                        activeSortBy={serverSorting.sortBy}
+                                        sortOrder={serverSorting.sortOrder}
+                                        onSortChange={serverSorting.handleSortChange}
+                                    >
+                                        Environment
+                                    </AdminSortableTableHeaderCell>
                                 ) : null}
-                                <th className="px-4 py-3 text-left font-semibold">Domain</th>
+                                <AdminSortableTableHeaderCell
+                                    className="px-4 py-3 text-left font-semibold"
+                                    label="domain"
+                                    sortBy="domain"
+                                    activeSortBy={serverSorting.sortBy}
+                                    sortOrder={serverSorting.sortOrder}
+                                    onSortChange={serverSorting.handleSortChange}
+                                >
+                                    Domain
+                                </AdminSortableTableHeaderCell>
                                 {!isStandaloneVps ? (
-                                    <th className="px-4 py-3 text-left font-semibold">Table prefix</th>
+                                    <AdminSortableTableHeaderCell
+                                        className="px-4 py-3 text-left font-semibold"
+                                        label="table prefix"
+                                        sortBy="tablePrefix"
+                                        activeSortBy={serverSorting.sortBy}
+                                        sortOrder={serverSorting.sortOrder}
+                                        onSortChange={serverSorting.handleSortChange}
+                                    >
+                                        Table prefix
+                                    </AdminSortableTableHeaderCell>
                                 ) : 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>
+                                <AdminSortableTableHeaderCell
+                                    className="px-4 py-3 text-left font-semibold"
+                                    label="created"
+                                    sortBy="createdAt"
+                                    activeSortBy={serverSorting.sortBy}
+                                    sortOrder={serverSorting.sortOrder}
+                                    onSortChange={serverSorting.handleSortChange}
+                                >
+                                    Created
+                                </AdminSortableTableHeaderCell>
+                                <AdminSortableTableHeaderCell
+                                    className="px-4 py-3 text-left font-semibold"
+                                    label="updated"
+                                    sortBy="updatedAt"
+                                    activeSortBy={serverSorting.sortBy}
+                                    sortOrder={serverSorting.sortOrder}
+                                    onSortChange={serverSorting.handleSortChange}
+                                >
+                                    Updated
+                                </AdminSortableTableHeaderCell>
                                 <th className="px-4 py-3 text-right font-semibold">Actions</th>
                             </tr>
                         </thead>
                         <tbody className="divide-y divide-gray-200 bg-white">
-                            {servers.map((server) => (
+                            {serverSorting.sortedRows.map((server) => (
                                 <Fragment key={server.id}>
                                     <ServersRegistryTableRow
                                         currentServerId={currentServerId}

package/apps/agents-server/src/app/{admin → superadmin}/servers/useCreateServerWizard.ts

@@ -5,7 +5,7 @@ import { showAlert } from '../../../components/AsyncDialogs/asyncDialogs';
 import { useFileUploadAvailability } from '../../../components/FileUploadAvailability/FileUploadAvailabilityContext';
 import { useDirtyModalGuard } from '../../../components/utils/useDirtyModalGuard';
 import { buildServerTablePrefix } from '../../../utils/buildServerTablePrefix';
-import type { ChatFeedbackMode } from '../../../utils/chatFeedbackMode';
+import { DEFAULT_CHAT_FEEDBACK_MODE, type ChatFeedbackMode } from '../../../utils/chatFeedbackMode';
 import { getSafeCdnPath } from '../../../utils/cdn/utils/getSafeCdnPath';
 import { normalizeUploadFilename } from '../../../utils/normalization/normalizeUploadFilename';
 import { buildDefaultUserFileUploadPath, uploadFileToServer } from '../../../utils/upload/uploadFileToServer';
@@ -274,7 +274,7 @@ function createInitialWizardState(): CreateServerWizardState {
         initialSettings: {
             language: 'en',
             homepageMessage: '',
-            feedbackMode: 'stars',
+            feedbackMode: DEFAULT_CHAT_FEEDBACK_MODE,
             isFileAttachmentsEnabled: true,
             isExperimentalPwaAppEnabled: true,
             isFooterShown: true,

package/apps/agents-server/src/app/{admin → superadmin}/servers/useServersRegistryState.ts

@@ -24,6 +24,68 @@ export const MANAGED_SERVER_ENVIRONMENT_OPTIONS: ReadonlyArray<ManagedServerEnvi
     'LTS',
 ] as const;
 
+/**
+ * Project domain assigned to one managed server project.
+ *
+ * @private function of <ServersClient/>
+ */
+export type ManagedServerProjectDomain = {
+    /**
+     * Permanent id of the agent owning the project.
+     */
+    readonly agentPermanentId: string;
+
+    /**
+     * Readable name of the agent owning the project, when its local profile can be loaded.
+     */
+    readonly agentName: string | null;
+
+    /**
+     * Agents Server projects dashboard of the owning agent.
+     */
+    readonly agentProjectsHref: string;
+
+    /**
+     * Project directory name.
+     */
+    readonly projectName: string;
+
+    /**
+     * Optional admin-assigned custom project domain.
+     */
+    readonly customDomain: string | null;
+
+    /**
+     * Public project domain.
+     */
+    readonly domain: string;
+
+    /**
+     * Public browser URL for the project.
+     */
+    readonly publicUrl: string;
+
+    /**
+     * Agents Server project profile href.
+     */
+    readonly projectHref: string;
+
+    /**
+     * DNS verification state for generated project domains on a standalone VPS.
+     */
+    readonly dnsDiagnostic?: ManagedServerDnsDiagnostic | null;
+
+    /**
+     * ISO timestamp when the domain was first assigned.
+     */
+    readonly assignedAt: string;
+
+    /**
+     * ISO timestamp when the domain assignment was last refreshed.
+     */
+    readonly updatedAt: string;
+};
+
 /**
  * Server registry row returned by the admin servers API.
  *
@@ -69,6 +131,11 @@ export type ManagedServerRow = {
      * Optional standalone-VPS DNS verification details for the domain.
      */
     readonly dnsDiagnostic?: ManagedServerDnsDiagnostic | null;
+
+    /**
+     * Project domains owned by this server.
+     */
+    readonly projectDomains?: ReadonlyArray<ManagedServerProjectDomain>;
 };
 
 /**
@@ -626,9 +693,7 @@ function useDeleteCurrentServerAction(options: {
 
                 await reloadServers();
             } catch (deleteError) {
-                setError(
-                    resolveServersRegistryActionErrorMessage(deleteError, 'Failed to delete the current server.'),
-                );
+                setError(resolveServersRegistryActionErrorMessage(deleteError, 'Failed to delete the current server.'));
             } finally {
                 setDeletingServerId(null);
             }

package/apps/agents-server/src/app/superadmin/task-manager/page.tsx

@@ -0,0 +1,14 @@
+import { ForbiddenPage } from '../../../components/ForbiddenPage/ForbiddenPage';
+import { isUserGlobalAdmin } from '../../../utils/isUserGlobalAdmin';
+import { TaskManagerClient } from '../../admin/task-manager/TaskManagerClient';
+
+/**
+ * Superadmin task-manager page showing durable background work across every server on the VPS.
+ */
+export default async function SuperadminTaskManagerPage() {
+    if (!(await isUserGlobalAdmin())) {
+        return <ForbiddenPage />;
+    }
+
+    return <TaskManagerClient isSuperAdmin scope="vps" />;
+}

package/apps/agents-server/src/app/{admin → superadmin}/update/AutomaticSelfUpdateConfigurationCard.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import { CalendarClock, Loader2, Save } from 'lucide-react';
+import { CronJobConfiguration } from '../../../components/CronJobConfiguration/CronJobConfiguration';
 import type { UpdateClientState } from './useUpdateClientState';
 
 /**
@@ -45,7 +46,7 @@ export function AutomaticSelfUpdateConfigurationCard({ state }: AutomaticSelfUpd
                 Enable automatic updates
             </label>
 
-            <div className="grid min-w-0 gap-3 sm:grid-cols-[minmax(0,1fr)_minmax(0,1.2fr)]">
+            <div className="grid min-w-0 gap-3">
                 <label className="block min-w-0 text-sm font-medium text-slate-700">
                     Branch
                     <select
@@ -62,17 +63,13 @@ export function AutomaticSelfUpdateConfigurationCard({ state }: AutomaticSelfUpd
                     </select>
                 </label>
 
-                <label className="block min-w-0 text-sm font-medium text-slate-700">
-                    Cron interval
-                    <input
-                        type="text"
-                        value={state.automaticConfigurationDraft.cronExpression}
-                        onChange={(event) => state.changeAutomaticUpdateCronExpression(event.target.value)}
-                        disabled={isDisabled}
-                        placeholder="0 0 * * *"
-                        className="mt-1 w-full rounded-md border border-slate-300 px-3 py-2 font-mono text-sm text-slate-900 shadow-sm focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-200 disabled:cursor-not-allowed disabled:bg-slate-50 disabled:text-slate-500"
-                    />
-                </label>
+                <CronJobConfiguration
+                    label="Cron interval"
+                    value={state.automaticConfigurationDraft.cronExpression}
+                    onChange={state.changeAutomaticUpdateCronExpression}
+                    isDisabled={isDisabled}
+                    helperText="Pick a common schedule or edit the cron expression directly."
+                />
             </div>
 
             <button