@promptbook/cli 0.112.0-99 → 0.113.0-0

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

@@ -40,12 +40,12 @@ export function DocumentationContent({ primary, aliases = [], isPrintOnly = fals
 
     return (
         <div
-            className={`bg-white rounded-xl shadow-lg border border-gray-200 overflow-hidden ${
+            className={`bg-white rounded-xl shadow-lg border border-gray-200 overflow-hidden dark:border-slate-700 dark:bg-slate-900/92 dark:shadow-slate-950/40 ${
                 isPrintOnly ? 'shadow-none border-none' : ''
             } print:shadow-none print:border-none print:rounded-none`}
         >
             <div
-                className={`p-8 border-b border-gray-100 bg-gray-50/50 ${
+                className={`p-8 border-b border-gray-100 bg-gray-50/50 dark:border-slate-700 dark:bg-slate-800/72 ${
                     isPrintOnly ? 'border-none bg-white p-0 mb-4' : ''
                 } ${
                     isLowVisibilityNotice ? 'opacity-90 print:opacity-100' : ''
@@ -56,23 +56,23 @@ export function DocumentationContent({ primary, aliases = [], isPrintOnly = fals
                         <OpenMojiIcon icon={primary.icon} variant="color" className="mr-3" />
                         {primary.type}
                         {aliases.length > 0 && (
-                            <span className="text-gray-400 font-normal ml-4 text-2xl print:text-xl">
+                            <span className="text-gray-400 font-normal ml-4 text-2xl dark:text-slate-500 print:text-xl">
                                 / {aliases.join(' / ')}
                             </span>
                         )}
                     </h1>
                     {!isPrintOnly && (
-                        <span className="px-3 py-1 rounded-full text-xs font-medium bg-blue-100 text-blue-700 print:hidden">
+                        <span className="px-3 py-1 rounded-full text-xs font-medium bg-blue-100 text-blue-700 dark:bg-blue-500/20 dark:text-blue-100 print:hidden">
                             Commitment
                         </span>
                     )}
                     {!isPrintOnly && notice?.kind === 'deprecated' && (
-                        <span className="px-3 py-1 rounded-full text-xs font-medium bg-amber-100 text-amber-800 print:hidden">
+                        <span className="px-3 py-1 rounded-full text-xs font-medium bg-amber-100 text-amber-800 dark:bg-amber-500/20 dark:text-amber-100 print:hidden">
                             Deprecated
                         </span>
                     )}
                     {!isPrintOnly && isLowVisibilityNotice && (
-                        <span className="px-3 py-1 rounded-full text-xs font-medium bg-slate-100 text-slate-700 print:hidden">
+                        <span className="px-3 py-1 rounded-full text-xs font-medium bg-slate-100 text-slate-700 dark:bg-slate-700 dark:text-slate-100 print:hidden">
                             {notice?.badgeLabel}
                         </span>
                     )}
@@ -86,8 +86,8 @@ export function DocumentationContent({ primary, aliases = [], isPrintOnly = fals
                     <div
                         className={`mt-4 rounded-xl border px-4 py-3 text-sm print:border ${
                             isLowVisibilityNotice
-                                ? 'border-slate-200 bg-slate-50 text-slate-700 print:border-slate-200'
-                                : 'border-amber-200 bg-amber-50 text-amber-900 print:border-amber-200'
+                                ? 'border-slate-200 bg-slate-50 text-slate-700 dark:border-slate-700 dark:bg-slate-950/72 dark:text-slate-200 print:border-slate-200'
+                                : 'border-amber-200 bg-amber-50 text-amber-900 dark:border-amber-500/40 dark:bg-amber-950/35 dark:text-amber-100 print:border-amber-200'
                         }`}
                     >
                         <div className="font-semibold mb-1">{notice?.detailLabel || 'Deprecated'}</div>
@@ -105,7 +105,7 @@ export function DocumentationContent({ primary, aliases = [], isPrintOnly = fals
             </div>
 
             <div className={`p-8 ${isPrintOnly ? 'p-0' : ''} print:p-0`}>
-                <article className="prose prose-lg prose-slate max-w-none prose-headings:font-bold prose-headings:tracking-tight prose-headings:text-gray-900 prose-h1:text-4xl prose-h1:mb-8 prose-h2:text-2xl prose-h2:mt-12 prose-h2:mb-6 prose-h2:pb-2 prose-h2:border-b prose-h2:border-gray-200 prose-h3:text-xl prose-h3:mt-8 prose-h3:mb-4 prose-h3:text-gray-800 prose-p:text-gray-600 prose-p:leading-relaxed prose-p:mb-6 prose-a:text-blue-600 prose-a:no-underline hover:prose-a:text-blue-700 hover:prose-a:underline prose-a:transition-colors prose-strong:font-bold prose-strong:text-gray-900 prose-code:text-blue-600 prose-code:bg-blue-50 prose-code:px-1.5 prose-code:py-0.5 prose-code:rounded-md prose-code:before:content-none prose-code:after:content-none prose-code:font-medium prose-pre:bg-gray-900 prose-pre:text-gray-100 prose-pre:shadow-lg prose-pre:rounded-xl prose-pre:p-6 prose-ul:list-disc prose-ul:pl-6 prose-li:marker:text-gray-400 prose-li:mb-2 prose-ol:list-decimal prose-ol:pl-6 prose-li:mb-2 prose-blockquote:border-l-4 prose-blockquote:border-blue-500 prose-blockquote:bg-blue-50/50 prose-blockquote:py-2 prose-blockquote:px-4 prose-blockquote:rounded-r-lg prose-blockquote:not-italic prose-blockquote:text-gray-700 prose-blockquote:my-8 prose-img:rounded-xl prose-img:shadow-md prose-img:my-8 prose-hr:border-gray-200 prose-hr:my-10 prose-table:w-full prose-th:text-left prose-th:py-2 prose-th:px-3 prose-th:bg-gray-100 prose-th:font-semibold prose-th:text-gray-900 prose-td:py-2 prose-td:px-3 prose-td:border-b prose-td:border-gray-200 prose-tr:hover:bg-gray-50 print:prose-base print:max-w-none">
+                <article className="prose prose-lg prose-slate max-w-none prose-headings:font-bold prose-headings:tracking-tight prose-headings:text-gray-900 prose-h1:text-4xl prose-h1:mb-8 prose-h2:text-2xl prose-h2:mt-12 prose-h2:mb-6 prose-h2:pb-2 prose-h2:border-b prose-h2:border-gray-200 prose-h3:text-xl prose-h3:mt-8 prose-h3:mb-4 prose-h3:text-gray-800 prose-p:text-gray-600 prose-p:leading-relaxed prose-p:mb-6 prose-a:text-blue-600 prose-a:no-underline hover:prose-a:text-blue-700 hover:prose-a:underline prose-a:transition-colors prose-strong:font-bold prose-strong:text-gray-900 prose-code:text-blue-600 prose-code:bg-blue-50 prose-code:px-1.5 prose-code:py-0.5 prose-code:rounded-md prose-code:before:content-none prose-code:after:content-none prose-code:font-medium prose-pre:bg-gray-900 prose-pre:text-gray-100 prose-pre:shadow-lg prose-pre:rounded-xl prose-pre:p-6 prose-ul:list-disc prose-ul:pl-6 prose-li:marker:text-gray-400 prose-li:mb-2 prose-ol:list-decimal prose-ol:pl-6 prose-li:mb-2 prose-blockquote:border-l-4 prose-blockquote:border-blue-500 prose-blockquote:bg-blue-50/50 prose-blockquote:py-2 prose-blockquote:px-4 prose-blockquote:rounded-r-lg prose-blockquote:not-italic prose-blockquote:text-gray-700 prose-blockquote:my-8 prose-img:rounded-xl prose-img:shadow-md prose-img:my-8 prose-hr:border-gray-200 prose-hr:my-10 prose-table:w-full prose-th:text-left prose-th:py-2 prose-th:px-3 prose-th:bg-gray-100 prose-th:font-semibold prose-th:text-gray-900 prose-td:py-2 prose-td:px-3 prose-td:border-b prose-td:border-gray-200 prose-tr:hover:bg-gray-50 dark:prose-invert dark:prose-headings:text-slate-100 dark:prose-h2:border-slate-700 dark:prose-h3:text-slate-100 dark:prose-p:text-slate-300 dark:prose-a:text-sky-300 dark:prose-strong:text-slate-100 dark:prose-code:bg-slate-800 dark:prose-code:text-sky-200 dark:prose-blockquote:border-sky-400 dark:prose-blockquote:bg-slate-950/60 dark:prose-blockquote:text-slate-200 dark:prose-hr:border-slate-700 dark:prose-th:bg-slate-800 dark:prose-th:text-slate-100 dark:prose-td:border-slate-700 dark:prose-tr:hover:bg-slate-800/60 print:prose-base print:max-w-none">
                     <MarkdownContent
                         content={documentationMarkdown}
                         /* TODO: !!!!

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/Footer/Footer.tsx

@@ -1,9 +1,10 @@
 'use client';
 
-import { NEXT_PUBLIC_VERCEL_GIT_COMMIT_REF } from '@/config';
+import { NEXT_PUBLIC_VERCEL_GIT_COMMIT_REF, NEXT_PUBLIC_VERCEL_GIT_COMMIT_SHA } from '@/config';
 import { CLAIM, NAME, PROMPTBOOK_ENGINE_VERSION } from '@promptbook-local/core';
 import { useServerLanguage } from '../ServerLanguage/ServerLanguageProvider';
 import { HeadlessLink } from '../_utils/headlessParam';
+import { getCommitFooterEmoji } from './getCommitFooterEmoji';
 
 /**
  * Title/url pair used to extend the footer via metadata.
@@ -34,18 +35,18 @@ export function Footer(props: FooterProps) {
     const { t } = useServerLanguage();
 
     return (
-        <footer className="border-t bg-white">
+        <footer className="border-t border-gray-200 bg-white dark:border-slate-700 dark:bg-slate-950">
             <div className="container mx-auto px-6 py-12">
                 <div className="grid grid-cols-1 md:grid-cols-5 gap-8">
                     {/* Company Info */}
                     <div className="space-y-4">
-                        <h3 className="font-bold">{NAME}</h3>
+                        <h3 className="font-bold text-gray-900 dark:text-slate-100">{NAME}</h3>
                         <p className="text-sm text-muted-foreground text-gray-500">{CLAIM}</p>
                     </div>
 
                     {/* Products */}
                     <div className="space-y-4">
-                        <h3 className="font-bold">{t('footer.productSectionTitle')}</h3>
+                        <h3 className="font-bold text-gray-900 dark:text-slate-100">{t('footer.productSectionTitle')}</h3>
                         <ul className="space-y-2 text-sm">
                             <li>
                                 <HeadlessLink href="/get-started" className="text-gray-500 hover:text-gray-900">
@@ -80,7 +81,7 @@ export function Footer(props: FooterProps) {
 
                     {/* Company */}
                     <div className="space-y-4">
-                        <h3 className="font-bold">{t('footer.companySectionTitle')}</h3>
+                        <h3 className="font-bold text-gray-900 dark:text-slate-100">{t('footer.companySectionTitle')}</h3>
                         <ul className="space-y-2 text-sm">
                             <li>
                                 <a
@@ -110,7 +111,7 @@ export function Footer(props: FooterProps) {
 
                     {/* Social */}
                     <div className="space-y-4">
-                        <h3 className="font-bold">{t('footer.connectSectionTitle')}</h3>
+                        <h3 className="font-bold text-gray-900 dark:text-slate-100">{t('footer.connectSectionTitle')}</h3>
                         <ul className="space-y-2 text-sm">
                             <li>
                                 <a
@@ -144,7 +145,7 @@ export function Footer(props: FooterProps) {
                     {/* Extra Links from Metadata */}
                     {extraLinks.length > 0 && (
                         <div className="space-y-4">
-                            <h3 className="font-bold">{t('footer.linksSectionTitle')}</h3>
+                            <h3 className="font-bold text-gray-900 dark:text-slate-100">{t('footer.linksSectionTitle')}</h3>
                             <ul className="space-y-2 text-sm">
                                 {extraLinks.map((link, index) => (
                                     <li key={index}>
@@ -163,13 +164,13 @@ export function Footer(props: FooterProps) {
                     )}
                 </div>
 
-                <div className="border-t mt-8 pt-8 text-center text-sm text-gray-500">
+                <div className="border-t border-gray-200 mt-8 pt-8 text-center text-sm text-gray-500 dark:border-slate-700 dark:text-slate-400">
                     <p>
                         &copy; {new Date().getFullYear()} Promptbook
                         <br />
                         {t('footer.allRightsReserved')}
                         <br />
-                        {t('footer.madeInCzechRepublic')}
+                        {t('footer.madeInCzechRepublic', { emoji: getCommitFooterEmoji(NEXT_PUBLIC_VERCEL_GIT_COMMIT_SHA) })}
                         {/* <- TODO: !!!!!!!! Put here Prague outline */}
                     </p>
                     <p className="mt-2 text-xs text-gray-400">

package/apps/agents-server/src/components/Footer/getCommitFooterEmoji.ts

@@ -0,0 +1,112 @@
+/**
+ * Curated list of positive or neutral emojis displayed in the footer's "Made with {emoji} in Europe" line.
+ *
+ * The order of this list is part of the deterministic mapping from commit SHA to emoji, so existing
+ * entries should not be reordered. New emojis can be appended at the end without affecting the
+ * indexes of existing ones, but each commit SHA will then map to a different emoji.
+ *
+ * Hearts, cute animals, plants, fruits, sweets, and celebratory symbols are intentionally chosen so
+ * that the footer never shows anything aggressive, scary, or negative.
+ */
+const POSITIVE_FOOTER_EMOJIS = [
+    '❤️',
+    '🧡',
+    '💛',
+    '💚',
+    '💙',
+    '💜',
+    '🤍',
+    '💖',
+    '💝',
+    '🐙',
+    '🦄',
+    '🐶',
+    '🐱',
+    '🐰',
+    '🦊',
+    '🐻',
+    '🐼',
+    '🐨',
+    '🐯',
+    '🦁',
+    '🐸',
+    '🐵',
+    '🐧',
+    '🦉',
+    '🐢',
+    '🦋',
+    '🐝',
+    '🐞',
+    '🐳',
+    '🐬',
+    '🦒',
+    '🐘',
+    '🌸',
+    '🌻',
+    '🌷',
+    '🌹',
+    '🌈',
+    '🌟',
+    '✨',
+    '☀️',
+    '🌙',
+    '🍀',
+    '🌳',
+    '🍎',
+    '🍓',
+    '🍑',
+    '🍒',
+    '🍋',
+    '🍊',
+    '🍇',
+    '🍉',
+    '🍰',
+    '🍪',
+    '🍩',
+    '🍕',
+    '🍔',
+    '🍦',
+    '🍫',
+    '🎉',
+    '🎈',
+    '🎁',
+    '🎨',
+    '🚀',
+    '⭐',
+    '💎',
+    '🪐',
+    '🎵',
+] as const;
+
+/**
+ * Default emoji used in the footer when no commit SHA is available (for example during local
+ * development outside Vercel). Kept as the historic `❤️` so the footer text does not look
+ * unusual when the deployment metadata is missing.
+ */
+const DEFAULT_FOOTER_EMOJI: string = POSITIVE_FOOTER_EMOJIS[0]!;
+
+/**
+ * Derives a stable emoji from a commit SHA using a small djb2-style string hash.
+ *
+ * The same SHA always produces the same emoji, so users can spot a server update by noticing that
+ * the footer emoji changed. The result is taken modulo the curated list, so it is always one of
+ * the positive/neutral emojis in {@link POSITIVE_FOOTER_EMOJIS}.
+ *
+ * @param commitSha - Full or short commit SHA. May be `null` or `undefined` when running outside
+ *                    a Vercel deployment, in which case {@link DEFAULT_FOOTER_EMOJI} is returned.
+ * @returns One emoji from {@link POSITIVE_FOOTER_EMOJIS}.
+ * @private Internal to `apps/agents-server`
+ */
+export function getCommitFooterEmoji(commitSha: string | null | undefined): string {
+    if (!commitSha) {
+        return DEFAULT_FOOTER_EMOJI;
+    }
+
+    let hash = 0;
+    for (let characterIndex = 0; characterIndex < commitSha.length; characterIndex++) {
+        hash = (hash * 31 + commitSha.charCodeAt(characterIndex)) | 0;
+    }
+
+    const emojiIndex = Math.abs(hash) % POSITIVE_FOOTER_EMOJIS.length;
+    return POSITIVE_FOOTER_EMOJIS[emojiIndex]!;
+}

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

@@ -0,0 +1,82 @@
+'use client';
+
+import { createContext, useContext, useEffect, useMemo, useState, type ReactNode } from 'react';
+import type { AgentBasicInformation } from '../../../../../src/book-2.0/agent-source/AgentBasicInformation';
+
+/**
+ * Subset of agent information that the Header breadcrumb needs to render an agent's name (and avatar)
+ * even when the active agent is not part of the loaded organization list.
+ *
+ * @private mechanism of Agents Server header
+ */
+export type ActiveAgentBreadcrumbInfo = Pick<
+    AgentBasicInformation,
+    'agentName' | 'agentHash' | 'permanentId' | 'meta'
+>;
+
+/**
+ * Internal shape of the active-agent breadcrumb context.
+ *
+ * @private type of Header
+ */
+type ActiveAgentBreadcrumbContextValue = {
+    readonly activeAgentBreadcrumbInfo: ActiveAgentBreadcrumbInfo | null;
+    readonly setActiveAgentBreadcrumbInfo: (info: ActiveAgentBreadcrumbInfo | null) => void;
+};
+
+/**
+ * Context that lets agent pages share the active agent's display info with the Header.
+ *
+ * @private mechanism of Agents Server header
+ */
+const ActiveAgentBreadcrumbContext = createContext<ActiveAgentBreadcrumbContextValue | null>(null);
+
+/**
+ * Provides storage for the active agent's breadcrumb info to the Header.
+ *
+ * @private function of Header
+ */
+export function ActiveAgentBreadcrumbProvider({ children }: { readonly children: ReactNode }) {
+    const [activeAgentBreadcrumbInfo, setActiveAgentBreadcrumbInfo] = useState<ActiveAgentBreadcrumbInfo | null>(null);
+
+    const value = useMemo<ActiveAgentBreadcrumbContextValue>(
+        () => ({ activeAgentBreadcrumbInfo, setActiveAgentBreadcrumbInfo }),
+        [activeAgentBreadcrumbInfo],
+    );
+
+    return <ActiveAgentBreadcrumbContext.Provider value={value}>{children}</ActiveAgentBreadcrumbContext.Provider>;
+}
+
+/**
+ * Reads the active agent's breadcrumb info, used by the Header to render the agent's name in
+ * the breadcrumb whenever the agent is not present in the loaded organization list.
+ *
+ * @private function of Header
+ */
+export function useActiveAgentBreadcrumbInfo(): ActiveAgentBreadcrumbInfo | null {
+    return useContext(ActiveAgentBreadcrumbContext)?.activeAgentBreadcrumbInfo ?? null;
+}
+
+/**
+ * Registers the active agent's breadcrumb info while the calling component is mounted.
+ * Pages that have loaded the agent profile call this hook so the Header breadcrumb can show
+ * the agent's name instead of falling back to its identifier.
+ *
+ * @private function of Header
+ */
+export function useRegisterActiveAgentBreadcrumbInfo(info: ActiveAgentBreadcrumbInfo | null): void {
+    const context = useContext(ActiveAgentBreadcrumbContext);
+    const setter = context?.setActiveAgentBreadcrumbInfo;
+
+    useEffect(() => {
+        if (!setter) {
+            return;
+        }
+
+        setter(info);
+
+        return () => {
+            setter(null);
+        };
+    }, [info, setter]);
+}

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

@@ -2,14 +2,13 @@
 
 import { logoutAction } from '@/src/app/actions';
 import { PROMPTBOOK_COLOR } from '@promptbook-local/core';
-import { ArrowRight } from 'lucide-react';
+import { ArrowRight, TriangleAlert } from 'lucide-react';
 import { usePathname, useRouter } from 'next/navigation';
 import { useCallback, useMemo, useState } from 'react';
 import { HamburgerMenu } from '../../../../../src/book-components/_common/HamburgerMenu/HamburgerMenu';
 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';
@@ -56,12 +55,11 @@ export function Header(props: HeaderProps) {
         federatedServers,
         isExperimental = false,
         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();
@@ -72,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,
@@ -200,7 +191,6 @@ export function Header(props: HeaderProps) {
         isAdmin,
         isAuthenticated: Boolean(currentUser),
         isInstalled,
-        navigateToHref: fallbackNavigateToHref,
         namingPlural: naming.plural,
         namingSingular: naming.singular,
         onAgentRenamed: handleAgentRenamedFromHeader,
@@ -248,6 +238,9 @@ export function Header(props: HeaderProps) {
     );
 
     const hasMenuAccess = Boolean(currentUser || isAdmin);
+    const isShibbolethConfigurationWarningShown = Boolean(
+        shibbolethAuthenticationStatus?.isActive && !shibbolethAuthenticationStatus.isConfigured,
+    );
     const systemMenuEntries = useMemo(
         () =>
             buildHeaderSystemMenuItems({
@@ -257,8 +250,21 @@ export function Header(props: HeaderProps) {
                 isGlobalAdmin,
                 isExperimental,
                 feedbackMode,
+                shibbolethAuthenticationStatus,
             }),
-        [currentUser, feedbackMode, isAdmin, isExperimental, isGlobalAdmin, t],
+        [currentUser, feedbackMode, isAdmin, isExperimental, isGlobalAdmin, shibbolethAuthenticationStatus, t],
+    );
+    const systemLabel = useMemo(
+        () =>
+            isShibbolethConfigurationWarningShown ? (
+                <span className="inline-flex items-center gap-2">
+                    {t('header.systemMenuLabel')}
+                    <TriangleAlert className="h-4 w-4 text-amber-500" aria-label="Warning" />
+                </span>
+            ) : (
+                t('header.systemMenuLabel')
+            ),
+        [isShibbolethConfigurationWarningShown, t],
     );
     const menuItems = useMemo(
         () =>
@@ -274,7 +280,7 @@ export function Header(props: HeaderProps) {
                 setIsMobileDocsOpen,
                 setIsMobileSystemOpen,
                 setIsSystemOpen,
-                systemLabel: t('header.systemMenuLabel'),
+                systemLabel,
                 systemMenuEntries,
             }),
         [
@@ -288,6 +294,7 @@ export function Header(props: HeaderProps) {
             setIsMobileDocsOpen,
             setIsMobileSystemOpen,
             setIsSystemOpen,
+            systemLabel,
             systemMenuEntries,
             t,
         ],
@@ -389,7 +396,9 @@ export function Header(props: HeaderProps) {
                                         key={index}
                                         onClick={item.onClick}
                                         className={`rounded-md p-2 text-gray-600 transition-colors hover:bg-gray-100 hover:text-gray-900 dark:text-slate-300 dark:hover:bg-slate-800 dark:hover:text-slate-100 ${
-                                            item.isActive ? 'bg-gray-100 text-gray-900 dark:bg-slate-800 dark:text-slate-100' : ''
+                                            item.isActive
+                                                ? 'bg-gray-100 text-gray-900 dark:bg-slate-800 dark:text-slate-100'
+                                                : ''
                                         }`}
                                         title={item.name}
                                     >

package/apps/agents-server/src/components/Header/HeaderTypes.ts

@@ -2,6 +2,7 @@ import type { ReactNode } from 'react';
 import type { AgentOrganizationAgent, AgentOrganizationFolder } from '../../utils/agentOrganization/types';
 import type { ChatFeedbackMode } from '../../utils/chatFeedbackMode';
 import type { UserInfo } from '../../utils/getCurrentUser';
+import type { ShibbolethAuthenticationMenuStatus } from '../../constants/shibbolethAuth';
 import type { SubMenuItem } from './SubMenuItem';
 
 /**
@@ -57,6 +58,11 @@ export type HeaderProps = {
      * Determines which chat feedback mode is active.
      */
     feedbackMode?: ChatFeedbackMode;
+
+    /**
+     * Shibboleth authentication status used to show login-method menu entries and warnings.
+     */
+    shibbolethAuthenticationStatus?: ShibbolethAuthenticationMenuStatus;
 };
 
 /**