@promptbook/cli 0.112.0-132 → 0.112.0-133

package/apps/agents-server/src/app/admin/images/ImagesGalleryTable.tsx

@@ -1,6 +1,8 @@
 import { ChevronLeft, ChevronRight } from 'lucide-react';
 import Link from 'next/link';
+import type { ServerLanguageCode } from '../../../languages/ServerLanguageRegistry';
 import { buildAgentProfileHref } from '../../../utils/agentRouting/agentRouteHrefs';
+import { formatServerLanguageHumanReadableDate } from '../../../utils/localization/formatServerLanguageHumanReadableDate';
 import type { ImageWithAgent } from './actions';
 import { ImagesGalleryParametersBadges } from './ImagesGalleryParametersBadges';
 import { ImagesGalleryPromptCopyButton } from './ImagesGalleryPromptCopyButton';
@@ -18,6 +20,11 @@ type ImagesGalleryTableProps = Pick<
      * Active text formatter for agent naming.
      */
     readonly formatText: (text: string) => string;
+
+    /**
+     * Active UI language used for date formatting.
+     */
+    readonly language: ServerLanguageCode;
 };
 
 /**
@@ -28,19 +35,17 @@ type ImagesGalleryTableRowProps = Pick<UseImagesGalleryState, 'copiedId' | 'hand
      * Image rendered in this table row.
      */
     readonly image: ImageWithAgent;
-};
 
-/**
- * Formats one created-at value for the table view.
- */
-function formatImagesGalleryCreatedAt(createdAt: string): string {
-    return new Date(createdAt).toLocaleString();
-}
+    /**
+     * Active UI language used for date formatting.
+     */
+    readonly language: ServerLanguageCode;
+};
 
 /**
  * Renders one image row inside the gallery table.
  */
-function ImagesGalleryTableRow({ image, copiedId, handlePromptCopy }: ImagesGalleryTableRowProps) {
+function ImagesGalleryTableRow({ image, language, copiedId, handlePromptCopy }: ImagesGalleryTableRowProps) {
     return (
         <tr className="bg-white border-b hover:bg-gray-50">
             <td className="px-6 py-4">
@@ -94,7 +99,9 @@ function ImagesGalleryTableRow({ image, copiedId, handlePromptCopy }: ImagesGall
                     <span className="text-gray-400">-</span>
                 )}
             </td>
-            <td className="px-6 py-4 whitespace-nowrap">{formatImagesGalleryCreatedAt(image.createdAt)}</td>
+            <td className="px-6 py-4 whitespace-nowrap">
+                {formatServerLanguageHumanReadableDate(image.createdAt, language)}
+            </td>
         </tr>
     );
 }
@@ -106,6 +113,7 @@ function ImagesGalleryTableRow({ image, copiedId, handlePromptCopy }: ImagesGall
  */
 export function ImagesGalleryTable({
     formatText,
+    language,
     images,
     total,
     isLoading,
@@ -137,6 +145,7 @@ export function ImagesGalleryTable({
                             <ImagesGalleryTableRow
                                 key={image.id}
                                 image={image}
+                                language={language}
                                 copiedId={copiedId}
                                 handlePromptCopy={handlePromptCopy}
                             />

package/apps/agents-server/src/app/admin/login-methods/shibboleth/page.tsx

@@ -5,6 +5,9 @@ import { $getTableName } from '../../../../database/$getTableName';
 import { $provideSupabaseForServer } from '../../../../database/$provideSupabaseForServer';
 import { ForbiddenPage } from '../../../../components/ForbiddenPage/ForbiddenPage';
 import { isUserAdmin } from '../../../../utils/isUserAdmin';
+import type { ServerLanguageCode } from '../../../../languages/ServerLanguageRegistry';
+import { formatServerLanguageHumanReadableDate } from '../../../../utils/localization/formatServerLanguageHumanReadableDate';
+import { getRequestServerLanguage } from '../../../../utils/localization/getRequestServerLanguage';
 import {
     getShibbolethAuthenticationAttemptTableName,
     getShibbolethUserIdentityTableName,
@@ -112,12 +115,8 @@ async function loadShibbolethIdentitiesWithUsers(): Promise<{
 /**
  * Formats an optional date-time value for the dashboard.
  */
-function formatDashboardDateTime(value: string | null | undefined): string {
-    if (!value) {
-        return 'Never';
-    }
-
-    return new Date(value).toLocaleString();
+function formatDashboardDateTime(value: string | null | undefined, language: ServerLanguageCode): string {
+    return formatServerLanguageHumanReadableDate(value, language, { fallbackLabel: 'Never' });
 }
 
 /**
@@ -131,13 +130,14 @@ export default async function ShibbolethLoginMethodPage() {
     }
 
     const requestUrl = await getDashboardRequestUrl();
-    const [configuration, attempts, identitiesWithUsers] = await Promise.all([
+    const [configuration, attempts, identitiesWithUsers, language] = await Promise.all([
         resolveShibbolethAuthenticationConfiguration({
             requestUrl,
             isIdentityProviderMetadataValidationEnabled: true,
         }),
         loadShibbolethAuthenticationAttempts(),
         loadShibbolethIdentitiesWithUsers(),
+        getRequestServerLanguage(),
     ]);
     const isWarningShown = configuration.isActive && !configuration.isConfigured;
 
@@ -286,7 +286,7 @@ export default async function ShibbolethLoginMethodPage() {
                                 attempts.map((attempt) => (
                                     <tr key={attempt.id}>
                                         <td className="whitespace-nowrap py-2 pr-4 text-gray-700">
-                                            {formatDashboardDateTime(attempt.createdAt)}
+                                            {formatDashboardDateTime(attempt.createdAt, language)}
                                         </td>
                                         <td className="py-2 pr-4 font-medium text-gray-900">{attempt.status}</td>
                                         <td className="py-2 pr-4 text-gray-700">{attempt.stage}</td>
@@ -350,7 +350,7 @@ export default async function ShibbolethLoginMethodPage() {
                                             </td>
                                             <td className="py-2 pr-4 text-gray-700">{identity.loginCount}</td>
                                             <td className="whitespace-nowrap py-2 pr-4 text-gray-700">
-                                                {formatDashboardDateTime(identity.lastLoggedInAt)}
+                                                {formatDashboardDateTime(identity.lastLoggedInAt, language)}
                                             </td>
                                         </tr>
                                     );

package/apps/agents-server/src/app/admin/messages/MessagesClient.tsx

@@ -1,21 +1,21 @@
 'use client';
 
 import { useEffect, useMemo, useState } from 'react';
+import { useServerLanguage } from '../../../components/ServerLanguage/ServerLanguageProvider';
 import { Card } from '../../../components/Homepage/Card';
+import type { ServerLanguageCode } from '../../../languages/ServerLanguageRegistry';
 import {
     $fetchMessages,
     type MessageRow,
     type MessageSendAttemptRow,
 } from '../../../utils/messagesAdmin';
+import { formatServerLanguageHumanReadableDate } from '../../../utils/localization/formatServerLanguageHumanReadableDate';
 
 /**
  * Formats date.
  */
-function formatDate(dateString: string | null | undefined): string {
-    if (!dateString) return '-';
-    const date = new Date(dateString);
-    if (Number.isNaN(date.getTime())) return dateString;
-    return date.toLocaleString();
+function formatDate(dateString: string | null | undefined, language: ServerLanguageCode): string {
+    return formatServerLanguageHumanReadableDate(dateString, language, { fallbackLabel: '-' });
 }
 
 /**
@@ -44,6 +44,7 @@ function getStatusBadge(attempts: MessageSendAttemptRow[] | undefined) {
  * Handles messages client.
  */
 export function MessagesClient() {
+    const { language } = useServerLanguage();
     const [items, setItems] = useState<MessageRow[]>([]);
     const [total, setTotal] = useState(0);
     const [page, setPage] = useState(1);
@@ -270,7 +271,7 @@ export function MessagesClient() {
                                 {items.map((row) => (
                                     <tr key={row.id}>
                                         <td className="whitespace-nowrap px-4 py-3 text-gray-700">
-                                            {formatDate(row.createdAt)}
+                                            {formatDate(row.createdAt, language)}
                                         </td>
                                         <td className="whitespace-nowrap px-4 py-3 text-gray-700">
                                             {row.channel}

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,
@@ -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;
@@ -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/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,