@promptbook/cli 0.112.0-99 → 0.113.0-0

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

@@ -7,6 +7,7 @@ import type { AgentNaming } from '../../utils/agentNaming';
 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 { AgentNamingProvider } from '../AgentNaming/AgentNamingContext';
 import { DefaultAgentAvatarVisualProvider } from '../AgentAvatar/DefaultAgentAvatarVisualProvider';
 import { LegacyUiAutoTranslator } from '../AgentNaming/LegacyUiAutoTranslator';
@@ -15,7 +16,9 @@ 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 { ActiveAgentBreadcrumbProvider } from '../Header/ActiveAgentBreadcrumbContext';
 import { Header } from '../Header/Header';
 import { MobileMenuHoistingProvider } from '../Header/MobileMenuHoistingContext';
 import { MetadataFlagsProvider } from '../MetadataFlags/MetadataFlagsContext';
@@ -29,6 +32,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.
@@ -48,6 +52,10 @@ type LayoutWrapperProps = {
     federatedServers: Array<{ url: string; title: string }>;
     isExperimental: boolean;
     feedbackMode: ChatFeedbackMode;
+    /**
+     * Shibboleth authentication status used by the header menu.
+     */
+    readonly shibbolethAuthenticationStatus: ShibbolethAuthenticationMenuStatus;
     /**
      * Indicates if the install-as-app option should be shown in agent menus.
      */
@@ -68,6 +76,10 @@ type LayoutWrapperProps = {
     defaultChatVisualMode: string;
     defaultAgentAvatarVisualId: AvatarVisualId;
     webPushPublicKey: string | null;
+    /**
+     * Current file upload availability for the active server/domain.
+     */
+    fileUploadAvailability: FileUploadAvailability;
 };
 
 /**
@@ -88,6 +100,7 @@ export function LayoutWrapper({
     federatedServers,
     isExperimental,
     feedbackMode,
+    shibbolethAuthenticationStatus,
     isExperimentalPwaAppEnabled,
     controlPanelOptionAvailability,
     defaultIsSoundsOn,
@@ -99,6 +112,7 @@ export function LayoutWrapper({
     defaultChatVisualMode,
     defaultAgentAvatarVisualId,
     webPushPublicKey,
+    fileUploadAvailability,
 }: LayoutWrapperProps) {
     const pathname = usePathname();
     const searchParams = useSearchParams();
@@ -121,78 +135,87 @@ 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}
-                                                                            />
-                                                                            <main className={mainClassName}>
-                                                                                <HomepageOptimisticNavigation
-                                                                                    pathname={pathname}
-                                                                                >
+            <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,
+                                                                        }}
+                                                                    >
+                                                                        <ActiveAgentBreadcrumbProvider>
+                                                                            {shouldRenderMinimalShell ? (
+                                                                                <main className={minimalMainClassName}>
                                                                                     {children}
-                                                                                </HomepageOptimisticNavigation>
-                                                                            </main>
-                                                                            {isFooterShown && !isFooterHiddenOnPage && (
-                                                                                <Footer extraLinks={footerLinks} />
+                                                                                </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>
+                                                                                    </main>
+                                                                                    {isFooterShown && !isFooterHiddenOnPage && (
+                                                                                        <Footer extraLinks={footerLinks} />
+                                                                                    )}
+                                                                                </div>
                                                                             )}
-                                                                        </div>
-                                                                    )}
-                                                                </MetadataFlagsProvider>
-                                                            </MobileMenuHoistingProvider>
-                                                        </MenuHoistingProvider>
-                                                    </ChatEnterBehaviorPreferencesProvider>
-                                                </BrowserPushNotificationsProvider>
-                                            </NotificationsProvider>
-                                        </SoundSystemProvider>
-                                    </SelfLearningPreferencesProvider>
-                                </PrivateModePreferencesProvider>
-                            </AgentNamingProvider>
-                        </AsyncDialogsProvider>
-                    </ChatVisualModeProvider>
-                </ThemeModeProvider>
-            </DefaultAgentAvatarVisualProvider>
+                                                                        </ActiveAgentBreadcrumbProvider>
+                                                                    </MetadataFlagsProvider>
+                                                                </MobileMenuHoistingProvider>
+                                                            </MenuHoistingProvider>
+                                                        </ChatEnterBehaviorPreferencesProvider>
+                                                    </BrowserPushNotificationsProvider>
+                                                </NotificationsProvider>
+                                            </SoundSystemProvider>
+                                        </SelfLearningPreferencesProvider>
+                                    </PrivateModePreferencesProvider>
+                                </AgentNamingProvider>
+                            </AsyncDialogsProvider>
+                        </ChatVisualModeProvider>
+                    </ThemeModeProvider>
+                </DefaultAgentAvatarVisualProvider>
+            </FileUploadAvailabilityProvider>
         </ServerLanguageProvider>
     );
 }

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

@@ -1,7 +1,7 @@
 'use client';
 
 import { loginAction } from '@/src/app/actions';
-import { Loader2, Lock, User } from 'lucide-react';
+import { Loader2, Lock, ShieldCheck, User } from 'lucide-react';
 import { SecretInput } from '@/src/components/SecretInput/SecretInput';
 import { useRouter } from 'next/navigation';
 import { useCallback, useEffect, useState } from 'react';
@@ -35,6 +35,14 @@ type LoginFormProps = {
     onDirtyChange?: (hasUnsavedChanges: boolean) => void;
 };
 
+/**
+ * Public Shibboleth status returned by the login status endpoint.
+ */
+type ShibbolethLoginStatus = {
+    readonly isActive: boolean;
+    readonly isConfigured: boolean;
+};
+
 /**
  * Renders the login form and handles authentication.
  */
@@ -46,6 +54,7 @@ export function LoginForm(props: LoginFormProps) {
     const [adminEmail, setAdminEmail] = useState<string>('support@ptbk.io');
     const [isForgottenPasswordOpen, setIsForgottenPasswordOpen] = useState(false);
     const [isRegisterUserOpen, setIsRegisterUserOpen] = useState(false);
+    const [shibbolethLoginStatus, setShibbolethLoginStatus] = useState<ShibbolethLoginStatus | null>(null);
     const [username, setUsername] = useState('');
     const [password, setPassword] = useState('');
     const hasUnsavedChanges = username.length > 0 || password.length > 0;
@@ -66,6 +75,17 @@ export function LoginForm(props: LoginFormProps) {
             });
     }, []);
 
+    useEffect(() => {
+        fetch('/api/auth/shibboleth/status')
+            .then((response) => response.json())
+            .then((data: ShibbolethLoginStatus) => {
+                setShibbolethLoginStatus(data);
+            })
+            .catch((error) => {
+                console.error('Failed to fetch Shibboleth status:', error);
+            });
+    }, []);
+
     useEffect(() => {
         onDirtyChange?.(hasUnsavedChanges);
     }, [hasUnsavedChanges, onDirtyChange]);
@@ -111,13 +131,21 @@ export function LoginForm(props: LoginFormProps) {
         [onSuccess, refreshAfterSuccess, router, t],
     );
 
+    /**
+     * Starts Shibboleth login while preserving the current page as RelayState.
+     */
+    const handleShibbolethLogin = useCallback(() => {
+        const returnTo =
+            typeof window === 'undefined'
+                ? '/'
+                : `${window.location.pathname}${window.location.search}${window.location.hash}`;
+        window.location.href = `/api/auth/shibboleth/login?returnTo=${encodeURIComponent(returnTo)}`;
+    }, []);
+
     return (
         <form onSubmit={handleSubmit} className={`space-y-4 ${className || ''}`}>
             <div className="space-y-2">
-                <label
-                    htmlFor="username"
-                    className="text-sm font-medium text-gray-700 block"
-                >
+                <label htmlFor="username" className="text-sm font-medium text-gray-700 block">
                     {t('login.usernameLabel')}
                 </label>
                 <div className="relative">
@@ -151,9 +179,7 @@ export function LoginForm(props: LoginFormProps) {
             </div>
 
             {error && (
-                <div className="p-3 text-sm text-red-500 bg-red-50 border border-red-200 rounded-md">
-                    {error}
-                </div>
+                <div className="p-3 text-sm text-red-500 bg-red-50 border border-red-200 rounded-md">{error}</div>
             )}
 
             <button
@@ -171,6 +197,23 @@ export function LoginForm(props: LoginFormProps) {
                 )}
             </button>
 
+            {shibbolethLoginStatus?.isActive && (
+                <div className="space-y-3 border-t border-gray-200 pt-4">
+                    <button
+                        type="button"
+                        disabled={!shibbolethLoginStatus.isConfigured}
+                        onClick={handleShibbolethLogin}
+                        className="w-full inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 border border-gray-300 bg-white text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-promptbook-blue focus:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none transition-colors"
+                    >
+                        <ShieldCheck className="mr-2 w-4 h-4" />
+                        {t('login.shibbolethLoginAction')}
+                    </button>
+                    {!shibbolethLoginStatus.isConfigured && (
+                        <p className="text-xs text-amber-700">{t('login.shibbolethNotConfigured')}</p>
+                    )}
+                </div>
+            )}
+
             <div className="flex justify-between text-sm">
                 <button
                     type="button"
@@ -189,10 +232,7 @@ export function LoginForm(props: LoginFormProps) {
             </div>
 
             {isForgottenPasswordOpen && (
-                <ForgottenPasswordDialog
-                    onClose={() => setIsForgottenPasswordOpen(false)}
-                    adminEmail={adminEmail}
-                />
+                <ForgottenPasswordDialog onClose={() => setIsForgottenPasswordOpen(false)} adminEmail={adminEmail} />
             )}
 
             {isRegisterUserOpen && (

package/apps/agents-server/src/components/NewAgentDialog/ManGoNewAgentWizard/ManGoNewAgentWizard.tsx

@@ -0,0 +1,151 @@
+'use client';
+
+import type { string_book } from '@promptbook-local/types';
+import { useCallback, useMemo, useState } from 'react';
+import type { NewAgentWizardMode } from '../../../constants/newAgentWizard';
+import type { AgentVisibility } from '../../../utils/agentVisibility';
+import { Dialog } from '../../Portal/Dialog';
+import { ONBOARDING_ENTRY_PATH, ONBOARDING_STEPS } from './config/steps';
+import { ManGoOnboardingNavigationContext } from './ManGoOnboardingNavigation';
+import { OnboardingProvider } from './state/OnboardingProvider';
+import { WizardShell } from './components/WizardShell';
+import { BookStep } from './components/steps/BookStep';
+import { DoneStep, type ManGoCreatedAgentPayload } from './components/steps/DoneStep';
+import { KnowledgeStep } from './components/steps/KnowledgeStep';
+import { TestStep } from './components/steps/TestStep';
+import { ZadaniStep } from './components/steps/ZadaniStep';
+
+/**
+ * Props accepted by the imported manGo new-agent wizard.
+ */
+type ManGoNewAgentWizardProps = {
+    /**
+     * Metadata-driven flow assignment used for analytics.
+     */
+    readonly mode: NewAgentWizardMode;
+
+    /**
+     * Default visibility resolved from server metadata.
+     */
+    readonly defaultVisibility: AgentVisibility;
+
+    /**
+     * Folder scope where the flow was opened.
+     */
+    readonly folderId?: number | null;
+
+    /**
+     * Requests closing the fullscreen wizard.
+     */
+    readonly onClose: () => void;
+
+    /**
+     * Persists the synthesized agent source using the existing create-agent endpoint.
+     */
+    readonly onCreate: (request: ManGoNewAgentWizardCreateRequest) => Promise<ManGoCreatedAgentPayload>;
+
+    /**
+     * Opens the created agent route after the completion screen.
+     */
+    readonly onOpenCreatedAgent: (targetPath: string) => void;
+};
+
+/**
+ * Payload submitted when the manGo wizard creates an agent.
+ */
+export type ManGoNewAgentWizardCreateRequest = {
+    /**
+     * Book source synthesized from the wizard session.
+     */
+    readonly agentSource: string_book;
+
+    /**
+     * Explicit visibility used for the created agent.
+     */
+    readonly visibility: AgentVisibility;
+
+    /**
+     * Number of ready knowledge sources included in the final source.
+     */
+    readonly knowledgeCount: number;
+};
+
+/**
+ * Renders the current local route from the imported manGo wizard.
+ *
+ * @param props - Current route and create-agent callbacks.
+ * @returns Step component for the current route.
+ */
+function renderManGoWizardStep(props: {
+    readonly currentPath: string;
+    readonly defaultVisibility: AgentVisibility;
+    readonly onCreate: ManGoNewAgentWizardProps['onCreate'];
+    readonly onOpenCreatedAgent: ManGoNewAgentWizardProps['onOpenCreatedAgent'];
+}) {
+    const { currentPath, defaultVisibility, onCreate, onOpenCreatedAgent } = props;
+
+    switch (currentPath) {
+        case ONBOARDING_STEPS[0].path:
+            return <BookStep />;
+        case ONBOARDING_STEPS[1].path:
+            return <KnowledgeStep />;
+        case ONBOARDING_STEPS[2].path:
+            return <TestStep />;
+        case ONBOARDING_STEPS[3].path:
+            return (
+                <DoneStep
+                    defaultVisibility={defaultVisibility}
+                    onCreate={onCreate}
+                    onOpenCreatedAgent={onOpenCreatedAgent}
+                />
+            );
+        case ONBOARDING_ENTRY_PATH:
+        default:
+            return <ZadaniStep />;
+    }
+}
+
+/**
+ * Renders the imported manGo fullscreen new-agent wizard.
+ *
+ * @param props - Wizard callbacks and metadata-backed defaults.
+ * @returns Fullscreen create-agent wizard dialog.
+ */
+export function ManGoNewAgentWizard(props: ManGoNewAgentWizardProps) {
+    const { defaultVisibility, onClose, onCreate, onOpenCreatedAgent } = props;
+    const [currentPath, setCurrentPath] = useState(ONBOARDING_ENTRY_PATH);
+    const navigateToPath = useCallback((path: string) => {
+        setCurrentPath(path);
+    }, []);
+    const navigationContextValue = useMemo(
+        () => ({
+            currentPath,
+            navigateToPath,
+            requestClose: onClose,
+        }),
+        [currentPath, navigateToPath, onClose],
+    );
+
+    return (
+        <Dialog
+            onClose={onClose}
+            ariaLabel="manGo wizard"
+            isBackdropDismissible={false}
+            backdropClassName="items-stretch justify-stretch bg-slate-950/80 p-0 backdrop-blur-0"
+            className="!h-[100dvh] !w-screen !max-w-none !overflow-hidden !rounded-none !border-0 !bg-transparent !p-0 !shadow-none"
+        >
+            <ManGoOnboardingNavigationContext.Provider value={navigationContextValue}>
+                <OnboardingProvider>
+                    <WizardShell>
+                        {renderManGoWizardStep({
+                            currentPath,
+                            defaultVisibility,
+                            onCreate,
+                            onOpenCreatedAgent,
+                        })}
+                    </WizardShell>
+                </OnboardingProvider>
+            </ManGoOnboardingNavigationContext.Provider>
+        </Dialog>
+    );
+}

package/apps/agents-server/src/components/NewAgentDialog/ManGoNewAgentWizard/ManGoOnboardingNavigation.tsx

@@ -0,0 +1,50 @@
+'use client';
+
+import { createContext, useContext } from 'react';
+import { NotAllowed } from '../../../../../../src/errors/NotAllowed';
+
+/**
+ * In-dialog navigation context used by the imported manGo onboarding wizard.
+ *
+ * @private internal context of <ManGoNewAgentWizard/>.
+ */
+type ManGoOnboardingNavigationContextValue = {
+    /**
+     * Current wizard path mirrored from the original route-based onboarding flow.
+     */
+    readonly currentPath: string;
+
+    /**
+     * Moves the fullscreen wizard to another original onboarding path.
+     */
+    readonly navigateToPath: (path: string) => void;
+
+    /**
+     * Requests closing the fullscreen wizard.
+     */
+    readonly requestClose: () => void;
+};
+
+/**
+ * React context carrying the local wizard navigation state.
+ *
+ * @private internal context of <ManGoNewAgentWizard/>.
+ */
+export const ManGoOnboardingNavigationContext = createContext<ManGoOnboardingNavigationContextValue | null>(null);
+
+/**
+ * Reads the current in-dialog manGo onboarding navigation state.
+ *
+ * @returns Navigation helpers scoped to the current wizard.
+ *
+ * @private internal hook of <ManGoNewAgentWizard/>.
+ */
+export function useManGoOnboardingNavigation(): ManGoOnboardingNavigationContextValue {
+    const context = useContext(ManGoOnboardingNavigationContext);
+
+    if (!context) {
+        throw new NotAllowed('useManGoOnboardingNavigation must be used within <ManGoOnboardingNavigationContext>.');
+    }
+
+    return context;
+}