@promptbook/cli 0.112.0-103 → 0.112.0-105

package/apps/agents-server/src/app/api/images/[filename]/route.ts

@@ -5,8 +5,9 @@ import type { LlmExecutionTools } from '../../../../../../../src/execution/LlmEx
 import { getSingleLlmExecutionTools } from '../../../../../../../src/llm-providers/_multiple/getSingleLlmExecutionTools';
 import type { ImageGenerationModelRequirements } from '../../../../../../../src/types/ModelRequirements';
 import { string_url } from '../../../../../../../src/types/typeAliases';
-import { $provideCdnForServer } from '../../../../tools/$provideCdnForServer';
+import { $provideCdnForServer, resolveCdnPublicUrlForServer } from '../../../../tools/$provideCdnForServer';
 import { $provideExecutionToolsForServer } from '../../../../tools/$provideExecutionToolsForServer';
+import { $provideServer } from '../../../../tools/$provideServer';
 import { getGeneratedImageCdnKey } from '../../../../utils/cdn/utils/getGeneratedImageCdnKey';
 import { ensureGeneratedImage } from '../../../../utils/imageGeneration/ensureGeneratedImage';
 import { filenameToPrompt } from '../../../../utils/normalization/filenameToPrompt';
@@ -47,6 +48,7 @@ export async function GET(request: NextRequest, { params }: { params: Promise<{
 
         const prompt = filenameToPrompt(filename);
         const executionTools = await $provideExecutionToolsForServer();
+        const providedServer = await $provideServer();
         const llmTools = getSingleLlmExecutionTools(executionTools.llm) as LlmExecutionTools;
 
         if (!llmTools.callImageGenerationModel) {
@@ -89,7 +91,9 @@ export async function GET(request: NextRequest, { params }: { params: Promise<{
                 const imageBuffer = await imageResponse.arrayBuffer();
                 const buffer = Buffer.from(imageBuffer);
 
-                const cdn = $provideCdnForServer();
+                const cdn = $provideCdnForServer({
+                    cdnPublicUrl: resolveCdnPublicUrlForServer(providedServer.publicUrl),
+                });
                 const cdnKey = getGeneratedImageCdnKey({ filename, pathPrefix: cdn.pathPrefix });
                 await cdn.setItem(cdnKey, {
                     type: 'image/png',

package/apps/agents-server/src/app/api/internal/agent-runner-limits/route.ts

@@ -0,0 +1,51 @@
+import { NextResponse } from 'next/server';
+import { resolveUserChatWorkerInternalToken } from '@/src/utils/userChat';
+import { getLocalAgentRunnerLimits } from '@/src/utils/serverLimits';
+
+/**
+ * Loads local agent-runner limits for the foreground CLI worker.
+ */
+export async function GET(request: Request) {
+    return handleAgentRunnerLimitsRequest(request);
+}
+
+/**
+ * Loads local agent-runner limits for the foreground CLI worker.
+ */
+export async function POST(request: Request) {
+    return handleAgentRunnerLimitsRequest(request);
+}
+
+/**
+ * Validates authorization and returns the current local runner retry limits.
+ *
+ * @param request - Incoming route request.
+ * @returns Local runner limits response.
+ */
+async function handleAgentRunnerLimitsRequest(request: Request) {
+    if (!isAuthorizedInternalWorkerRequest(request)) {
+        return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+    }
+
+    try {
+        return NextResponse.json(await getLocalAgentRunnerLimits());
+    } catch (error) {
+        return NextResponse.json(
+            {
+                error: error instanceof Error ? error.message : 'Failed to load local agent runner limits.',
+            },
+            { status: 500 },
+        );
+    }
+}
+
+/**
+ * Validates the shared internal worker token.
+ *
+ * @param request - Incoming route request.
+ * @returns `true` when the internal worker token matches.
+ */
+function isAuthorizedInternalWorkerRequest(request: Request): boolean {
+    const token = request.headers.get('x-user-chat-worker-token');
+    return token === resolveUserChatWorkerInternalToken();
+}

package/apps/agents-server/src/app/api/upload/route.ts

@@ -3,15 +3,22 @@ import { NextRequest, NextResponse } from 'next/server';
 import { spaceTrim } from 'spacetrim';
 import { assertsError } from '../../../../../../src/errors/assertsError';
 import { LimitReachedError } from '../../../../../../src/errors/LimitReachedError';
+import { NotAllowed } from '../../../../../../src/errors/NotAllowed';
 import { UnexpectedError } from '../../../../../../src/errors/UnexpectedError';
 import { $getTableName } from '../../../database/$getTableName';
 import { $provideSupabase } from '../../../database/$provideSupabase';
 import type { AgentsServerDatabase } from '../../../database/schema';
-import { $provideCdnForServer } from '../../../tools/$provideCdnForServer';
+import {
+    $provideCdnForServer,
+    isSelfContainedS3StorageSelected,
+    resolveCdnPublicUrlForServer,
+} from '../../../tools/$provideCdnForServer';
+import { $provideServer } from '../../../tools/$provideServer';
 import { getSafeCdnPath } from '../../../utils/cdn/utils/getSafeCdnPath';
 import { FILE_SECURITY_CHECKERS } from '../../../file-security-checkers';
 import { getUserIdFromRequest } from '../../../utils/getUserIdFromRequest';
 import { getMaxFileUploadSizeBytes } from '../../../utils/serverLimits';
+import { resolveFileUploadAvailability } from '../../../utils/upload/fileUploadAvailability';
 import { validateMimeType } from '../../../utils/validators/validateMimeType';
 
 /**
@@ -47,6 +54,13 @@ type ParsedUploadRequest = {
     contentType: string;
 };
 
+/**
+ * Server context returned by `$provideServer`.
+ *
+ * @private
+ */
+type ProvidedServer = Awaited<ReturnType<typeof $provideServer>>;
+
 /**
  * Normalizes upload purpose to a non-empty string.
  *
@@ -182,11 +196,33 @@ async function updateUploadedFileSecurityResult(
     }
 }
 
+/**
+ * Ensures the current server/domain can accept file uploads.
+ *
+ * @param providedServer - Current server routing context.
+ * @throws `NotAllowed` when uploads would be published without a server domain.
+ * @private
+ */
+function assertFileUploadAvailable(providedServer: ProvidedServer): void {
+    const fileUploadAvailability = resolveFileUploadAvailability({
+        serverId: providedServer.id,
+        serverPublicUrl: providedServer.publicUrl,
+        isSelfContainedS3StorageSelected: isSelfContainedS3StorageSelected(),
+    });
+
+    if (!fileUploadAvailability.isUploadAvailable) {
+        throw new NotAllowed(fileUploadAvailability.message || 'File uploads are not available for this server.');
+    }
+}
+
 /**
  * Handles file upload requests.
  */
 export async function POST(request: NextRequest) {
     try {
+        const providedServer = await $provideServer();
+        assertFileUploadAvailable(providedServer);
+
         const { file, pathname, purpose, contentType } = await parseUploadRequest(request);
         const fileBuffer = Buffer.from(await file.arrayBuffer());
         const maxFileSize = await getMaxFileUploadSizeBytes();
@@ -201,7 +237,9 @@ export async function POST(request: NextRequest) {
             );
         }
 
-        const cdn = $provideCdnForServer();
+        const cdn = $provideCdnForServer({
+            cdnPublicUrl: resolveCdnPublicUrlForServer(providedServer.publicUrl),
+        });
         const storageUrl = cdn.getItemUrl(pathname).href;
         const userId = await getUserIdFromRequest(request);
 
@@ -227,17 +265,15 @@ export async function POST(request: NextRequest) {
 
         console.error('Upload failed:', error);
 
-        return new Response(
-            JSON.stringify(
-                serializeError(error),
-                // <- TODO: [🐱‍🚀] Rename `serializeError` to `errorToJson`
-                null,
-                4,
-                // <- TODO: [🐱‍🚀] Allow to configure pretty print for agent server
-            ),
+        const serializedError = serializeError(error);
+
+        return NextResponse.json(
+            {
+                ...serializedError,
+                error: serializedError.message,
+            },
             {
-                status: 400, // <- TODO: [🐱‍🚀] Make `errorToHttpStatusCode`
-                headers: { 'Content-Type': 'application/json' },
+                status: error instanceof NotAllowed ? 403 : 400, // <- TODO: [🐱‍🚀] Make `errorToHttpStatusCode`
             },
         );
     }

package/apps/agents-server/src/app/layout.tsx

@@ -16,6 +16,7 @@ import {
     SERVER_LANGUAGE_METADATA_KEY,
 } from '../languages/ServerLanguageRegistry';
 import { $provideServer } from '../tools/$provideServer';
+import { isSelfContainedS3StorageSelected } from '../tools/$provideCdnForServer';
 import { loadAgentOrganizationState } from '../utils/agentOrganization/loadAgentOrganizationState';
 import type { AgentOrganizationAgent, AgentOrganizationFolder } from '../utils/agentOrganization/types';
 import { getAgentNaming } from '../utils/getAgentNaming';
@@ -50,6 +51,7 @@ import {
     SHIBBOLETH_AUTHENTICATION_METADATA_KEYS,
     resolveShibbolethAuthenticationMenuStatus,
 } from '../constants/shibbolethAuth';
+import { resolveFileUploadAvailability } from '../utils/upload/fileUploadAvailability';
 import '@prisma/studio-core/ui/index.css';
 import './globals.css';
 
@@ -267,6 +269,7 @@ export default async function RootLayout({
     const currentUserPromise = getCurrentUser();
     const isAdminPromise = isUserAdmin();
     const isGlobalAdminPromise = isUserGlobalAdmin();
+    const providedServerPromise = $provideServer();
     const serverVisibilityPromise = getServerVisibility();
     const agentNamingPromise = getAgentNaming();
     const organizationStatePromise = isAdminPromise.then((isAdmin) =>
@@ -274,6 +277,13 @@ export default async function RootLayout({
     );
     const chatPreferencesPromise = getDefaultChatPreferences();
     const defaultIsNotificationsOnPromise = getDefaultIsNotificationsOn();
+    const fileUploadAvailabilityPromise = providedServerPromise.then((providedServer) =>
+        resolveFileUploadAvailability({
+            serverId: providedServer.id,
+            serverPublicUrl: providedServer.publicUrl,
+            isSelfContainedS3StorageSelected: isSelfContainedS3StorageSelected(),
+        }),
+    );
     const customStylesheetCssPromise = resolveOptionalLayoutText(
         'custom stylesheet CSS',
         getAggregatedCustomStylesheetCss,
@@ -340,6 +350,7 @@ export default async function RootLayout({
         federatedServers,
         footerLinks,
         serverVisibility,
+        fileUploadAvailability,
     ] = await Promise.all([
         isAdminPromise,
         isGlobalAdminPromise,
@@ -356,6 +367,7 @@ export default async function RootLayout({
         federatedServersPromise,
         footerLinksPromise,
         serverVisibilityPromise,
+        fileUploadAvailabilityPromise,
     ]);
 
     const serverName = layoutMetadata.SERVER_NAME || 'Promptbook Agents Server';
@@ -429,6 +441,7 @@ export default async function RootLayout({
                     defaultChatVisualMode={defaultChatVisualMode}
                     defaultAgentAvatarVisualId={defaultAgentAvatarVisualId}
                     webPushPublicKey={webPushPublicKey}
+                    fileUploadAvailability={fileUploadAvailability}
                 >
                     {children}
                 </LayoutWrapper>

package/apps/agents-server/src/components/AgentProfile/AgentProfile.tsx

@@ -186,10 +186,7 @@ export function AgentProfile(props: AgentProfileProps) {
                                 ) : (
                                     <div className="flex h-full w-full items-center justify-center overflow-hidden p-4 md:p-8">
                                         {/* Keep built-in visuals inside a centered square stage so different avatar renderers fit the tall profile card consistently. */}
-                                        <div
-                                            className="flex h-full w-full max-h-[80%] max-w-[80%] items-center justify-center"
-                                            style={{ aspectRatio: '1 / 1' }}
-                                        >
+                                        <div className="flex aspect-square w-[80%] items-center justify-center">
                                             <AgentAvatar
                                                 agent={agent}
                                                 baseUrl={publicUrl}

package/apps/agents-server/src/components/FileUploadAvailability/FileUploadAvailabilityContext.tsx

@@ -0,0 +1,50 @@
+'use client';
+
+import { createContext, useContext, type ReactNode } from 'react';
+import {
+    AVAILABLE_FILE_UPLOAD,
+    type FileUploadAvailability,
+} from '../../utils/upload/fileUploadAvailability';
+
+/**
+ * Context carrying file upload availability for the current server/domain.
+ */
+const FileUploadAvailabilityContext = createContext<FileUploadAvailability>(AVAILABLE_FILE_UPLOAD);
+
+/**
+ * Props consumed by `FileUploadAvailabilityProvider`.
+ */
+type FileUploadAvailabilityProviderProps = {
+    /**
+     * Current upload availability state.
+     */
+    readonly value: FileUploadAvailability;
+
+    /**
+     * Nested app content.
+     */
+    readonly children: ReactNode;
+};
+
+/**
+ * Provides file upload availability to upload controls.
+ *
+ * @param props - Provider props.
+ * @returns Provider-wrapped children.
+ */
+export function FileUploadAvailabilityProvider(props: FileUploadAvailabilityProviderProps) {
+    return (
+        <FileUploadAvailabilityContext.Provider value={props.value}>
+            {props.children}
+        </FileUploadAvailabilityContext.Provider>
+    );
+}
+
+/**
+ * Reads the current file upload availability state.
+ *
+ * @returns Current upload availability state.
+ */
+export function useFileUploadAvailability(): FileUploadAvailability {
+    return useContext(FileUploadAvailabilityContext);
+}

package/apps/agents-server/src/components/FileUploadAvailability/FileUploadUnavailableNotice.tsx

@@ -0,0 +1,45 @@
+'use client';
+
+import { AlertTriangle } from 'lucide-react';
+import Link from 'next/link';
+import { useFileUploadAvailability } from './FileUploadAvailabilityContext';
+
+/**
+ * Props consumed by `FileUploadUnavailableNotice`.
+ */
+type FileUploadUnavailableNoticeProps = {
+    /**
+     * Optional classes appended to the notice root.
+     */
+    readonly className?: string;
+};
+
+/**
+ * Shows a shared notice when file uploads are disabled for the current server.
+ *
+ * @param props - Notice props.
+ * @returns Upload notice or `null` when uploads are available.
+ */
+export function FileUploadUnavailableNotice({ className }: FileUploadUnavailableNoticeProps) {
+    const fileUploadAvailability = useFileUploadAvailability();
+
+    if (fileUploadAvailability.isUploadAvailable || !fileUploadAvailability.message) {
+        return null;
+    }
+
+    return (
+        <div
+            className={`flex items-start gap-3 rounded-lg border border-amber-200 bg-amber-50 px-4 py-3 text-sm text-amber-900 ${
+                className || ''
+            }`}
+        >
+            <AlertTriangle className="mt-0.5 h-4 w-4 flex-shrink-0" aria-hidden="true" />
+            <div className="space-y-1">
+                <p className="font-medium">{fileUploadAvailability.message}</p>
+                <Link href="/admin/servers" className="inline-flex font-semibold underline underline-offset-2">
+                    Open server/domain settings
+                </Link>
+            </div>
+        </div>
+    );
+}

package/apps/agents-server/src/components/Header/Header.tsx

@@ -9,7 +9,6 @@ import { HamburgerMenu } from '../../../../../src/book-components/_common/Hambur
 import { useMenuHoisting } from '../../../../../src/book-components/_common/MenuHoisting/MenuHoistingContext';
 import { just } from '../../../../../src/utils/organization/just';
 import { getVisibleCommitmentDefinitions } from '../../utils/getVisibleCommitmentDefinitions';
-import { pushWithHeadless, useIsHeadless } from '../_utils/headlessParam';
 import { useInstallPromptState, type AgentContextMenuRenamePayload } from '../AgentContextMenu/AgentContextMenu';
 import { useAgentNaming } from '../AgentNaming/AgentNamingContext';
 import { QrCodeModal } from '../AgentProfile/QrCodeModal';
@@ -58,11 +57,9 @@ export function Header(props: HeaderProps) {
         feedbackMode = 'stars',
         shibbolethAuthenticationStatus,
     } = props;
-
     const [isChangePasswordOpen, setIsChangePasswordOpen] = useState(false);
     const router = useRouter();
     const pathname = usePathname();
-    const isHeadless = useIsHeadless();
     const menuHoisting = useMenuHoisting();
     const mobileMenuHoisting = useMobileMenuHoisting();
     const { naming } = useAgentNaming();
@@ -73,13 +70,6 @@ export function Header(props: HeaderProps) {
         () => buildDocumentationDropdownItems(visibleDocumentationCommitments, t),
         [t, visibleDocumentationCommitments],
     );
-
-    const fallbackNavigateToHref = useCallback(
-        (href: string) => {
-            pushWithHeadless(router, href, isHeadless);
-        },
-        [isHeadless, router],
-    );
     const hoistedMobileMenuItems = mobileMenuHoisting?.menuItems || EMPTY_HOISTED_MOBILE_MENU_ITEMS;
     const {
         cancelMenuClose,
@@ -201,7 +191,6 @@ export function Header(props: HeaderProps) {
         isAdmin,
         isAuthenticated: Boolean(currentUser),
         isInstalled,
-        navigateToHref: fallbackNavigateToHref,
         namingPlural: naming.plural,
         namingSingular: naming.singular,
         onAgentRenamed: handleAgentRenamedFromHeader,

package/apps/agents-server/src/components/Header/useHeaderAgentMenus.tsx

@@ -44,7 +44,6 @@ type UseHeaderAgentMenusOptions = {
     readonly isAdmin: boolean;
     readonly isAuthenticated: boolean;
     readonly isInstalled: boolean;
-    readonly navigateToHref: (href: string) => void;
     readonly namingPlural: string;
     readonly namingSingular: string;
     readonly onAgentRenamed: (payload: AgentContextMenuRenamePayload) => void;
@@ -160,7 +159,6 @@ export function useHeaderAgentMenus({
     isAdmin,
     isAuthenticated,
     isInstalled,
-    navigateToHref,
     namingPlural,
     namingSingular,
     onAgentRenamed,
@@ -214,9 +212,6 @@ export function useHeaderAgentMenus({
         openNewAgentDialog,
         dialog: newAgentDialog,
     } = useNewAgentDialog({
-        onCreated: ({ targetPath }) => {
-            navigateToHref(targetPath);
-        },
         onCreateFailed: async (error) => {
             await showNewAgentFailure('Failed to create agent:', error, namingSingular, translate);
         },

package/apps/agents-server/src/components/LayoutWrapper/LayoutWrapper.tsx

@@ -16,6 +16,7 @@ import { ChatVisualModeProvider } from '../ChatVisualMode/ChatVisualModeProvider
 import { ClientVersionMismatchListener } from '../ClientVersion/ClientVersionMismatchListener';
 import { ChatEnterBehaviorPreferencesProvider } from '../ChatEnterBehavior/ChatEnterBehaviorPreferencesProvider';
 import { HomepageOptimisticNavigation } from '../Homepage/HomepageOptimisticNavigation';
+import { FileUploadAvailabilityProvider } from '../FileUploadAvailability/FileUploadAvailabilityContext';
 import { Footer, type FooterLink } from '../Footer/Footer';
 import { Header } from '../Header/Header';
 import { MobileMenuHoistingProvider } from '../Header/MobileMenuHoistingContext';
@@ -30,6 +31,7 @@ import { SoundSystemProvider } from '../SoundSystemProvider/SoundSystemProvider'
 import { ThemeModeProvider } from '../ThemeMode/ThemeModeProvider';
 import { ViewportHeightController } from '../ViewportHeightController/ViewportHeightController';
 import type { ControlPanelOptionAvailability } from '../../utils/getControlPanelOptionAvailability';
+import type { FileUploadAvailability } from '../../utils/upload/fileUploadAvailability';
 
 /**
  * Props for layout wrapper.
@@ -73,6 +75,10 @@ type LayoutWrapperProps = {
     defaultChatVisualMode: string;
     defaultAgentAvatarVisualId: AvatarVisualId;
     webPushPublicKey: string | null;
+    /**
+     * Current file upload availability for the active server/domain.
+     */
+    fileUploadAvailability: FileUploadAvailability;
 };
 
 /**
@@ -105,6 +111,7 @@ export function LayoutWrapper({
     defaultChatVisualMode,
     defaultAgentAvatarVisualId,
     webPushPublicKey,
+    fileUploadAvailability,
 }: LayoutWrapperProps) {
     const pathname = usePathname();
     const searchParams = useSearchParams();
@@ -127,83 +134,85 @@ export function LayoutWrapper({
             defaultLanguage={defaultServerLanguage}
             isServerLanguageEnforced={isServerLanguageEnforced}
         >
-            <DefaultAgentAvatarVisualProvider defaultAgentAvatarVisualId={defaultAgentAvatarVisualId}>
-                <ThemeModeProvider defaultThemeMode={defaultThemeMode}>
-                    <ChatVisualModeProvider defaultChatVisualMode={defaultChatVisualMode}>
-                        <AsyncDialogsProvider>
-                            <AgentNamingProvider naming={agentNaming}>
-                                <LegacyUiAutoTranslator />
-                                <PrivateModePreferencesProvider>
-                                    <SelfLearningPreferencesProvider>
-                                        <SoundSystemProvider
-                                            initialIsSoundsOn={defaultIsSoundsOn}
-                                            initialIsVibrationOn={defaultIsVibrationOn}
-                                        >
-                                            <NotificationsProvider>
-                                                <BrowserPushNotificationsProvider
-                                                    defaultEnabled={defaultIsNotificationsOn}
-                                                    pushPublicKey={webPushPublicKey}
-                                                    isMetadataAvailable={controlPanelOptionAvailability.notifications}
-                                                >
-                                                    <ChatEnterBehaviorPreferencesProvider>
-                                                        <ClientVersionMismatchListener />
-                                                        <ViewportHeightController />
-                                                        <NavigationProgressBar />
-                                                        <MenuHoistingProvider>
-                                                            <MobileMenuHoistingProvider>
-                                                                <MetadataFlagsProvider
-                                                                    value={{
-                                                                        isExperimentalPwaAppEnabled,
-                                                                        controlPanelOptionAvailability,
-                                                                    }}
-                                                                >
-                                                                    {shouldRenderMinimalShell ? (
-                                                                        <main className={minimalMainClassName}>
-                                                                            {children}
-                                                                        </main>
-                                                                    ) : (
-                                                                        <div className="agents-server-app-shell flex flex-col">
-                                                                            <Header
-                                                                                isAdmin={isAdmin}
-                                                                                isGlobalAdmin={isGlobalAdmin}
-                                                                                currentUser={currentUser}
-                                                                                serverName={serverName}
-                                                                                serverLogoUrl={serverLogoUrl}
-                                                                                agents={agents}
-                                                                                agentFolders={agentFolders}
-                                                                                federatedServers={federatedServers}
-                                                                                isExperimental={isExperimental}
-                                                                                feedbackMode={feedbackMode}
-                                                                                shibbolethAuthenticationStatus={
-                                                                                    shibbolethAuthenticationStatus
-                                                                                }
-                                                                            />
-                                                                            <main className={mainClassName}>
-                                                                                <HomepageOptimisticNavigation
-                                                                                    pathname={pathname}
-                                                                                >
-                                                                                    {children}
-                                                                                </HomepageOptimisticNavigation>
+            <FileUploadAvailabilityProvider value={fileUploadAvailability}>
+                <DefaultAgentAvatarVisualProvider defaultAgentAvatarVisualId={defaultAgentAvatarVisualId}>
+                    <ThemeModeProvider defaultThemeMode={defaultThemeMode}>
+                        <ChatVisualModeProvider defaultChatVisualMode={defaultChatVisualMode}>
+                            <AsyncDialogsProvider>
+                                <AgentNamingProvider naming={agentNaming}>
+                                    <LegacyUiAutoTranslator />
+                                    <PrivateModePreferencesProvider>
+                                        <SelfLearningPreferencesProvider>
+                                            <SoundSystemProvider
+                                                initialIsSoundsOn={defaultIsSoundsOn}
+                                                initialIsVibrationOn={defaultIsVibrationOn}
+                                            >
+                                                <NotificationsProvider>
+                                                    <BrowserPushNotificationsProvider
+                                                        defaultEnabled={defaultIsNotificationsOn}
+                                                        pushPublicKey={webPushPublicKey}
+                                                        isMetadataAvailable={controlPanelOptionAvailability.notifications}
+                                                    >
+                                                        <ChatEnterBehaviorPreferencesProvider>
+                                                            <ClientVersionMismatchListener />
+                                                            <ViewportHeightController />
+                                                            <NavigationProgressBar />
+                                                            <MenuHoistingProvider>
+                                                                <MobileMenuHoistingProvider>
+                                                                    <MetadataFlagsProvider
+                                                                        value={{
+                                                                            isExperimentalPwaAppEnabled,
+                                                                            controlPanelOptionAvailability,
+                                                                        }}
+                                                                    >
+                                                                        {shouldRenderMinimalShell ? (
+                                                                            <main className={minimalMainClassName}>
+                                                                                {children}
                                                                             </main>
-                                                                            {isFooterShown && !isFooterHiddenOnPage && (
-                                                                                <Footer extraLinks={footerLinks} />
-                                                                            )}
-                                                                        </div>
-                                                                    )}
-                                                                </MetadataFlagsProvider>
-                                                            </MobileMenuHoistingProvider>
-                                                        </MenuHoistingProvider>
-                                                    </ChatEnterBehaviorPreferencesProvider>
-                                                </BrowserPushNotificationsProvider>
-                                            </NotificationsProvider>
-                                        </SoundSystemProvider>
-                                    </SelfLearningPreferencesProvider>
-                                </PrivateModePreferencesProvider>
-                            </AgentNamingProvider>
-                        </AsyncDialogsProvider>
-                    </ChatVisualModeProvider>
-                </ThemeModeProvider>
-            </DefaultAgentAvatarVisualProvider>
+                                                                        ) : (
+                                                                            <div className="agents-server-app-shell flex flex-col">
+                                                                                <Header
+                                                                                    isAdmin={isAdmin}
+                                                                                    isGlobalAdmin={isGlobalAdmin}
+                                                                                    currentUser={currentUser}
+                                                                                    serverName={serverName}
+                                                                                    serverLogoUrl={serverLogoUrl}
+                                                                                    agents={agents}
+                                                                                    agentFolders={agentFolders}
+                                                                                    federatedServers={federatedServers}
+                                                                                    isExperimental={isExperimental}
+                                                                                    feedbackMode={feedbackMode}
+                                                                                    shibbolethAuthenticationStatus={
+                                                                                        shibbolethAuthenticationStatus
+                                                                                    }
+                                                                                />
+                                                                                <main className={mainClassName}>
+                                                                                    <HomepageOptimisticNavigation
+                                                                                        pathname={pathname}
+                                                                                    >
+                                                                                        {children}
+                                                                                    </HomepageOptimisticNavigation>
+                                                                                </main>
+                                                                                {isFooterShown && !isFooterHiddenOnPage && (
+                                                                                    <Footer extraLinks={footerLinks} />
+                                                                                )}
+                                                                            </div>
+                                                                        )}
+                                                                    </MetadataFlagsProvider>
+                                                                </MobileMenuHoistingProvider>
+                                                            </MenuHoistingProvider>
+                                                        </ChatEnterBehaviorPreferencesProvider>
+                                                    </BrowserPushNotificationsProvider>
+                                                </NotificationsProvider>
+                                            </SoundSystemProvider>
+                                        </SelfLearningPreferencesProvider>
+                                    </PrivateModePreferencesProvider>
+                                </AgentNamingProvider>
+                            </AsyncDialogsProvider>
+                        </ChatVisualModeProvider>
+                    </ThemeModeProvider>
+                </DefaultAgentAvatarVisualProvider>
+            </FileUploadAvailabilityProvider>
         </ServerLanguageProvider>
     );
 }