@promptbook/cli 0.112.0-99 → 0.113.0-0

package/apps/agents-server/src/app/admin/custom-js/CustomJsFilesPanel.tsx

@@ -1,3 +1,5 @@
+import type { ServerLanguageCode } from '../../../languages/ServerLanguageRegistry';
+import { formatServerLanguageHumanReadableDate } from '../../../utils/localization/formatServerLanguageHumanReadableDate';
 import type { CustomJavascriptFileState } from './CustomJavascriptFileState';
 
 /**
@@ -6,6 +8,7 @@ import type { CustomJavascriptFileState } from './CustomJavascriptFileState';
  * @private function of CustomJsClient
  */
 type CustomJsFilesPanelProps = {
+    readonly language: ServerLanguageCode;
     readonly files: ReadonlyArray<CustomJavascriptFileState>;
     readonly selectedFileLocalId: string;
     readonly onAddNewFile: () => void;
@@ -18,6 +21,7 @@ type CustomJsFilesPanelProps = {
  * @private function of CustomJsClient
  */
 export function CustomJsFilesPanel({
+    language,
     files,
     selectedFileLocalId,
     onAddNewFile,
@@ -59,7 +63,9 @@ export function CustomJsFilesPanel({
                         >
                             <div className="text-sm font-medium text-gray-900">{file.scope || 'Untitled script'}</div>
                             <div className="text-xs text-gray-500">
-                                {file.updatedAt ? `Saved ${new Date(file.updatedAt).toLocaleString()}` : 'Not saved yet'}
+                                {file.updatedAt
+                                    ? `Saved ${formatServerLanguageHumanReadableDate(file.updatedAt, language)}`
+                                    : 'Not saved yet'}
                             </div>
                         </button>
                     );

package/apps/agents-server/src/app/admin/files/FilesGalleryClient.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import { useAgentNaming } from '../../../components/AgentNaming/AgentNamingContext';
+import { useServerLanguage } from '../../../components/ServerLanguage/ServerLanguageProvider';
 import { FilesGalleryGrid } from './FilesGalleryGrid';
 import { FilesGalleryTable } from './FilesGalleryTable';
 import { FilesGalleryViewModeToggle } from './FilesGalleryViewModeToggle';
@@ -11,6 +12,7 @@ import { useFilesGalleryState } from './useFilesGalleryState';
  */
 export function FilesGalleryClient() {
     const { formatText } = useAgentNaming();
+    const { language } = useServerLanguage();
     const filesGalleryState = useFilesGalleryState();
 
     return (
@@ -26,6 +28,7 @@ export function FilesGalleryClient() {
             {filesGalleryState.viewMode === 'TABLE' ? (
                 <FilesGalleryTable
                     formatText={formatText}
+                    language={language}
                     files={filesGalleryState.files}
                     total={filesGalleryState.total}
                     isLoading={filesGalleryState.isLoading}
@@ -36,6 +39,7 @@ export function FilesGalleryClient() {
             ) : (
                 <FilesGalleryGrid
                     formatText={formatText}
+                    language={language}
                     files={filesGalleryState.files}
                     isLoading={filesGalleryState.isLoading}
                     hasMore={filesGalleryState.hasMore}

package/apps/agents-server/src/app/admin/files/FilesGalleryGrid.tsx

@@ -1,6 +1,8 @@
 import { File, Loader2 } 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 { FilesGalleryStatusBadge } from './FilesGalleryStatusBadge';
 import type { UseFilesGalleryState } from './useFilesGalleryState';
 
@@ -12,6 +14,11 @@ type FilesGalleryGridProps = Pick<UseFilesGalleryState, 'files' | 'isLoading' |
      * Active text formatter for agent naming.
      */
     readonly formatText: (text: string) => string;
+
+    /**
+     * Active UI language used for date formatting.
+     */
+    readonly language: ServerLanguageCode;
 };
 
 /**
@@ -21,16 +28,6 @@ function formatFilesGalleryCompactFileSize(fileSize: number): string {
     return `${(fileSize / 1024).toFixed(1)} KB`;
 }
 
-/**
- * Formats one created-at value for the compact grid view.
- */
-function formatFilesGalleryCompactCreatedAt(createdAt: string): string {
-    return new Date(createdAt).toLocaleDateString(undefined, {
-        month: 'short',
-        day: 'numeric',
-    });
-}
-
 /**
  * Renders the grid view of the files gallery, including infinite-scroll feedback.
  *
@@ -38,6 +35,7 @@ function formatFilesGalleryCompactCreatedAt(createdAt: string): string {
  */
 export function FilesGalleryGrid({
     formatText,
+    language,
     files,
     isLoading,
     hasMore,
@@ -82,7 +80,7 @@ export function FilesGalleryGrid({
                                     <span className="text-xs text-gray-400">{formatText('No agent')}</span>
                                 )}
                                 <span className="text-[10px] text-gray-400 whitespace-nowrap">
-                                    {formatFilesGalleryCompactCreatedAt(file.createdAt)}
+                                    {formatServerLanguageHumanReadableDate(file.createdAt, language)}
                                 </span>
                             </div>
                             <p className="text-xs text-gray-600 truncate" title={file.fileName}>

package/apps/agents-server/src/app/admin/files/FilesGalleryTable.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 { FilesGalleryStatusBadge } from './FilesGalleryStatusBadge';
 import type { UseFilesGalleryState } from './useFilesGalleryState';
 
@@ -15,6 +17,11 @@ type FilesGalleryTableProps = Pick<
      * Active text formatter for agent naming.
      */
     readonly formatText: (text: string) => string;
+
+    /**
+     * Active UI language used for date formatting.
+     */
+    readonly language: ServerLanguageCode;
 };
 
 /**
@@ -24,13 +31,6 @@ function formatFilesGalleryFileSize(fileSize: number): string {
     return `${(fileSize / 1024).toFixed(2)} KB`;
 }
 
-/**
- * Formats one created-at value for the table view.
- */
-function formatFilesGalleryCreatedAt(createdAt: string): string {
-    return new Date(createdAt).toLocaleString();
-}
-
 /**
  * Renders the table view of the files gallery, including pagination.
  *
@@ -38,6 +38,7 @@ function formatFilesGalleryCreatedAt(createdAt: string): string {
  */
 export function FilesGalleryTable({
     formatText,
+    language,
     files,
     total,
     isLoading,
@@ -105,7 +106,7 @@ export function FilesGalleryTable({
                                     <FilesGalleryStatusBadge status={file.status} />
                                 </td>
                                 <td className="px-6 py-4 whitespace-nowrap">
-                                    {formatFilesGalleryCreatedAt(file.createdAt)}
+                                    {formatServerLanguageHumanReadableDate(file.createdAt, language)}
                                 </td>
                             </tr>
                         ))}

package/apps/agents-server/src/app/admin/image-generator-test/ImageAttachmentsEditor.tsx

@@ -1,8 +1,10 @@
-import { upload } from '@vercel/blob/client';
 import { useCallback, useRef, useState, type ChangeEvent } from 'react';
 import { showAlert } from '../../../components/AsyncDialogs/asyncDialogs';
+import { FileUploadUnavailableNotice } from '../../../components/FileUploadAvailability/FileUploadUnavailableNotice';
+import { useFileUploadAvailability } from '../../../components/FileUploadAvailability/FileUploadAvailabilityContext';
 import { getSafeCdnPath } from '../../../utils/cdn/utils/getSafeCdnPath';
 import { normalizeUploadFilename } from '../../../utils/normalization/normalizeUploadFilename';
+import { uploadFileToServer } from '../../../utils/upload/uploadFileToServer';
 import type { UseImageGeneratorTestState } from './useImageGeneratorTestState';
 
 /**
@@ -36,17 +38,22 @@ async function uploadImageAttachment(
     file: File,
 ): Promise<UseImageGeneratorTestState['prompts'][number]['attachments'][number]> {
     const normalizedFilename = normalizeUploadFilename(file.name);
-    const uploadPath = getSafeCdnPath({ pathname: normalizedFilename });
-    const blob = await upload(uploadPath, file, {
-        access: 'public',
-        handleUploadUrl: '/api/upload',
+    const uploadPath = getSafeCdnPath({
+        pathname: normalizedFilename,
+        pathPrefix: process.env.NEXT_PUBLIC_CDN_PATH_PREFIX,
+    });
+    const uploadResult = await uploadFileToServer({
+        file,
+        pathname: uploadPath,
+        purpose: 'IMAGE_GENERATOR_TEST_ATTACHMENT',
+        contentType: file.type,
     });
 
     return {
         id: createAttachmentIdentifier(),
         name: file.name,
         type: file.type,
-        url: blob.url,
+        url: uploadResult.url,
     };
 }
 
@@ -123,6 +130,7 @@ function CloseIcon({ size = 24, color = 'currentColor' }: IconProps) {
  */
 export function ImageAttachmentsEditor({ attachments, onChange, disabled }: ImageAttachmentsEditorProps) {
     const fileInputRef = useRef<HTMLInputElement>(null);
+    const fileUploadAvailability = useFileUploadAvailability();
     const [isUploading, setIsUploading] = useState(false);
 
     const handleFileUpload = useCallback(
@@ -133,6 +141,18 @@ export function ImageAttachmentsEditor({ attachments, onChange, disabled }: Imag
                 return;
             }
 
+            if (!fileUploadAvailability.isUploadAvailable) {
+                await showAlert({
+                    title: 'Upload unavailable',
+                    message: fileUploadAvailability.message || 'File uploads are not available for this server.',
+                }).catch(() => undefined);
+
+                if (fileInputRef.current) {
+                    fileInputRef.current.value = '';
+                }
+                return;
+            }
+
             setIsUploading(true);
 
             try {
@@ -153,7 +173,7 @@ export function ImageAttachmentsEditor({ attachments, onChange, disabled }: Imag
                 }
             }
         },
-        [attachments, onChange],
+        [attachments, fileUploadAvailability, onChange],
     );
 
     const handleRemoveAttachment = useCallback(
@@ -197,11 +217,11 @@ export function ImageAttachmentsEditor({ attachments, onChange, disabled }: Imag
                     accept="image/*"
                     multiple
                     className="hidden"
-                    disabled={disabled || isUploading}
+                    disabled={disabled || isUploading || !fileUploadAvailability.isUploadAvailable}
                 />
                 <button
                     onClick={() => fileInputRef.current?.click()}
-                    disabled={disabled || isUploading}
+                    disabled={disabled || isUploading || !fileUploadAvailability.isUploadAvailable}
                     className="text-xs flex items-center gap-1 px-2 py-1 border border-gray-300 rounded hover:bg-gray-50 disabled:opacity-50"
                     type="button"
                 >
@@ -209,6 +229,7 @@ export function ImageAttachmentsEditor({ attachments, onChange, disabled }: Imag
                     {isUploading ? 'Uploading...' : 'Add Image'}
                 </button>
             </div>
+            {!disabled && !fileUploadAvailability.isUploadAvailable && <FileUploadUnavailableNotice />}
         </div>
     );
 }

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

@@ -1,6 +1,7 @@
 'use client';
 
 import { useAgentNaming } from '../../../components/AgentNaming/AgentNamingContext';
+import { useServerLanguage } from '../../../components/ServerLanguage/ServerLanguageProvider';
 import { ImagesGalleryGrid } from './ImagesGalleryGrid';
 import { ImagesGalleryTable } from './ImagesGalleryTable';
 import { ImagesGalleryViewModeToggle } from './ImagesGalleryViewModeToggle';
@@ -11,6 +12,7 @@ import { useImagesGalleryState } from './useImagesGalleryState';
  */
 export function ImagesGalleryClient() {
     const { formatText } = useAgentNaming();
+    const { language } = useServerLanguage();
     const imagesGalleryState = useImagesGalleryState();
 
     return (
@@ -26,6 +28,7 @@ export function ImagesGalleryClient() {
             {imagesGalleryState.viewMode === 'TABLE' ? (
                 <ImagesGalleryTable
                     formatText={formatText}
+                    language={language}
                     images={imagesGalleryState.images}
                     total={imagesGalleryState.total}
                     isLoading={imagesGalleryState.isLoading}
@@ -38,6 +41,7 @@ export function ImagesGalleryClient() {
             ) : (
                 <ImagesGalleryGrid
                     formatText={formatText}
+                    language={language}
                     images={imagesGalleryState.images}
                     isLoading={imagesGalleryState.isLoading}
                     hasMore={imagesGalleryState.hasMore}

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

@@ -1,6 +1,8 @@
 import { Loader2 } 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 ImagesGalleryGridProps = Pick<
      * Active text formatter for agent naming.
      */
     readonly formatText: (text: string) => string;
+
+    /**
+     * Active UI language used for date formatting.
+     */
+    readonly language: ServerLanguageCode;
 };
 
 /**
@@ -33,17 +40,12 @@ type ImagesGalleryGridCardProps = Pick<UseImagesGalleryState, 'copiedId' | 'hand
      * Active text formatter for agent naming.
      */
     readonly formatText: (text: string) => string;
-};
 
-/**
- * Formats one created-at value for the compact grid view.
- */
-function formatImagesGalleryCompactCreatedAt(createdAt: string): string {
-    return new Date(createdAt).toLocaleDateString(undefined, {
-        month: 'short',
-        day: 'numeric',
-    });
-}
+    /**
+     * Active UI language used for date formatting.
+     */
+    readonly language: ServerLanguageCode;
+};
 
 /**
  * Renders one image card inside the gallery grid.
@@ -51,6 +53,7 @@ function formatImagesGalleryCompactCreatedAt(createdAt: string): string {
 function ImagesGalleryGridCard({
     image,
     formatText,
+    language,
     copiedId,
     handlePromptCopy,
 }: ImagesGalleryGridCardProps) {
@@ -91,7 +94,7 @@ function ImagesGalleryGridCard({
                         <span className="text-xs text-gray-400">{formatText('No agent')}</span>
                     )}
                     <span className="text-[10px] text-gray-400 whitespace-nowrap">
-                        {formatImagesGalleryCompactCreatedAt(image.createdAt)}
+                        {formatServerLanguageHumanReadableDate(image.createdAt, language)}
                     </span>
                 </div>
                 <div className="relative group/prompt">
@@ -119,6 +122,7 @@ function ImagesGalleryGridCard({
  */
 export function ImagesGalleryGrid({
     formatText,
+    language,
     images,
     isLoading,
     hasMore,
@@ -134,6 +138,7 @@ export function ImagesGalleryGrid({
                         key={image.id}
                         image={image}
                         formatText={formatText}
+                        language={language}
                         copiedId={copiedId}
                         handlePromptCopy={handlePromptCopy}
                     />

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/limits/LimitsClient.tsx

@@ -25,17 +25,14 @@ const LIMIT_INPUT_CLASS_NAME =
  *
  * @private client-side admin limits constant
  */
-const LIMIT_DEFINITIONS_BY_CATEGORY = SERVER_LIMIT_DEFINITIONS.reduce(
-    (categories, definition) => {
-        if (!categories[definition.category]) {
-            categories[definition.category] = [];
-        }
+const LIMIT_DEFINITIONS_BY_CATEGORY = SERVER_LIMIT_DEFINITIONS.reduce((categories, definition) => {
+    if (!categories[definition.category]) {
+        categories[definition.category] = [];
+    }
 
-        categories[definition.category]!.push(definition);
-        return categories;
-    },
-    {} as Record<ServerLimitDefinition['category'], Array<ServerLimitDefinition>>,
-);
+    categories[definition.category]!.push(definition);
+    return categories;
+}, {} as Record<ServerLimitDefinition['category'], Array<ServerLimitDefinition>>);
 
 /**
  * Dedicated admin page for configuring runtime server limits.
@@ -152,8 +149,8 @@ export function LimitsClient() {
                     </p>
                     <p>
                         Missing dedicated rows automatically fall back to the legacy metadata values and then to the
-                        repository defaults, so existing installations keep their current behavior until limits are saved
-                        here.
+                        repository defaults, so existing installations keep their current behavior until limits are
+                        saved here.
                     </p>
                 </div>
             </Card>
@@ -172,6 +169,8 @@ export function LimitsClient() {
                                     'Limits used while retrying federated server agent-book imports.'}
                                 {category === 'Agent spawning' &&
                                     'Limits protecting the persistent `spawn_agent` tool from accidental or abusive overuse.'}
+                                {category === 'Local agent runner' &&
+                                    'Limits controlling local coding-agent parallelism and retries for durable chat messages.'}
                             </p>
                         </div>