@promptbook/cli 0.112.0-99 → 0.113.0-0

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

@@ -2,6 +2,8 @@
 
 import { Loader2, Plus, Upload, X } from 'lucide-react';
 import type { ChangeEvent, RefObject } from 'react';
+import { FileUploadUnavailableNotice } from '../../../components/FileUploadAvailability/FileUploadUnavailableNotice';
+import { useFileUploadAvailability } from '../../../components/FileUploadAvailability/FileUploadAvailabilityContext';
 import { Dialog } from '../../../components/Portal/Dialog';
 import {
     type CreateServerWizardError,
@@ -125,6 +127,7 @@ function CreateServerForm(props: {
     readonly wizardState: CreateServerWizardState;
 }) {
     const { handleIconUpload, iconInputRef, isUploadingIcon, updateWizardField, wizardState } = props;
+    const fileUploadAvailability = useFileUploadAvailability();
 
     return (
         <div className="space-y-5">
@@ -175,17 +178,19 @@ function CreateServerForm(props: {
                         accept="image/*"
                         className="hidden"
                         onChange={handleIconUpload}
+                        disabled={!fileUploadAvailability.isUploadAvailable}
                     />
                     <button
                         type="button"
                         onClick={() => iconInputRef.current?.click()}
-                        disabled={isUploadingIcon}
+                        disabled={isUploadingIcon || !fileUploadAvailability.isUploadAvailable}
                         className={SECONDARY_BUTTON_CLASS_NAME}
                     >
                         {isUploadingIcon ? <Loader2 className="h-4 w-4 animate-spin" /> : <Upload className="h-4 w-4" />}
                         Upload
                     </button>
                 </div>
+                {!fileUploadAvailability.isUploadAvailable && <FileUploadUnavailableNotice className="mt-3" />}
                 {wizardState.iconUrl ? (
                     <div className="mt-3 inline-flex rounded-lg border border-gray-200 bg-gray-50 p-3">
                         {/* eslint-disable-next-line @next/next/no-img-element */}
@@ -198,6 +203,22 @@ function CreateServerForm(props: {
                 ) : null}
             </div>
 
+            <div className="rounded-lg border border-gray-200 bg-gray-50 p-4 text-sm text-gray-600">
+                <label htmlFor="create-server-default-agents" className="flex items-start gap-3">
+                    <input
+                        id="create-server-default-agents"
+                        type="checkbox"
+                        checked={wizardState.isDefaultAgentsInstalled}
+                        onChange={(event) => updateWizardField('isDefaultAgentsInstalled', event.target.checked)}
+                        className="mt-0.5 h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500"
+                    />
+                    <span>
+                        <span className="block font-semibold text-gray-900">Install default agents</span>
+                        <span className="mt-1 block">Create bundled starter agents from agents/default.</span>
+                    </span>
+                </label>
+            </div>
+
             <div className="rounded-lg border border-gray-200 bg-gray-50 p-4 text-sm text-gray-600">
                 <p className="font-semibold text-gray-900">Admin user exists</p>
                 <p className="mt-1">

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

@@ -2,7 +2,9 @@
 
 import { Fragment } from 'react';
 import { ArrowRightLeft, Loader2, RefreshCcw, Save } from 'lucide-react';
-import moment from 'moment';
+import { useServerLanguage } from '../../../components/ServerLanguage/ServerLanguageProvider';
+import type { ServerLanguageCode } from '../../../languages/ServerLanguageRegistry';
+import { formatServerLanguageHumanReadableDate } from '../../../utils/localization/formatServerLanguageHumanReadableDate';
 import {
     MANAGED_SERVER_ENVIRONMENT_OPTIONS,
     type ManagedServerEnvironment,
@@ -17,7 +19,7 @@ import {
  * @private function of <ServersClient/>
  */
 const INPUT_CLASS_NAME =
-    'w-full rounded-md border border-gray-300 px-3 py-2 text-sm text-gray-900 shadow-sm focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-200';
+    'w-full rounded-md border border-gray-300 px-3 py-2 text-sm text-gray-900 shadow-sm focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-200 dark:border-slate-600 dark:bg-slate-950 dark:text-slate-100 dark:focus:border-sky-400 dark:focus:ring-sky-500/30';
 
 /**
  * Shared secondary button styling used by the registry table.
@@ -25,7 +27,7 @@ const INPUT_CLASS_NAME =
  * @private function of <ServersClient/>
  */
 const SECONDARY_BUTTON_CLASS_NAME =
-    'inline-flex items-center gap-2 rounded-md border border-gray-300 bg-white px-3 py-2 text-sm font-semibold text-gray-700 hover:bg-gray-50 disabled:cursor-not-allowed disabled:opacity-60';
+    'inline-flex items-center gap-2 rounded-md border border-gray-300 bg-white px-3 py-2 text-sm font-semibold text-gray-700 hover:bg-gray-50 disabled:cursor-not-allowed disabled:opacity-60 dark:border-slate-600 dark:bg-slate-950 dark:text-slate-100 dark:hover:bg-slate-800';
 
 /**
  * Shared primary button styling used by the registry table.
@@ -130,6 +132,7 @@ type ServersRegistryTableRowProps = {
     readonly onSaveServer: (serverId: number) => Promise<void>;
     readonly onSwitchServer: (server: ManagedServerRow) => Promise<void>;
     readonly onUpdateServerDraft: UpdateServerDraft;
+    readonly language: ServerLanguageCode;
     readonly server: ManagedServerRow;
 };
 
@@ -139,13 +142,8 @@ type ServersRegistryTableRowProps = {
  * @param value - ISO timestamp.
  * @returns Human-readable local timestamp.
  */
-function formatDateTime(value: string): string {
-    if (!value) {
-        return 'N/A';
-    }
-
-    const timestamp = moment(value);
-    return timestamp.isValid() ? timestamp.format('YYYY-MM-DD HH:mm:ss') : 'N/A';
+function formatDateTime(value: string, language: ServerLanguageCode): string {
+    return formatServerLanguageHumanReadableDate(value, language);
 }
 
 /**
@@ -187,6 +185,7 @@ function ServersRegistryTableRow(props: ServersRegistryTableRowProps) {
         onSaveServer,
         onSwitchServer,
         onUpdateServerDraft,
+        language,
         server,
     } = props;
     const isCurrent = server.id === currentServerId;
@@ -196,7 +195,7 @@ function ServersRegistryTableRow(props: ServersRegistryTableRowProps) {
 
     return (
         <>
-            <tr className={isCurrent ? 'bg-blue-50/40' : 'hover:bg-gray-50'}>
+            <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"
@@ -264,10 +263,10 @@ function ServersRegistryTableRow(props: ServersRegistryTableRowProps) {
                     </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>
+                    <span className="whitespace-nowrap font-mono">{formatDateTime(server.createdAt, language)}</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>
+                    <span className="whitespace-nowrap font-mono">{formatDateTime(server.updatedAt, language)}</span>
                 </td>
                 <td className="px-4 py-3 align-top">
                     <div className="flex flex-wrap justify-end gap-2">
@@ -409,6 +408,7 @@ function ServersRegistryTableRow(props: ServersRegistryTableRowProps) {
  * @private helper component of <ServersClient/>
  */
 export function ServersRegistryTable(props: ServersRegistryTableProps) {
+    const { language } = useServerLanguage();
     const {
         currentServerId,
         canEdit,
@@ -495,6 +495,7 @@ export function ServersRegistryTable(props: ServersRegistryTableProps) {
                                         onSaveServer={onSaveServer}
                                         onSwitchServer={onSwitchServer}
                                         onUpdateServerDraft={onUpdateServerDraft}
+                                        language={language}
                                         server={server}
                                     />
                                 </Fragment>

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

@@ -1,13 +1,14 @@
 'use client';
 
-import { upload } from '@vercel/blob/client';
 import { useCallback, useMemo, useRef, useState, type ChangeEvent, type RefObject } from 'react';
 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 { getSafeCdnPath } from '../../../utils/cdn/utils/getSafeCdnPath';
 import { normalizeUploadFilename } from '../../../utils/normalization/normalizeUploadFilename';
+import { buildDefaultUserFileUploadPath, uploadFileToServer } from '../../../utils/upload/uploadFileToServer';
 import type { ManagedServerEnvironment } from './useServersRegistryState';
 
 /**
@@ -120,6 +121,11 @@ export type CreateServerWizardState = {
      */
     additionalUsers: WizardUser[];
 
+    /**
+     * Whether bundled default agents should be installed during server creation.
+     */
+    isDefaultAgentsInstalled: boolean;
+
     /**
      * Initial metadata values.
      */
@@ -154,7 +160,10 @@ export type CreateServerWizardError = {
  * @private function of <ServersClient/>
  */
 export type UpdateCreateServerWizardField = <
-    TFieldName extends keyof Pick<CreateServerWizardState, 'name' | 'domain' | 'iconUrl'>,
+    TFieldName extends keyof Pick<
+        CreateServerWizardState,
+        'name' | 'domain' | 'iconUrl' | 'isDefaultAgentsInstalled'
+    >,
 >(
     fieldName: TFieldName,
     value: CreateServerWizardState[TFieldName],
@@ -261,6 +270,7 @@ function createInitialWizardState(): CreateServerWizardState {
             password: '',
         },
         additionalUsers: [],
+        isDefaultAgentsInstalled: true,
         initialSettings: {
             language: 'en',
             homepageMessage: '',
@@ -344,7 +354,8 @@ function hasCreateServerWizardChanges(wizardState: CreateServerWizardState): boo
         wizardState.name !== initialWizardState.name ||
         wizardState.identifier !== initialWizardState.identifier ||
         wizardState.domain !== initialWizardState.domain ||
-        wizardState.iconUrl !== initialWizardState.iconUrl
+        wizardState.iconUrl !== initialWizardState.iconUrl ||
+        wizardState.isDefaultAgentsInstalled !== initialWizardState.isDefaultAgentsInstalled
     );
 }
 
@@ -358,6 +369,7 @@ function hasCreateServerWizardChanges(wizardState: CreateServerWizardState): boo
  */
 export function useCreateServerWizard(options: UseCreateServerWizardOptions): UseCreateServerWizardResult {
     const { onServerCreated } = options;
+    const fileUploadAvailability = useFileUploadAvailability();
     const [isDialogOpen, setIsDialogOpen] = useState(false);
     const [wizardState, setWizardState] = useState<CreateServerWizardState>(createInitialWizardState);
     const [isCreatingServer, setIsCreatingServer] = useState(false);
@@ -400,16 +412,32 @@ export function useCreateServerWizard(options: UseCreateServerWizardOptions): Us
     const updateWizardField = useCallback<UpdateCreateServerWizardField>((fieldName, value) => {
         setWizardState((previous) => {
             if (fieldName === 'name') {
+                const name = value as CreateServerWizardState['name'];
+
+                return {
+                    ...previous,
+                    name,
+                    identifier: createServerIdentifierFromName(name),
+                };
+            }
+
+            if (fieldName === 'domain') {
                 return {
                     ...previous,
-                    name: value,
-                    identifier: createServerIdentifierFromName(value),
+                    domain: value as CreateServerWizardState['domain'],
+                };
+            }
+
+            if (fieldName === 'iconUrl') {
+                return {
+                    ...previous,
+                    iconUrl: value as CreateServerWizardState['iconUrl'],
                 };
             }
 
             return {
                 ...previous,
-                [fieldName]: value,
+                isDefaultAgentsInstalled: value as CreateServerWizardState['isDefaultAgentsInstalled'],
             };
         });
     }, []);
@@ -421,26 +449,35 @@ export function useCreateServerWizard(options: UseCreateServerWizardOptions): Us
                 return;
             }
 
+            if (!fileUploadAvailability.isUploadAvailable) {
+                setWizardError({
+                    message: fileUploadAvailability.message || 'File uploads are not available for this server.',
+                    sqlDump: null,
+                    sqlFilename: null,
+                });
+                event.target.value = '';
+                return;
+            }
+
             try {
                 setIsUploadingIcon(true);
                 setWizardError(null);
 
-                const pathPrefix = process.env.NEXT_PUBLIC_CDN_PATH_PREFIX || '';
                 const normalizedFilename = normalizeUploadFilename(file.name);
-                const uploadPath = pathPrefix
-                    ? `${pathPrefix}/user/files/${normalizedFilename}`
-                    : `user/files/${normalizedFilename}`;
-
-                const blob = await upload(getSafeCdnPath({ pathname: uploadPath }), file, {
-                    access: 'public',
-                    handleUploadUrl: '/api/upload',
-                    clientPayload: JSON.stringify({
-                        purpose: 'SERVER_ICON',
-                        contentType: file.type,
-                    }),
+                const uploadPath = buildDefaultUserFileUploadPath(normalizedFilename);
+                const safeUploadPath = getSafeCdnPath({
+                    pathname: uploadPath,
+                    pathPrefix: process.env.NEXT_PUBLIC_CDN_PATH_PREFIX,
+                });
+
+                const uploadResult = await uploadFileToServer({
+                    file,
+                    pathname: safeUploadPath,
+                    purpose: 'SERVER_ICON',
+                    contentType: file.type,
                 });
 
-                updateWizardField('iconUrl', blob.url);
+                updateWizardField('iconUrl', uploadResult.url);
             } catch (uploadError) {
                 setWizardError({
                     message: uploadError instanceof Error ? uploadError.message : 'Failed to upload the server icon.',
@@ -454,7 +491,7 @@ export function useCreateServerWizard(options: UseCreateServerWizardOptions): Us
                 }
             }
         },
-        [updateWizardField],
+        [fileUploadAvailability, updateWizardField],
     );
 
     const handleCreateServer = useCallback(async () => {

package/apps/agents-server/src/app/admin/task-manager/TaskManagerClient.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import { Card } from '../../../components/Homepage/Card';
+import { useServerLanguage } from '../../../components/ServerLanguage/ServerLanguageProvider';
 import { TaskManagerFiltersCard } from './TaskManagerFiltersCard';
 import { TaskManagerSummaryMetrics } from './TaskManagerSummaryMetrics';
 import { TaskManagerTasksCard } from './TaskManagerTasksCard';
@@ -12,7 +13,8 @@ import { useTaskManagerState } from './useTaskManagerState';
  * @private route component of AdminTaskManagerPage
  */
 export function TaskManagerClient() {
-    const taskManagerState = useTaskManagerState();
+    const { language } = useServerLanguage();
+    const taskManagerState = useTaskManagerState(language);
 
     return (
         <div className="container mx-auto space-y-6 px-4 py-8">
@@ -53,7 +55,7 @@ export function TaskManagerClient() {
                 </Card>
             ) : null}
 
-            <TaskManagerTasksCard state={taskManagerState} />
+            <TaskManagerTasksCard language={language} state={taskManagerState} />
         </div>
     );
 }

package/apps/agents-server/src/app/admin/task-manager/TaskManagerTaskRow.tsx

@@ -1,4 +1,6 @@
 import type { AdminChatTaskRecord } from '@/src/utils/chatTasksAdmin';
+import type { ServerLanguageCode } from '@/src/languages/ServerLanguageRegistry';
+import { formatServerLanguageHumanReadableDate } from '@/src/utils/localization/formatServerLanguageHumanReadableDate';
 import type { useTaskManagerState } from './useTaskManagerState';
 
 /**
@@ -9,6 +11,7 @@ import type { useTaskManagerState } from './useTaskManagerState';
 type TaskManagerTaskRowProps = {
     busyAction: ReturnType<typeof useTaskManagerState>['busyAction'];
     busyTaskId: ReturnType<typeof useTaskManagerState>['busyTaskId'];
+    language: ServerLanguageCode;
     onRunTaskAction: ReturnType<typeof useTaskManagerState>['runTaskAction'];
     stuckThresholdMinutes: ReturnType<typeof useTaskManagerState>['stuckThresholdMinutes'];
     task: AdminChatTaskRecord;
@@ -135,13 +138,8 @@ function formatTaskKind(kind: AdminChatTaskRecord['kind']): string {
  *
  * @private function of TaskManagerTaskRow
  */
-function formatDateTime(value: string | null): string {
-    if (!value) {
-        return '-';
-    }
-
-    const parsed = new Date(value);
-    return Number.isNaN(parsed.getTime()) ? value : parsed.toLocaleString();
+function formatDateTime(value: string | null, language: ServerLanguageCode): string {
+    return formatServerLanguageHumanReadableDate(value, language, { fallbackLabel: '-' });
 }
 
 /**
@@ -306,6 +304,7 @@ function TaskManagerTaskActions({ busyAction, isBusy, onRunTaskAction, task }: T
 export function TaskManagerTaskRow({
     busyAction,
     busyTaskId,
+    language,
     onRunTaskAction,
     stuckThresholdMinutes,
     task,
@@ -341,7 +340,7 @@ export function TaskManagerTaskRow({
                         <div className="font-medium text-orange-700">Cancellation requested</div>
                     ) : null}
                     {task.pausedAt ? (
-                        <div className="font-medium text-orange-700">Paused {formatDateTime(task.pausedAt)}</div>
+                        <div className="font-medium text-orange-700">Paused {formatDateTime(task.pausedAt, language)}</div>
                     ) : null}
                 </div>
             </td>
@@ -367,10 +366,10 @@ export function TaskManagerTaskRow({
             <td className="px-4 py-3 align-top">
                 <TaskInfoBlock
                     rows={[
-                        { label: 'Created', value: formatDateTime(task.createdAt) },
-                        { label: 'Started', value: formatDateTime(task.startedAt) },
-                        { label: 'Updated', value: formatDateTime(task.updatedAt) },
-                        { label: 'Finished', value: formatDateTime(task.finishedAt) },
+                        { label: 'Created', value: formatDateTime(task.createdAt, language) },
+                        { label: 'Started', value: formatDateTime(task.startedAt, language) },
+                        { label: 'Updated', value: formatDateTime(task.updatedAt, language) },
+                        { label: 'Finished', value: formatDateTime(task.finishedAt, language) },
                     ]}
                 />
             </td>
@@ -381,7 +380,7 @@ export function TaskManagerTaskRow({
                         { label: 'Queue age', value: formatDuration(getQueueAgeMs(task)) },
                         { label: 'Runtime', value: formatDuration(getRuntimeDurationMs(task)) },
                         { label: 'Total', value: formatDuration(getTotalDurationMs(task)) },
-                        { label: 'Heartbeat', value: formatDateTime(task.lastHeartbeatAt) },
+                        { label: 'Heartbeat', value: formatDateTime(task.lastHeartbeatAt, language) },
                     ]}
                 />
             </td>
@@ -391,8 +390,8 @@ export function TaskManagerTaskRow({
                     rows={[
                         { label: 'Queue', value: task.queueName || '-' },
                         { label: 'Worker', value: task.workerId || '-' },
-                        { label: 'Lease expires', value: formatDateTime(task.leaseExpiresAt) },
-                        { label: 'Paused at', value: formatDateTime(task.pausedAt) },
+                        { label: 'Lease expires', value: formatDateTime(task.leaseExpiresAt, language) },
+                        { label: 'Paused at', value: formatDateTime(task.pausedAt, language) },
                     ]}
                 />
             </td>

package/apps/agents-server/src/app/admin/task-manager/TaskManagerTasksCard.tsx

@@ -1,3 +1,4 @@
+import type { ServerLanguageCode } from '@/src/languages/ServerLanguageRegistry';
 import type { useTaskManagerState } from './useTaskManagerState';
 import { Card } from '../../../components/Homepage/Card';
 import { TaskManagerTaskRow } from './TaskManagerTaskRow';
@@ -8,6 +9,7 @@ import { TaskManagerTaskRow } from './TaskManagerTaskRow';
  * @private function of TaskManagerClient
  */
 type TaskManagerTasksCardProps = {
+    language: ServerLanguageCode;
     state: ReturnType<typeof useTaskManagerState>;
 };
 
@@ -41,7 +43,7 @@ function resolveEmptyStateMessage(view: ReturnType<typeof useTaskManagerState>['
  *
  * @private function of TaskManagerClient
  */
-export function TaskManagerTasksCard({ state }: TaskManagerTasksCardProps) {
+export function TaskManagerTasksCard({ language, state }: TaskManagerTasksCardProps) {
     const firstVisibleTaskIndex = Math.min((state.page - 1) * state.pageSize + 1, state.total);
     const lastVisibleTaskIndex = Math.min(state.page * state.pageSize, state.total);
 
@@ -82,6 +84,7 @@ export function TaskManagerTasksCard({ state }: TaskManagerTasksCardProps) {
                                 <TaskManagerTaskRow
                                     key={task.id}
                                     task={task}
+                                    language={language}
                                     busyAction={state.busyAction}
                                     busyTaskId={state.busyTaskId}
                                     onRunTaskAction={state.runTaskAction}

package/apps/agents-server/src/app/admin/task-manager/useTaskManagerState.ts

@@ -9,6 +9,8 @@ import {
     type AdminChatTaskRecord,
     type AdminChatTaskView,
 } from '@/src/utils/chatTasksAdmin';
+import type { ServerLanguageCode } from '@/src/languages/ServerLanguageRegistry';
+import { formatServerLanguageHumanReadableDate } from '@/src/utils/localization/formatServerLanguageHumanReadableDate';
 import { useCallback, useDeferredValue, useEffect, useMemo, useRef, useState } from 'react';
 
 /**
@@ -86,13 +88,8 @@ function parseSelectedNumber(value: string, fallback: number): number {
  *
  * @private function of TaskManagerClient
  */
-function formatDateTime(value: string | null): string {
-    if (!value) {
-        return '-';
-    }
-
-    const parsed = new Date(value);
-    return Number.isNaN(parsed.getTime()) ? value : parsed.toLocaleString();
+function formatDateTime(value: string | null, language: ServerLanguageCode): string {
+    return formatServerLanguageHumanReadableDate(value, language, { fallbackLabel: '-' });
 }
 
 /**
@@ -244,7 +241,7 @@ function resolveTaskLoadErrorMessage(loadError: unknown): string {
  *
  * @private function of TaskManagerClient
  */
-export function useTaskManagerState(): UseTaskManagerStateResult {
+export function useTaskManagerState(language: ServerLanguageCode): UseTaskManagerStateResult {
     const [view, setView] = useState<AdminChatTaskView>('active');
     const [page, setPage] = useState(1);
     const [pageSize, setPageSize] = useState(50);
@@ -405,7 +402,7 @@ export function useTaskManagerState(): UseTaskManagerStateResult {
         isPreviousPageDisabled: page <= 1,
         isRefreshing,
         lastRefreshedLabel: generatedAt
-            ? `Last refreshed ${formatDateTime(generatedAt)}`
+            ? `Last refreshed ${formatDateTime(generatedAt, language)}`
             : 'Waiting for first refresh…',
         oldestQueuedAgeLabel: counters ? formatDuration(counters.oldestQueuedAgeMs) : '...',
         page,