@promptbook/cli 0.113.0-8 → 0.114.0-0

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

@@ -1,7 +1,6 @@
 'use client';
 
-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 { CLAIM, NAME } from '@promptbook-local/core';
 import { useServerLanguage } from '../ServerLanguage/ServerLanguageProvider';
 import { HeadlessLink } from '../_utils/headlessParam';
 import { getCommitFooterEmoji } from './getCommitFooterEmoji';
@@ -16,6 +15,18 @@ export type FooterLink = {
     url: string;
 };
 
+/**
+ * Lightweight precomputed version metadata rendered in the footer.
+ *
+ * @private Internal to `apps/agents-server`
+ */
+export type FooterVersionInfo = {
+    label: string;
+    url: string;
+    commitSha: string | null;
+    releasedAtLabel: string | null;
+};
+
 /**
  * Configuration passed to `Footer` from the layout container.
  *
@@ -23,6 +34,7 @@ export type FooterLink = {
  */
 type FooterProps = {
     extraLinks?: FooterLink[];
+    version: FooterVersionInfo;
 };
 
 /**
@@ -31,8 +43,9 @@ type FooterProps = {
  * @private Internal to `apps/agents-server`
  */
 export function Footer(props: FooterProps) {
-    const { extraLinks = [] } = props;
+    const { extraLinks = [], version } = props;
     const { t } = useServerLanguage();
+    const versionText = version.releasedAtLabel ? `${version.label}, ${version.releasedAtLabel}` : version.label;
 
     return (
         <footer className="border-t border-gray-200 bg-white dark:border-slate-700 dark:bg-slate-950">
@@ -46,7 +59,9 @@ export function Footer(props: FooterProps) {
 
                     {/* Products */}
                     <div className="space-y-4">
-                        <h3 className="font-bold text-gray-900 dark:text-slate-100">{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">
@@ -81,7 +96,9 @@ export function Footer(props: FooterProps) {
 
                     {/* Company */}
                     <div className="space-y-4">
-                        <h3 className="font-bold text-gray-900 dark:text-slate-100">{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
@@ -111,7 +128,9 @@ export function Footer(props: FooterProps) {
 
                     {/* Social */}
                     <div className="space-y-4">
-                        <h3 className="font-bold text-gray-900 dark:text-slate-100">{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
@@ -145,7 +164,9 @@ export function Footer(props: FooterProps) {
                     {/* Extra Links from Metadata */}
                     {extraLinks.length > 0 && (
                         <div className="space-y-4">
-                            <h3 className="font-bold text-gray-900 dark:text-slate-100">{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}>
@@ -168,16 +189,18 @@ export function Footer(props: FooterProps) {
                     <p>
                         &copy; {new Date().getFullYear()} Promptbook
                         <br />
-                        {t('footer.allRightsReserved')}
-                        <br />
-                        {t('footer.madeInCzechRepublic', { emoji: getCommitFooterEmoji(NEXT_PUBLIC_VERCEL_GIT_COMMIT_SHA) })}
+                        {t('footer.madeInCzechRepublic', { emoji: getCommitFooterEmoji(version.commitSha) })}
                         {/* <- TODO: !!!!!!!! Put here Prague outline */}
                     </p>
-                    <p className="mt-2 text-xs text-gray-400">
-                        {t('footer.engineVersion')} {PROMPTBOOK_ENGINE_VERSION}{' '}
-                        {{ main: 'live', preview: 'preview', production: 'prod', lts: 'lts' }[
-                            NEXT_PUBLIC_VERCEL_GIT_COMMIT_REF!
-                        ] || NEXT_PUBLIC_VERCEL_GIT_COMMIT_REF}
+                    <p className="mt-2 text-xs text-gray-400 dark:text-slate-500">
+                        <a
+                            href={version.url}
+                            className="hover:text-gray-600 dark:hover:text-slate-300"
+                            target="_blank"
+                            rel="noopener noreferrer"
+                        >
+                            {versionText}
+                        </a>
                     </p>
                 </div>
                 {/*

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

@@ -12,7 +12,12 @@ import type { AgentBasicInformation } from '../../../../../src/book-2.0/agent-so
 export type ActiveAgentBreadcrumbInfo = Pick<
     AgentBasicInformation,
     'agentName' | 'agentHash' | 'permanentId' | 'meta'
->;
+> & {
+    /**
+     * Whether the active agent has projects visible to the current request.
+     */
+    readonly isProjectsViewVisible?: boolean;
+};
 
 /**
  * Internal shape of the active-agent breadcrumb context.

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

@@ -9,6 +9,7 @@ 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 { DEFAULT_CHAT_FEEDBACK_MODE } from '../../utils/chatFeedbackMode';
 import { useInstallPromptState, type AgentContextMenuRenamePayload } from '../AgentContextMenu/AgentContextMenu';
 import { useAgentNaming } from '../AgentNaming/AgentNamingContext';
 import { QrCodeModal } from '../AgentProfile/QrCodeModal';
@@ -19,6 +20,7 @@ import { buildDocumentationDropdownItems } from './buildDocumentationDropdownIte
 import { buildFederatedDropdownItems } from './buildFederatedDropdownItems';
 import { buildHeaderMenuItems } from './buildHeaderMenuItems';
 import { buildHeaderSystemMenuItems } from './buildHeaderSystemMenuItems';
+import { resolveHeaderSystemWarnings } from './resolveHeaderSystemWarnings';
 import { HeaderControlPanelDropdown } from './ControlPanel/ControlPanel';
 import { HeaderDesktopContextNavigation } from './HeaderDesktopContextNavigation';
 import { HeaderDesktopTopMenuNavigation } from './HeaderDesktopTopMenuNavigation';
@@ -54,8 +56,15 @@ export function Header(props: HeaderProps) {
         agentFolders,
         federatedServers,
         isExperimental = false,
-        feedbackMode = 'stars',
+        feedbackMode = DEFAULT_CHAT_FEEDBACK_MODE,
         shibbolethAuthenticationStatus,
+        resourceMonitorWarningStatus,
+        isCoreAgentsMissing = false,
+        isAgentEmailWarningShown = false,
+        isAgentProjectsDnsWarningShown = false,
+        isVpsEmailServerWarningShown = false,
+        isServersDnsWarningShown = false,
+        isInternalS3WarningShown = false,
     } = props;
     const [isChangePasswordOpen, setIsChangePasswordOpen] = useState(false);
     const router = useRouter();
@@ -134,6 +143,7 @@ export function Header(props: HeaderProps) {
         activeAgentNavigationId,
         activeAgentOrigin,
         activeAgentUrl,
+        isActiveAgentProjectsViewVisible,
         activeAgentView,
         activeAgentViewLabel,
         agentMenuTree: baseAgentMenuTree,
@@ -191,6 +201,7 @@ export function Header(props: HeaderProps) {
         isAdmin,
         isAuthenticated: Boolean(currentUser),
         isInstalled,
+        isProjectsViewVisible: isActiveAgentProjectsViewVisible,
         namingPlural: naming.plural,
         namingSingular: naming.singular,
         onAgentRenamed: handleAgentRenamedFromHeader,
@@ -238,8 +249,32 @@ export function Header(props: HeaderProps) {
     );
 
     const hasMenuAccess = Boolean(currentUser || isAdmin);
-    const isShibbolethConfigurationWarningShown = Boolean(
-        shibbolethAuthenticationStatus?.isActive && !shibbolethAuthenticationStatus.isConfigured,
+    const systemWarnings = useMemo(
+        () =>
+            resolveHeaderSystemWarnings({
+                isAdmin,
+                isGlobalAdmin,
+                shibbolethAuthenticationStatus,
+                resourceMonitorWarningStatus,
+                isCoreAgentsMissing,
+                isAgentEmailWarningShown,
+                isAgentProjectsDnsWarningShown,
+                isVpsEmailServerWarningShown,
+                isServersDnsWarningShown,
+                isInternalS3WarningShown,
+            }),
+        [
+            isAdmin,
+            isGlobalAdmin,
+            shibbolethAuthenticationStatus,
+            resourceMonitorWarningStatus,
+            isCoreAgentsMissing,
+            isAgentEmailWarningShown,
+            isAgentProjectsDnsWarningShown,
+            isVpsEmailServerWarningShown,
+            isServersDnsWarningShown,
+            isInternalS3WarningShown,
+        ],
     );
     const systemMenuEntries = useMemo(
         () =>
@@ -251,12 +286,22 @@ export function Header(props: HeaderProps) {
                 isExperimental,
                 feedbackMode,
                 shibbolethAuthenticationStatus,
+                systemWarnings,
             }),
-        [currentUser, feedbackMode, isAdmin, isExperimental, isGlobalAdmin, shibbolethAuthenticationStatus, t],
+        [
+            currentUser,
+            feedbackMode,
+            isAdmin,
+            isExperimental,
+            isGlobalAdmin,
+            shibbolethAuthenticationStatus,
+            systemWarnings,
+            t,
+        ],
     );
     const systemLabel = useMemo(
         () =>
-            isShibbolethConfigurationWarningShown ? (
+            systemWarnings.isSystemWarningShown ? (
                 <span className="inline-flex items-center gap-2">
                     {t('header.systemMenuLabel')}
                     <TriangleAlert className="h-4 w-4 text-amber-500" aria-label="Warning" />
@@ -264,7 +309,7 @@ export function Header(props: HeaderProps) {
             ) : (
                 t('header.systemMenuLabel')
             ),
-        [isShibbolethConfigurationWarningShown, t],
+        [systemWarnings.isSystemWarningShown, t],
     );
     const menuItems = useMemo(
         () =>

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

@@ -28,6 +28,26 @@ type HeaderDesktopTopMenuNavigationProps = {
     ) => ReactNode;
 };
 
+/**
+ * Renders a top-level menu label with its optional icon.
+ *
+ * @private function of Header
+ */
+function HeaderDesktopTopMenuItemLabel({ item }: { readonly item: MenuItem }) {
+    const ItemIcon = item.icon;
+
+    if (!ItemIcon) {
+        return item.label;
+    }
+
+    return (
+        <span className="inline-flex min-w-0 items-center gap-2">
+            <ItemIcon className="h-4 w-4 shrink-0 text-gray-500" aria-hidden />
+            <span className="min-w-0">{item.label}</span>
+        </span>
+    );
+}
+
 /**
  * Renders desktop-only top-level navigation entries shown to the right of the search slot.
  *
@@ -54,7 +74,7 @@ export function HeaderDesktopTopMenuNavigation({
                             href={item.href}
                             className="text-sm font-medium text-gray-600 hover:text-gray-900 transition-colors cursor-pointer"
                         >
-                            {item.label}
+                            <HeaderDesktopTopMenuItemLabel item={item} />
                         </HeadlessLink>
                     );
                 }
@@ -91,7 +111,7 @@ export function HeaderDesktopTopMenuNavigation({
                             onBlur={() => scheduleMenuClose(item.id, () => item.setIsOpen(false))}
                             aria-expanded={item.isOpen}
                         >
-                            {item.label}
+                            <HeaderDesktopTopMenuItemLabel item={item} />
                             <ChevronDown className="w-4 h-4" />
                         </button>
 

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

@@ -758,6 +758,26 @@ type HeaderMobileDrawerMenuEntryProps = {
     readonly renderMobileNestedMenuItems: HeaderMobileDrawerNestedMenuRenderer;
 };
 
+/**
+ * Renders a top-level mobile menu label with its optional icon.
+ *
+ * @private function of HeaderMobileDrawer
+ */
+function HeaderMobileDrawerMenuItemLabel({ item }: { readonly item: MenuItem }) {
+    const ItemIcon = item.icon;
+
+    if (!ItemIcon) {
+        return item.label;
+    }
+
+    return (
+        <span className="inline-flex min-w-0 items-center gap-2">
+            <ItemIcon className="h-4 w-4 shrink-0 text-gray-500" aria-hidden />
+            <span className="min-w-0">{item.label}</span>
+        </span>
+    );
+}
+
 /**
  * Renders one top-level mobile menu item as either a direct link or a nested dropdown.
  *
@@ -776,7 +796,7 @@ function HeaderMobileDrawerMenuEntry({
                 className="block w-full rounded-lg px-3 py-2.5 text-left text-sm font-semibold text-gray-700 transition-colors hover:bg-gray-50 hover:text-blue-600 active:bg-gray-100"
                 onClick={closeMenu}
             >
-                {item.label}
+                <HeaderMobileDrawerMenuItemLabel item={item} />
             </HeadlessLink>
         );
     }
@@ -787,7 +807,7 @@ function HeaderMobileDrawerMenuEntry({
                 className={MOBILE_DRAWER_TOP_LEVEL_BUTTON_CLASSNAME}
                 onClick={() => item.setIsMobileOpen(!item.isMobileOpen)}
             >
-                {item.label}
+                <HeaderMobileDrawerMenuItemLabel item={item} />
                 <ChevronDown className={createHeaderMobileDrawerChevronClassName(item.isMobileOpen)} />
             </button>
             {item.isMobileOpen && (

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

@@ -1,8 +1,9 @@
-import type { ReactNode } from 'react';
+import type { ComponentType, 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 { ServerResourceWarningStatus } from '../../utils/resourceMonitor/resourceMonitorTypes';
 import type { SubMenuItem } from './SubMenuItem';
 
 /**
@@ -63,6 +64,41 @@ export type HeaderProps = {
      * Shibboleth authentication status used to show login-method menu entries and warnings.
      */
     shibbolethAuthenticationStatus?: ShibbolethAuthenticationMenuStatus;
+
+    /**
+     * Resource monitor status used to show super-admin resource pressure warnings.
+     */
+    resourceMonitorWarningStatus?: ServerResourceWarningStatus;
+
+    /**
+     * Whether one or more bundled core agents are missing on this server (admin-only warning).
+     */
+    isCoreAgentsMissing?: boolean;
+
+    /**
+     * Whether the current server's agent email integration needs administrator attention.
+     */
+    isAgentEmailWarningShown?: boolean;
+
+    /**
+     * Whether generated project domain DNS needs administrator attention.
+     */
+    isAgentProjectsDnsWarningShown?: boolean;
+
+    /**
+     * Whether the VPS-wide email service needs super-admin attention.
+     */
+    isVpsEmailServerWarningShown?: boolean;
+
+    /**
+     * Whether a registered server or its generated project DNS needs super-admin attention.
+     */
+    isServersDnsWarningShown?: boolean;
+
+    /**
+     * Whether the active self-contained S3 storage needs super-admin attention.
+     */
+    isInternalS3WarningShown?: boolean;
 };
 
 /**
@@ -73,6 +109,11 @@ type MenuItemBase = {
      * Unique identifier used for hover timers and shared actions.
      */
     readonly id: string;
+
+    /**
+     * Optional visual icon rendered before the menu label.
+     */
+    readonly icon?: ComponentType<{ className?: string }>;
 };
 
 /**

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

@@ -18,6 +18,7 @@ type BuildActiveAgentViewItemsOptions = {
     readonly activeAgentNavigationId: string | null;
     readonly agentMoreViewItems: ReadonlyArray<SubMenuItem>;
     readonly isAdmin: boolean;
+    readonly isProjectsViewVisible: boolean;
     readonly translate: HeaderTranslate;
 };
 
@@ -30,6 +31,7 @@ export function buildActiveAgentViewItems({
     activeAgentNavigationId,
     agentMoreViewItems,
     isAdmin,
+    isProjectsViewVisible,
     translate,
 }: BuildActiveAgentViewItemsOptions): SubMenuItem[] {
     if (!activeAgentNavigationId) {
@@ -53,6 +55,13 @@ export function buildActiveAgentViewItems({
         },
     ];
 
+    if (isProjectsViewVisible) {
+        items.push({
+            label: createAgentViewLabel('Projects', translate),
+            href: `${activeAgentBasePath}/projects`,
+        });
+    }
+
     if (isAdmin) {
         items.push({
             label: createAgentViewLabel('Book', translate),

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

@@ -1,6 +1,7 @@
 import type { ReactNode } from 'react';
 import { resolveAgentAvatarImageUrl } from '../../../../../src/utils/agents/resolveAgentAvatarImageUrl';
 import { buildFolderPath, getFolderPathSegments } from '../../utils/agentOrganization/folderPath';
+import { filterHiddenFolderTree } from '../../utils/agentOrganization/hiddenFolders';
 import type { AgentOrganizationAgent } from '../../utils/agentOrganization/types';
 import { buildFreshAgentChatHref } from '../../utils/agentRouting/agentRouteHrefs';
 import { FolderAppearanceIcon } from '../FolderAppearance/FolderAppearanceIcon';
@@ -428,14 +429,15 @@ export function buildAgentMenuStructure(
     agents: ReadonlyArray<HeaderAgentMenuAgent>,
     folders: ReadonlyArray<HeaderAgentMenuFolder>,
 ): AgentMenuStructure {
-    const agentMenuData = prepareAgentMenuData(agents, folders);
-    const agentAvatarByIdentifier = createAgentAvatarByIdentifier(agents);
+    const { agents: visibleAgents, folders: visibleFolders } = filterHiddenFolderTree(folders, agents, false);
+    const agentMenuData = prepareAgentMenuData(visibleAgents, visibleFolders);
+    const agentAvatarByIdentifier = createAgentAvatarByIdentifier(visibleAgents);
 
     const getAgentAvatarUrl = (agent: HeaderAgentMenuAgent): string | null =>
         agentAvatarByIdentifier.get(getAgentNavigationId(agent)) ?? null;
 
     return {
-        tree: createAgentTree(folders, agentMenuData, getAgentAvatarUrl),
-        items: createAgentMenuItems(folders, agentMenuData, getAgentAvatarUrl),
+        tree: createAgentTree(visibleFolders, agentMenuData, getAgentAvatarUrl),
+        items: createAgentMenuItems(visibleFolders, agentMenuData, getAgentAvatarUrl),
     };
 }